/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.box-body:after,.box-footer:after,.box-header:after,.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.chat .item:after,.chat .item>.attachment:after,.clearfix:after,.contacts-list>li:after,.container-fluid:after,.container:after,.control-sidebar-menu>li>a:after,.direct-chat-msg:after,.dl-horizontal dd:after,.dropdown-menu>li>a,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar-nav>.user-menu>.dropdown-menu>.user-body:after,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after,.navbar:after,.pager:after,.panel-body:after,.products-list>.item:after,.redactor-toolbar:after,.row:after,.timeline>li:after,.ui-helper-clearfix:after,.user-panel:after,.wrapper:after,table.dataTable {
    clear: both;
}

.bootstrap-datetimepicker-widget .picker-switch,.fa-fw,.fa-li,.fa-stack-1x,.fa-stack-2x,table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty {
  text-align: center;
}

a:active,a:hover,table.dataTable thead>tr>td:active,table.dataTable thead>tr>th:active {
  outline: 0;
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable {
  max-height: 340px;
}

.fa,.glyphicon {
  -moz-osx-font-smoothing: grayscale;
}

.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}

@media (min-width:768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width:992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width:1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,.bootstrap-datetimepicker-widget.dropdown-menu:before {
  content: '';
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0,0,0,.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0,0,0,.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: 700;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eee;
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777;
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.new,.bootstrap-datetimepicker-widget table td.old {
  color: #777;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0,0,0,.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777;
}

.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: 0 0;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em!important;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face {
  font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.1.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.btn,.btn-group,.btn-group-vertical,.caret,.checkbox-inline,.fa-stack,.radio-inline,img {
  vertical-align: middle;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul>li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1,1);
  -moz-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  -o-transform: scale(-1,1);
  transform: scale(-1,1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1,-1);
  -moz-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  -o-transform: scale(1,-1);
  transform: scale(1,-1);
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
}

.fa-stack-1x,.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-cog:before,.fa-gear:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-repeat:before,.fa-rotate-right:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-exclamation-triangle:before,.fa-warning:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-cogs:before,.fa-gears:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-floppy-o:before,.fa-save:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-sort:before,.fa-unsorted:before {
  content: "\f0dc";
}

.fa-sort-desc:before,.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-asc:before,.fa-sort-up:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,.fa-undo:before {
  content: "\f0e2";
}

.fa-gavel:before,.fa-legal:before {
  content: "\f0e3";
}

.fa-dashboard:before,.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-bolt:before,.fa-flash:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-clipboard:before,.fa-paste:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-chain-broken:before,.fa-unlink:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
  content: "\f150";
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
  content: "\f151";
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
  content: "\f152";
}

.fa-eur:before,.fa-euro:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,.fa-usd:before {
  content: "\f155";
}

.fa-inr:before,.fa-rupee:before {
  content: "\f156";
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
  content: "\f157";
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
  content: "\f158";
}

.fa-krw:before,.fa-won:before {
  content: "\f159";
}

.fa-bitcoin:before,.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-try:before,.fa-turkish-lira:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
  content: "\f19c";
}

.fa-graduation-cap:before,.fa-mortar-board:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-square:before,.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
  content: "\f1c5";
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
  content: "\f1c6";
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,.fa-rebel:before {
  content: "\f1d0";
}

.fa-empire:before,.fa-ge:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,.fa-weixin:before {
  content: "\f1d7";
}

.fa-paper-plane:before,.fa-send:before {
  content: "\f1d8";
}

.fa-paper-plane-o:before,.fa-send-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

table.dataTable {
  margin-top: 6px!important;
  margin-bottom: 6px!important;
  max-width: none!important;
  border-collapse: separate!important;
}

table.dataTable td,table.dataTable th {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable.nowrap td,table.dataTable.nowrap th {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: 400;
  white-space: nowrap;
  text-align: left;
  display: flex;
  align-items: center;
  width: 100%;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: .5em;
  display: inline-block;
  width: auto;
  flex: 1;
}

.dt-fullsearch {
  padding: 0;
}

.dt-fullsearch div.dataTables_filter input {
  margin-left: 0!important;
  border-radius: 0;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}

div.dataTables_scrollBody table,div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0!important;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

div.dataTables_scrollBody table,div.dataTables_scrollFoot table {
  margin-top: 0!important;
  border-top: none;
}

table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc {
  padding-right: 30px;
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: 'Glyphicons Halflings';
  opacity: .5;
}

table.dataTable thead .sorting:after {
  opacity: .2;
  content: "\e150";
}

table.dataTable thead .sorting_asc:after {
  content: "\e155";
}

table.dataTable thead .sorting_desc:after {
  content: "\e156";
}

table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}

div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody table tbody tr:first-child td,div.dataTables_scrollBody table tbody tr:first-child th {
  border-top: none;
}

table.dataTable.table-condensed>thead>tr>th {
  padding-right: 20px;
}

table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px;
}

table.table-bordered.dataTable td,table.table-bordered.dataTable th {
  border-left-width: 0;
}

table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable th:last-child {
  border-right-width: 0;
}

div.dataTables_scrollHead table.table-bordered,table.table-bordered.dataTable tbody td,table.table-bordered.dataTable tbody th {
  border-bottom-width: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row {
  margin: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
  padding-left: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
  padding-right: 0;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: #fff;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0,0,0,.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  padding: .5em;
  margin: 0;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info>div {
  padding: 1em;
}

ul.dt-button-collection.dropdown-menu {
  display: block;
  z-index: 2002;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

ul.dt-button-collection.dropdown-menu.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

ul.dt-button-collection.dropdown-menu.fixed.two-column {
  margin-left: -150px;
}

ul.dt-button-collection.dropdown-menu.fixed.three-column {
  margin-left: -225px;
}

ul.dt-button-collection.dropdown-menu.fixed.four-column {
  margin-left: -300px;
}

ul.dt-button-collection.dropdown-menu>* {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

ul.dt-button-collection.dropdown-menu.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

ul.dt-button-collection.dropdown-menu.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

ul.dt-button-collection.dropdown-menu.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2001;
}

@media screen and (max-width:767px) {
  div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }

  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: .5em;
  }

  div.dt-buttons a.btn {
    float: none;
  }
}

.btn-group>.btn-group,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu {
  float: left;
}

table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected {
  background-color: #08C;
}

table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected,table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected {
  background-color: #0085c7;
}

table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover {
  background-color: #0083c5;
}

table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected,table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected {
  background-color: #0085c8;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {
  background-color: #0081c1;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2 {
  background-color: #0082c2;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3 {
  background-color: #0083c4;
}

table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
  background-color: #0085c8;
}

table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2 {
  background-color: #0086ca;
}

table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3 {
  background-color: #0087cb;
}

table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected {
  background-color: #0081c1;
}

table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected {
  background-color: #0085c8;
}

table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1 {
  background-color: #007dbb;
}

table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2 {
  background-color: #007ebd;
}

table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3 {
  background-color: #007fbf;
}

table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover {
  background-color: #007dbb;
}

table.dataTable td.select-checkbox {
  position: relative;
}

table.dataTable td.select-checkbox:after,table.dataTable td.select-checkbox:before {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}

.redactor-toolbar li,hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

table.dataTable td.select-checkbox:before {
  content: ' ';
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid #000;
  border-radius: 3px;
}

hr,img {
  border: 0;
}

table.dataTable tr.selected td.select-checkbox:after {
  content: '\2714';
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
  text-shadow: 1px 1px #B0BED9,-1px -1px #B0BED9,1px -1px #B0BED9,-1px 1px #B0BED9;
}

div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item {
  margin-left: .5em;
}

body,figure {
  margin: 0;
}

@media screen and (max-width:640px) {
  div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}

table.dataTable tbody td.selected,table.dataTable tbody th.selected,table.dataTable tbody tr.selected {
  color: #fff;
}

table.dataTable tbody td.selected a,table.dataTable tbody th.selected a,table.dataTable tbody tr.selected a {
  color: #a2d4ed;
}/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],template {
  display: none;
}

a {
  background-color: transparent;
}

b,optgroup,strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
}

mark {
  color: #000;
  background: #ff0;
}

sub,sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  height: 0;
  box-sizing: content-box;
}

*,:after,:before,input[type=checkbox],input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

pre,textarea {
  overflow: auto;
}

code,kbd,pre,samp {
  font-size: 1em;
}

button,input,optgroup,select,textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

.glyphicon,address {
  font-style: normal;
}

button {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,th {
  padding: 0;
}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
  blockquote,img,pre,tr {
    page-break-inside: avoid;
  }

  *,:after,:before {
    color: #000!important;
    text-shadow: none!important;
    background: 0 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
  }

  a,a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after,a[href^="#"]:after {
    content: "";
  }

  blockquote,pre {
    border: 1px solid #999;
  }

  thead {
    display: table-header-group;
  }

  img {
    max-width: 100%!important;
  }

  h2,h3,p {
    orphans: 3;
    widows: 3;
  }

  h2,h3 {
    page-break-after: avoid;
  }

  select {
    background: #fff!important;
  }

  .navbar {
    display: none;
  }

  .btn>.caret,.dropup>.btn>.caret {
    border-top-color: #000!important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse!important;
  }

  .table td,.table th {
    background-color: #fff!important;
  }

  .table-bordered td,.table-bordered th {
    border: 1px solid #ddd!important;
  }
}

.dropdown-menu,.modal-content {
  -webkit-background-clip: padding-box;
}

.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning {
  background-image: none;
}

.img-thumbnail,body {
  background-color: #fff;
}

@font-face {
  font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.glyphicon-asterisk:before {
  content: "\2a";
}

.glyphicon-plus:before {
  content: "\2b";
}

.glyphicon-eur:before,.glyphicon-euro:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\26fa";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "\231b";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-jpy:before,.glyphicon-yen:before {
  content: "\00a5";
}

.glyphicon-rub:before,.glyphicon-ruble:before {
  content: "\20bd";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

*,:after,:before {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}

button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  text-decoration: none;
}

a:focus {
  outline-offset: -2px;
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #eee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.sr-only-focusable:active,.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}

.h1,.h2,.h3,h1,h2,h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
  font-size: 65%;
}

.h4,.h5,.h6,h4,h5,h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

dl,ol,ul {
  margin-top: 0;
}

.lead,address,dl {
  margin-bottom: 20px;
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
  font-size: 75%;
}

.h1,h1 {
  font-size: 36px;
}

.h2,h2 {
  font-size: 30px;
}

.h3,h3 {
  font-size: 24px;
}

.h4,h4 {
  font-size: 18px;
}

.h5,h5 {
  font-size: 14px;
}

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

p {
  margin: 0 0 10px;
}

.lead {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child,ol ol,ol ul,ul ol,ul ul {
  margin-bottom: 0;
}

dt,kbd kbd,label {
  font-weight: 700;
}

address,blockquote .small,blockquote footer,blockquote small,dd,dt,pre {
  line-height: 1.42857143;
}

@media (min-width:768px) {
  .lead {
    font-size: 21px;
  }
}

.small,small {
  font-size: 85%;
}

.mark,mark {
  padding: .2em;
  background-color: #fcf8e3;
}

.list-inline,.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:hover {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover {
  background-color: #e4b9b9;
}

pre code,table {
  background-color: transparent;
}

.page-header {
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}

ol,ul {
  margin-bottom: 10px;
}

.list-inline {
  margin-left: -5px;
}

.list-inline>li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dd {
  margin-left: 0;
}

@media (min-width:768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }

  .container {
    width: 750px;
  }
}

abbr[data-original-title],abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote .small,blockquote footer,blockquote small {
  display: block;
  font-size: 80%;
  color: #777;
}

legend,pre {
  display: block;
  color: #333;
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

code,kbd {
  padding: 2px 4px;
  font-size: 90%;
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
  content: '';
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

code,kbd,pre,samp {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.container,.container-fluid {
  margin-right: auto;
  margin-left: auto;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  border-radius: 0;
}

.container,.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}

.pre-scrollable {
  overflow-y: scroll;
}

@media (min-width:992px) {
  .container {
    width: 970px;
  }
}

@media (min-width:1200px) {
  .container {
    width: 1170px;
  }
}

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

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width:768px) {
  .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width:992px) {
  .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width:1200px) {
  .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.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;
  line-height: 1.42857143;
  vertical-align: top;
}

.table>thead>tr>th {
  vertical-align: bottom;
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
  border-top: 0;
}

.table>tbody+tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
  padding: 5px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
  background-color: #f5f5f5;
}

table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*=col-],table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
  background-color: #e8e8e8;
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
  background-color: #dff0d8;
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
  background-color: #d0e9c6;
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
  background-color: #d9edf7;
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
  background-color: #c4e3f3;
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
  background-color: #fcf8e3;
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
  background-color: #faf2cc;
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
  background-color: #f2dede;
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

@media screen and (max-width:767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive>.table {
    margin-bottom: 0;
  }

  .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
    white-space: nowrap;
  }

  .table-responsive>.table-bordered {
    border: 0;
  }

  .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0;
  }

  .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0;
  }

  .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
  }
}

fieldset,legend {
  padding: 0;
  border: 0;
}

fieldset {
  min-width: 0;
  margin: 0;
}

legend {
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}

input[type=checkbox],input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}

.form-control,output {
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  display: block;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],select[size] {
  height: auto;
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}

output {
  padding-top: 7px;
}

.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-group-sm .form-control,.input-sm {
  font-size: 12px;
  border-radius: 3px;
  padding: 5px 10px;
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
  color: #3c763d;
}

.form-control:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    line-height: 34px;
  }

  .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
    line-height: 30px;
  }

  .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.checkbox,.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox label,.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px;
}

.checkbox+.checkbox,.radio+.radio {
  margin-top: -5px;
}

.checkbox-inline,.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
  margin-top: 0;
  margin-left: 10px;
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
  cursor: not-allowed;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg,.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  line-height: 1.5;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

select[multiple].input-sm,textarea.input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  line-height: 1.5;
}

.form-group-lg .form-control,.input-lg {
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 18px;
}

select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}

select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  line-height: 1.3333333;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

select[multiple].input-lg,textarea.input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  line-height: 1.3333333;
}

select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}

select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.collapsing,.dropdown,.dropup {
  position: relative;
}

.input-lg+.form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm+.form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-feedback label~.form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width:768px) {
  .form-inline .form-control-static,.form-inline .form-group {
    display: inline-block;
  }

  .form-inline .control-label,.form-inline .form-group {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
    width: auto;
  }

  .form-inline .input-group>.form-control {
    width: 100%;
  }

  .form-inline .checkbox,.form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .checkbox label,.form-inline .radio label {
    padding-left: 0;
  }

  .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }

  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .checkbox,.form-horizontal .radio {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width:768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33px;
  }

  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}

.btn.focus,.btn:focus,.btn:hover {
  color: #333;
  text-decoration: none;
}

.btn.active,.btn:active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.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.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
}

.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
}

.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
}

.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
}

.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
}

.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
  border-color: transparent;
}

.btn-link:focus,.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none;
}

.btn-group-lg>.btn,.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-group-sm>.btn,.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-xs>.btn,.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block+.btn-block {
  margin-top: 5px;
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height,visibility;
  -o-transition-property: height,visibility;
  transition-property: height,visibility;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu-right,.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-header,.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  line-height: 1.42857143;
  white-space: nowrap;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu>li>a {
  font-weight: 400;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
  color: #777;
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open>.dropdown-menu {
  display: block;
}

.open>a {
  outline: 0;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  font-size: 12px;
  color: #777;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover,.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
  z-index: 2;
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width:768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}

.btn-group,.btn-group-vertical {
  position: relative;
  display: inline-block;
}

.btn-group-vertical>.btn,.btn-group>.btn {
  position: relative;
  float: left;
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
  margin-left: 5px;
}

.btn .caret,.btn-group>.btn:first-child {
  margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical>.btn-group>.btn {
  float: none;
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group,.input-group-btn>.btn+.btn {
  margin-left: -1px;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.btn-group-justified>.btn-group .btn {
  width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
  height: 46px;
  line-height: 46px;
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
  height: auto;
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  line-height: 30px;
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
  height: auto;
}

.input-group .form-control,.input-group-addon,.input-group-btn {
  display: table-cell;
}

.nav>li,.nav>li>a {
  display: block;
  position: relative;
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
  margin-top: 0;
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn>.btn {
  position: relative;
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
  margin-right: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav>li>a {
  padding: 10px 15px;
}

.nav>li>a:focus,.nav>li>a:hover {
  text-decoration: none;
  background-color: #eee;
}

.nav>li.disabled>a {
  color: #777;
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
  background-color: #eee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav>li>a>img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified>li {
  float: none;
}

.nav-tabs.nav-justified>li>a {
  margin-bottom: 5px;
  text-align: center;
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
  border: 1px solid #ddd;
}

@media (min-width:768px) {
  .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%;
  }

  .nav-tabs.nav-justified>li>a {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border-bottom-color: #fff;
  }
}

.nav-pills>li {
  float: left;
}

.nav-justified>li,.nav-stacked>li {
  float: none;
}

.nav-pills>li+li {
  margin-left: 2px;
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified>li>a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs-justified {
  border-bottom: 0;
}

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

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
  border: 1px solid #ddd;
}

@media (min-width:768px) {
  .nav-justified>li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified>li>a {
    margin-bottom: 0;
  }

  .nav-tabs-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
    border-bottom-color: #fff;
  }
}

.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width:768px) {
  .navbar {
    border-radius: 4px;
  }

  .navbar-header {
    float: left;
  }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.embed-responsive,.modal,.modal-open,.progress {
  overflow: hidden;
}

@media (max-device-width:480px)and (orientation:landscape) {
  .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom,.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:focus,.navbar-brand:hover {
  text-decoration: none;
}

.navbar-brand>img {
  display: block;
}

@media (min-width:768px) {
  .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
  }

  .navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top {
    border-radius: 0;
  }

  .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width:767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
    background-image: none;
  }
}

.progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-success {
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

@media (min-width:768px) {
  .navbar-toggle {
    display: none;
  }

  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav>li {
    float: left;
  }

  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  margin: 8px -15px;
}

@media (min-width:768px) {
  .navbar-form .form-control-static,.navbar-form .form-group {
    display: inline-block;
  }

  .navbar-form .control-label,.navbar-form .form-group {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
    width: auto;
  }

  .navbar-form .input-group>.form-control {
    width: 100%;
  }

  .navbar-form .checkbox,.navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .checkbox label,.navbar-form .radio label {
    padding-left: 0;
  }

  .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }

  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.breadcrumb>li,.pagination {
  display: inline-block;
}

@media (max-width:767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width:768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }

  .navbar-left {
    float: left!important;
  }

  .navbar-right {
    float: right!important;
    margin-right: -15px;
  }

  .navbar-right~.navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width:767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
  color: #333;
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
  color: #fff;
  background-color: #080808;
}

@media (max-width:767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

.breadcrumb>.active {
  color: #777;
}

.pagination {
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pager li,.pagination>li {
  display: inline;
}

.pagination>li>a,.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item>.badge,.pager .next>a,.pager .next>span {
  float: right;
}

.badge,.label {
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg>li>a,.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm>li>a,.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager li>a,.pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li>a:focus,.pager li>a:hover {
  text-decoration: none;
  background-color: #eee;
}

.pager .previous>a,.pager .previous>span {
  float: left;
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

a.badge:focus,a.badge:hover,a.label:focus,a.label:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  color: #fff;
  border-radius: .25em;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default[href]:focus,.label-default[href]:hover {
  background-color: #5e5e5e;
}

.label-primary[href]:focus,.label-primary[href]:hover {
  background-color: #286090;
}

.label-success[href]:focus,.label-success[href]:hover {
  background-color: #449d44;
}

.label-info[href]:focus,.label-info[href]:hover {
  background-color: #31b0d5;
}

.label-warning[href]:focus,.label-warning[href]:hover {
  background-color: #ec971f;
}

.label-danger[href]:focus,.label-danger[href]:hover {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  color: #fff;
  background-color: #777;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.media-object,.thumbnail {
  display: block;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
  color: #337ab7;
  background-color: #fff;
}

.jumbotron,.jumbotron .h1,.jumbotron h1 {
  color: inherit;
}

.list-group-item>.badge+.badge {
  margin-right: 5px;
}

.nav-pills>li>a>.badge {
  margin-left: 3px;
}

.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  background-color: #eee;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.alert,.thumbnail {
  margin-bottom: 20px;
}

.alert .alert-link,.close {
  font-weight: 700;
}

.jumbotron>hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,.container-fluid .jumbotron {
  border-radius: 6px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width:768px) {
  .jumbotron {
    padding: 48px 0;
  }

  .container .jumbotron,.container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }

  .jumbotron .h1,.jumbotron h1 {
    font-size: 63px;
  }
}

.thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.thumbnail a>img,.thumbnail>img {
  margin-right: auto;
  margin-left: auto;
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
  border-color: #337ab7;
}

.thumbnail .caption {
  padding: 9px;
  color: #333;
}

.alert {
  padding: 15px;
  border: 1px solid transparent;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert>p,.alert>ul {
  margin-bottom: 0;
}

.alert>p+p {
  margin-top: 5px;
}

.alert-dismissable,.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.modal,.modal-backdrop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

.progress-bar-striped,.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress-bar.active,.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-striped .progress-bar-info,.progress-striped .progress-bar-warning {
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-striped .progress-bar-danger {
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-right,.media>.pull-right {
  padding-left: 10px;
}

.media-left,.media>.pull-left {
  padding-right: 10px;
}

.media-body,.media-left,.media-right {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:focus,a.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
  color: #777;
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:focus,a.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:focus,a.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
  color: inherit;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
  margin-bottom: 0;
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-title {
  margin-top: 0;
  font-size: 16px;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
  border-bottom: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
  border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
  border-top: 0;
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
  border: 0;
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
  border-left: 0;
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
  border-right: 0;
}

.panel>.table-responsive {
  margin-bottom: 0;
  border: 0;
}

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

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel+.panel {
  margin-top: 5px;
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0,0,0,.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

.popover,.tooltip {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 400;
}

.carousel-caption,.carousel-control {
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.close:focus,.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.modal {
  position: fixed;
  z-index: 1050;
  display: none;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0,-25%);
  -ms-transform: translate(0,-25%);
  -o-transform: translate(0,-25%);
  transform: translate(0,-25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width:768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width:992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top .tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  margin-bottom: -5px;
}

.tooltip.top-right .tooltip-arrow {
  left: 5px;
  margin-bottom: -5px;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
  border-width: 0 5px 5px;
  border-bottom-color: #000;
  top: 0;
}

.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}

.tooltip.bottom-left .tooltip-arrow {
  right: 5px;
  margin-top: -5px;
}

.tooltip.bottom-right .tooltip-arrow {
  left: 5px;
  margin-top: -5px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

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

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover>.arrow,.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.carousel,.carousel-inner {
  position: relative;
}

.popover>.arrow {
  border-width: 11px;
}

.popover>.arrow:after {
  content: "";
  border-width: 10px;
}

.popover.top>.arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0,0,0,.25);
  border-bottom-width: 0;
}

.popover.top>.arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.left>.arrow:after,.popover.right>.arrow:after {
  bottom: -10px;
  content: " ";
}

.popover.right>.arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0,0,0,.25);
  border-left-width: 0;
}

.popover.right>.arrow:after {
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom>.arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0,0,0,.25);
}

.popover.bottom>.arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0,0,0,.25);
}

.popover.left>.arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
}

.carousel-inner {
  width: 100%;
  overflow: hidden;
}

.carousel-inner>.item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left;
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
  line-height: 1;
}

@media all and (transform-3d),(-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }

  .carousel-inner>.item.active.right,.carousel-inner>.item.next {
    left: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }

  .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }

  .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
  display: block;
}

.carousel-inner>.active {
  left: 0;
}

.carousel-inner>.next,.carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner>.next {
  left: 100%;
}

.carousel-inner>.prev {
  left: -100%;
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
  left: 0;
}

.carousel-inner>.active.left {
  left: -100%;
}

.carousel-inner>.active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  filter: alpha(opacity=50);
  opacity: .5;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
  background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control:focus,.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-next,.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.carousel-caption .btn,.text-hide {
  text-shadow: none;
}

@media screen and (min-width:768px) {
  .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }

  .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    margin-left: -15px;
  }

  .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    margin-right: -15px;
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
  display: table;
  content: " ";
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right!important;
}

.pull-left {
  float: left!important;
}

.show {
  display: block!important;
}

.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
  display: none!important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  background-color: transparent;
  border: 0;
}

.re-icon,body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.select2-close-mask,.select2-container--default .select2-selection--single,.select2-dropdown {
  background-color: #fff;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width:device-width;
}

@media (max-width:767px) {
  .visible-xs {
    display: block!important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row!important;
  }

  td.visible-xs,th.visible-xs {
    display: table-cell!important;
  }

  .visible-xs-block {
    display: block!important;
  }

  .visible-xs-inline {
    display: inline!important;
  }

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

@media (min-width:768px)and (max-width:991px) {
  .visible-sm {
    display: block!important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row!important;
  }

  td.visible-sm,th.visible-sm {
    display: table-cell!important;
  }

  .visible-sm-block {
    display: block!important;
  }

  .visible-sm-inline {
    display: inline!important;
  }

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

@media (min-width:992px)and (max-width:1199px) {
  .visible-md {
    display: block!important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row!important;
  }

  td.visible-md,th.visible-md {
    display: table-cell!important;
  }

  .visible-md-block {
    display: block!important;
  }

  .visible-md-inline {
    display: inline!important;
  }

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

@media (min-width:1200px) {
  .visible-lg {
    display: block!important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row!important;
  }

  td.visible-lg,th.visible-lg {
    display: table-cell!important;
  }

  .visible-lg-block {
    display: block!important;
  }

  .visible-lg-inline {
    display: inline!important;
  }

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

  .hidden-lg {
    display: none!important;
  }
}

@media (max-width:767px) {
  .hidden-xs {
    display: none!important;
  }
}

@media (min-width:768px)and (max-width:991px) {
  .hidden-sm {
    display: none!important;
  }
}

@media (min-width:992px)and (max-width:1199px) {
  .hidden-md {
    display: none!important;
  }
}

.visible-print {
  display: none!important;
}

@media print {
  .visible-print {
    display: block!important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row!important;
  }

  td.visible-print,th.visible-print {
    display: table-cell!important;
  }
}

.visible-print-block {
  display: none!important;
}

@media print {
  .visible-print-block {
    display: block!important;
  }
}

.visible-print-inline {
  display: none!important;
}

@media print {
  .visible-print-inline {
    display: inline!important;
  }
}

.visible-print-inline-block {
  display: none!important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block!important;
  }

  .hidden-print {
    display: none!important;
  }
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.select2-container--classic .select2-results>.select2-results__options,.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #000;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: 0 0;
  border: none;
  outline: 0;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
  background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
  background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
  background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
  background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: 0 0;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
  background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
  background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
  background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
  background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.icheckbox_square-blue,.iradio_square-blue {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url(blue.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_square-blue {
  background-position: 0 0;
}

.icheckbox_square-blue.hover {
  background-position: -24px 0;
}

.icheckbox_square-blue.checked {
  background-position: -48px 0;
}

.icheckbox_square-blue.disabled {
  background-position: -72px 0;
  cursor: default;
}

.icheckbox_square-blue.checked.disabled {
  background-position: -96px 0;
}

.iradio_square-blue {
  background-position: -120px 0;
}

.iradio_square-blue.hover {
  background-position: -144px 0;
}

.iradio_square-blue.checked {
  background-position: -168px 0;
}

.iradio_square-blue.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio_square-blue.checked.disabled {
  background-position: -216px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
  .icheckbox_square-blue,.iradio_square-blue {
    background-image: url(blue@2x.png);
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}

@font-face {
  font-family:RedactorFont;src:url(redactor-font.eot);
}

@font-face {
  font-family:RedactorFont;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:400;font-style:normal;
}

.redactor-box {
  position: relative;
  overflow: visible;
  border: 1px solid #ccc;
}

.has-error .redactor-box {
  border: 1px solid #a94442;
}

.has-success .redactor-box {
  border: 1px solid #3c763d;
}

.redactor-box textarea {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: auto;
  outline: 0;
  border: none;
  background-color: #111;
  box-shadow: none;
  color: #ccc;
  font-size: 13px;
  font-family: Menlo,Monaco,monospace,sans-serif;
  resize: none;
}

.redactor-box textarea:focus {
  outline: 0;
}

.redactor-box,.redactor-editor {
  background: #fff;
  border-radius: 4px;
}

.redactor-box,.redactor-box textarea,.redactor-editor {
  z-index: auto;
}

.redactor-box-fullscreen {
  z-index: 1051;
}

.redactor-toolbar {
  z-index: 100;
}

.redactor-dropdown {
  z-index: 1052;
}

#redactor-modal,#redactor-modal-box,#redactor-modal-overlay {
  z-index: 1053;
}

.redactor-resize {
  background: #f4f4f4;
  padding: 4px 0 3px;
  cursor: move;
  border: 1px solid #e3e3e3;
  border-top: none;
}

.redactor-resize div {
  width: 30px;
  margin: auto;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}

body .redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.redactor-editor,.redactor-placeholder {
  position: relative;
}

.body-redactor-hidden {
  overflow: hidden;
}

.redactor-editor {
  overflow: auto;
  margin: 0!important;
  padding: 10px;
  outline: 0;
  white-space: normal;
  line-height: 1.6em;
}

.redactor-editor:focus {
  outline: 0;
}

.toolbar-fixed-box+.redactor-editor {
  padding-top: 32px!important;
}

.redactor-toolbar,.redactor-toolbar li {
  margin: 0!important;
  padding: 0!important;
  list-style: none!important;
}

.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  color: #999!important;
  font-weight: 400!important;
}

.redactor-linebreaks.redactor-placeholder:after {
  top: 20px;
  left: 20px;
}

.redactor-toolbar {
  position: relative;
  top: 0;
  left: 0;
  font-size: 14px!important;
  line-height: 1!important;
  background: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
}

.redactor-toolbar:after {
  content: "";
  display: table;
}

.redactor-toolbar.redactor-toolbar-overflow {
  overflow-y: auto;
  height: 29px;
  white-space: nowrap;
}

.redactor-toolbar.redactor-toolbar-external {
  z-index: 999;
  box-shadow: none;
  border: 1px solid rgba(0,0,0,.1);
}

.redactor-toolbar li {
  vertical-align: top;
  display: inline-block;
  outline: 0;
  box-sizing: content-box;
}

.redactor-toolbar li a {
  display: block;
  color: #333;
  text-align: center;
  padding: 9px 10px;
  outline: 0;
  border: none;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.redactor-toolbar li a:hover {
  outline: 0;
  background-color: #1f78d8;
  color: #fff;
}

.redactor-toolbar li a:hover i:before {
  color: #fff;
}

.redactor-toolbar li a.redactor-act,.redactor-toolbar li a:active {
  outline: 0;
  background-color: #ccc;
  color: #444;
}

.redactor-toolbar li a.redactor-btn-image {
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}

.redactor-toolbar li a.fa-redactor-btn {
  display: inline-block;
  padding: 9px 10px 8px;
  line-height: 1;
}

.redactor-toolbar li a.redactor-button-disabled {
  filter: alpha(opacity=30);
  -moz-opacity: .3;
  opacity: .3;
}

.redactor-toolbar li a.redactor-button-disabled:hover {
  color: #333;
  outline: 0;
  background-color: transparent!important;
  cursor: default;
}

.redactor-box .CodeMirror {
  display: none;
}

.re-icon {
  font-family: RedactorFont;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.btn.uppercase,.description-block>.description-text,.info-box-text,.nav-stacked>li.header,.redactor-editor h6 {
  text-transform: uppercase;
}

.re-icon i:before {
  position: relative;
  font-size: 14px;
}

.re-video:before {
  content: "\e600";
}

.re-unorderedlist:before {
  content: "\e601";
}

.re-undo:before {
  content: "\e602";
}

.re-underline:before {
  content: "\e603";
}

.re-textdirection:before {
  content: "\e604";
}

.re-fontcolor:before {
  content: "\e605";
}

.re-table:before {
  content: "\e606";
}

.re-redo:before {
  content: "\e607";
}

.re-quote:before {
  content: "\e608";
}

.re-outdent:before {
  content: "\e609";
}

.re-orderedlist:before {
  content: "\e60a";
}

.re-link:before {
  content: "\e60b";
}

.re-horizontalrule:before {
  content: "\e60c";
}

.re-italic:before {
  content: "\e60d";
}

.re-indent:before {
  content: "\e60e";
}

.re-image:before {
  content: "\e60f";
}

.re-fullscreen:before {
  content: "\e610";
}

.re-normalscreen:before {
  content: "\e611";
}

.re-formatting:before {
  content: "\e612";
}

.re-fontsize:before {
  content: "\e613";
}

.re-fontfamily:before {
  content: "\e614";
}

.re-deleted:before {
  content: "\e615";
}

.re-html:before {
  content: "\e616";
}

.re-clips:before {
  content: "\e617";
}

.re-bold:before {
  content: "\e618";
}

.re-backcolor:before {
  content: "\e619";
}

.re-file:before {
  content: "\e61a";
}

.re-alignright:before {
  content: "\e61b";
}

.re-alignleft:before,.re-alignment:before {
  content: "\e61c";
}

.re-alignjustify:before {
  content: "\e61d";
}

.re-aligncenter:before {
  content: "\e61e";
}

.re-gallery:before {
  content: "\e61f";
}

.redactor-toolbar-tooltip {
  position: absolute;
  z-index: 1054;
  text-align: center;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 5px 8px;
  line-height: 1;
  font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif;
  font-size: 12px;
  border-radius: 2px;
  margin-top: -55px;
}

.redactor-dropdown {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0;
  min-width: 220px;
  max-height: 254px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0,0,0,.25);
  font-size: 14px;
  font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif;
  line-height: 1.6em;
}

#redactor-modal-box,body {
  overflow-x: hidden;
  overflow-y: auto;
}

.redactor-dropdown a {
  display: block;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.07);
}

.redactor-dropdown a:last-child {
  border-bottom: none;
}

.redactor-dropdown a:hover {
  background-color: #1f78d8;
  color: #fff!important;
  text-decoration: none;
}

#redactor-image-editter,.redactor-dropdown a.selected {
  color: #fff;
  background-color: #000;
}

#redactor-image-box {
  position: relative;
  max-width: 100%;
  display: inline-block;
  line-height: 0;
  outline: rgba(0,0,0,.6) dashed 1px;
}

#redactor-image-editter {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -18px;
  line-height: 1;
  font-size: 11px;
  padding: 7px 10px;
  cursor: pointer;
}

#redactor-image-resizer {
  position: absolute;
  z-index: 2;
  line-height: 1;
  cursor: nw-resize;
  bottom: -4px;
  right: -5px;
  border: 1px solid #fff;
  background-color: #000;
  width: 8px;
  height: 8px;
}

.redactor-link-tooltip {
  position: absolute;
  z-index: 49999;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #555!important;
}

.redactor-link-tooltip,.redactor-link-tooltip a {
  font-size: 12px;
  font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif;
}

.redactor-link-tooltip a {
  color: #ccc;
  margin: 0 5px;
  text-decoration: none;
}

.redactor-link-tooltip a:hover {
  color: #fff;
}

#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 140px 20px;
  border: 3px dashed rgba(0,0,0,.1);
}

#redactor-droparea.drag-hover {
  background: rgba(200,222,250,.75);
}

#redactor-droparea.drag-drop {
  background: rgba(250,248,200,.5);
}

#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  color: rgba(0,0,0,.7);
}

#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}

#redactor-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-size: 40px 40px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #000!important;
  filter: alpha(opacity=30);
  -moz-opacity: .3;
  opacity: .3;
}

#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#redactor-modal {
  outline: 0;
  position: relative;
  margin: auto auto 20px;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 14px!important;
  font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif;
  box-shadow: 0 1px 70px rgba(0,0,0,.5);
}

#redactor-modal header {
  padding: 30px 40px 5px;
  font-size: 18px;
  font-weight: 700;
}

#redactor-modal section {
  padding: 30px 40px 50px;
}

#redactor-modal label {
  display: block;
  float: none!important;
  margin: 15px 0 3px!important;
  padding: 0;
}

#redactor-modal input[type=radio],#redactor-modal input[type=checkbox] {
  position: relative;
  top: -1px;
}

#redactor-modal select {
  width: 100%;
}

#redactor-modal input[type=text],#redactor-modal input[type=password],#redactor-modal input[type=email],#redactor-modal input[type=url],#redactor-modal textarea {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 5px 4px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif;
  -moz-transition: border .3s ease-in;
  transition: border .3s ease-in;
}

#redactor-modal input[type=text]:focus,#redactor-modal input[type=password]:focus,#redactor-modal input[type=email]:focus,#redactor-modal input[type=url]:focus,#redactor-modal textarea:focus {
  outline: 0;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70,161,231,.3),0 1px 2px rgba(0,0,0,.2) inset;
}

#redactor-modal input[type=text].redactor-input-error,#redactor-modal input[type=password].redactor-input-error,#redactor-modal input[type=email].redactor-input-error,#redactor-modal input[type=url].redactor-input-error,#redactor-modal textarea.redactor-input-error {
  border-color: #e82f2f;
  box-shadow: 0 0 0 2px rgba(232,47,47,.3),0 1px 2px rgba(0,0,0,.2) inset;
}

#redactor-modal textarea {
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}

#redactor-modal-tabber {
  margin-bottom: 15px;
  font-size: 12px;
}

#redactor-modal-tabber a {
  border: 1px solid #ddd;
  line-height: 1;
  padding: 8px 15px;
  margin-right: -1px;
  text-decoration: none;
  color: #000;
}

#redactor-modal-tabber a:hover {
  background-color: #1f78d8;
  border-color: #1f78d8;
  color: #fff;
}

#redactor-modal-tabber a.active {
  cursor: default;
  background-color: #ddd;
  border-color: #ddd;
  color: rgba(0,0,0,.6);
}

#redactor-modal #redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: auto;
}

#redactor-modal #redactor-modal-list li {
  border-bottom: 1px solid #ddd;
}

#redactor-modal #redactor-modal-list li:last-child {
  border-bottom: none;
}

#redactor-modal #redactor-modal-list a {
  padding: 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  position: relative;
}

#redactor-modal #redactor-modal-list a:hover {
  background-color: #eee;
}

#redactor-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  text-align: right;
  color: #bbb;
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
}

#redactor-modal-close:hover {
  color: #000;
}

#redactor-modal footer button {
  position: relative;
  width: 100%;
  padding: 14px 16px;
  margin: 0;
  outline: 0;
  border: none;
  background-color: #ddd;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 12px;
  font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif;
  line-height: 1;
  cursor: pointer;
}

#redactor-modal footer button:hover {
  color: #777;
  background: #bbb;
  text-decoration: none;
}

.alert a,.callout a,.redactor-editor a {
  text-decoration: underline;
}

#redactor-modal footer button.redactor-modal-delete-btn {
  background: #b52525;
  color: #fff;
}

#redactor-modal footer button.redactor-modal-delete-btn:hover {
  color: rgba(255,255,255,.6);
  background-color: #881b1b;
}

#redactor-modal footer button.redactor-modal-action-btn {
  background: #2461b5;
  color: #fff;
}

#redactor-modal footer button.redactor-modal-action-btn:hover {
  color: rgba(255,255,255,.6);
  background-color: #1a4580;
}

.redactor-dropdown .redactor-formatting-blockquote {
  color: rgba(0,0,0,.4);
  font-style: italic;
}

.redactor-dropdown .redactor-formatting-pre {
  font-family: monospace,sans-serif;
}

.redactor-dropdown .redactor-formatting-h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}

.redactor-dropdown .redactor-formatting-h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}

.redactor-dropdown .redactor-formatting-h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
}

.redactor-dropdown .redactor-formatting-h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.redactor-dropdown .redactor-formatting-h5 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
}

.redactor-editor code,.redactor-editor pre {
  font-family: Menlo,Monaco,monospace,sans-serif;
}

.redactor-editor blockquote,.redactor-editor div,.redactor-editor dl,.redactor-editor ol,.redactor-editor p,.redactor-editor pre,.redactor-editor table,.redactor-editor ul {
  font-size: 14px;
  line-height: 1.6em;
}

.redactor-editor a {
  color: #15c;
}

.redactor-editor embed,.redactor-editor img,.redactor-editor object,.redactor-editor video {
  max-width: 100%;
  width: auto;
}

.redactor-editor img,.redactor-editor video {
  height: auto;
}

.redactor-editor blockquote,.redactor-editor div,.redactor-editor dl,.redactor-editor figure,.redactor-editor ol,.redactor-editor p,.redactor-editor pre,.redactor-editor table,.redactor-editor ul {
  margin: 0 0 15px;
  border: none;
  background: 0 0;
  box-shadow: none;
}

.redactor-editor hr,.redactor-editor iframe,.redactor-editor object {
  margin-bottom: 15px;
}

.redactor-editor blockquote {
  margin-left: 1.6em!important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}

.redactor-editor ol,.redactor-editor ul {
  padding-left: 2em;
}

.redactor-editor ol ol,.redactor-editor ol ul,.redactor-editor ul ol,.redactor-editor ul ul {
  margin: 2px;
  padding: 0 0 0 2em;
  border: none;
}

.redactor-editor ol ol li {
  list-style-type: lower-alpha;
}

.redactor-editor ol ol ol li {
  list-style-type: lower-roman;
}

.redactor-editor dl dt {
  font-weight: 700;
}

.redactor-editor dd {
  margin-left: 1em;
}

.redactor-editor table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}

.redactor-editor table td,.redactor-editor table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}

.redactor-editor table th,.redactor-editor table thead td {
  font-weight: 700;
  border-bottom-color: #888;
}

.redactor-editor code {
  background-color: #d8d7d7;
}

.redactor-editor pre {
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
}

.redactor-editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

.ui-helper-zfix,.ui-widget-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.redactor-editor h1,.redactor-editor h2,.redactor-editor h3,.redactor-editor h4,.redactor-editor h5,.redactor-editor h6 {
  font-weight: 700;
  color: #000;
  padding: 0;
  background: 0 0;
  text-rendering: optimizeLegibility;
  margin: 0 0 .5em;
}

.redactor-editor h1,.redactor-editor h2,.redactor-editor h3,.redactor-editor h4 {
  line-height: 1.3;
}

.redactor-editor h1 {
  font-size: 36px;
}

.redactor-editor h2 {
  font-size: 24px;
  margin-bottom: .7em;
}

.redactor-editor h3 {
  font-size: 21px;
}

.redactor-editor h4 {
  font-size: 18px;
}

.redactor-editor h5 {
  font-size: 16px;
}

.redactor-editor h6 {
  font-size: 12px;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default!important;
}

.ui-widget-overlay {
  position: fixed;
}

.ui-autocomplete,.ui-menu .ui-menu {
  position: absolute;
}

.ui-autocomplete {
  top: 0;
  left: 0;
  cursor: default;
  /* No max-height by default, so a search that matches many products grows
     the dropdown to fit all of them - tall enough to overlap the header,
     product grid, and keyboard below it. Bound it and let it scroll
     instead. */
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0;
}

.ui-menu .ui-state-active,.ui-menu .ui-state-focus {
  margin: -1px;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.layout-boxed .wrapper,.wrapper {
  position: relative;
  min-height: 100%;
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-widget {
  font-size: 1.1em;
}

.ui-widget .ui-widget,.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #ccc;
  background: #FFF;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: url(../../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x #f6a828;
  color: #fff;
  font-weight: 700;
}

.ui-widget-header a {
  color: #fff;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  font-weight: 700;
  color: #1c94c4;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
  border: 1px solid #428BCA;
  background: #428BCA;
  font-weight: 700;
  color: #FFF;
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff;
  font-weight: 700;
  color: #eb8f00;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  color: #363636;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: url(../../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% #b81900;
  color: #fff;
}

.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text {
  color: #fff;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: 400;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-widget-overlay {
  background: url(../../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% #666;
  opacity: .5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: url(../../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x #000;
  opacity: .2;
  filter: Alpha(Opacity=20);
}

@font-face {
  font-family:'Source Sans Pro';font-style:normal;font-weight:300;src:local('Source Sans Pro Light'),local('SourceSansPro-Light'),url(../fonts/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.woff2) format('woff2'),url(../fonts/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}

@font-face {
  font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:local('Source Sans Pro'),local('SourceSansPro-Regular'),url(../fonts/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2'),url(../fonts/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}

@font-face {
  font-family:'Source Sans Pro';font-style:normal;font-weight:600;src:local('Source Sans Pro Semibold'),local('SourceSansPro-Semibold'),url(../fonts/toadOcfmlt9b38dHJxOBGCOFnW3Jk0f09zW_Yln67Ac.woff2) format('woff2'),url(../fonts/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
}

@font-face {
  font-family:'Source Sans Pro';font-style:normal;font-weight:700;src:local('Source Sans Pro Bold'),local('SourceSansPro-Bold'),url(../fonts/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2) format('woff2'),url(../fonts/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
}/*!
 *   AdminLTE v2.1.2
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/body,html {
  min-height: 100%;
}

.layout-boxed body,.layout-boxed html {
  height: 100%;
}

body {
  font-weight: 400;
}

.wrapper {
  overflow: hidden!important;
}

.wrapper:after,.wrapper:before {
  content: " ";
  display: table;
}

.layout-boxed .wrapper {
  max-width: 1250px;
  margin: 0 auto;
  box-shadow: 0 0 8px rgba(0,0,0,.5);
}

.layout-boxed {
  background: url(../img/boxed-bg.jpg) fixed;
}

.content-wrapper,.main-footer,.right-side {
  -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
  -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
  transition: transform .3s ease-in-out,margin .3s ease-in-out;
  margin-left: 230px;
  z-index: 820;
}

.layout-top-nav .content-wrapper,.layout-top-nav .main-footer,.layout-top-nav .right-side {
  margin-left: 0;
}

@media (min-width:768px) {
  .sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer,.sidebar-collapse .right-side {
    margin-left: 0;
  }
}

.content-wrapper,.right-side {
  min-height: 100%;
  background-color: #ecf0f5;
  z-index: 800;
}

.main-footer {
  background: #fff;
  padding: 15px;
  color: #444;
  border-top: 1px solid #d2d6de;
}

.fixed .left-side,.fixed .main-header,.fixed .main-sidebar {
  position: fixed;
}

.fixed .main-header {
  top: 0;
  right: 0;
  left: 0;
}

.fixed .content-wrapper,.fixed .right-side {
  padding-top: 50px;
}

@media (max-width:767px) {
  .content-wrapper,.main-footer,.right-side {
    margin-left: 0;
  }

  .sidebar-open .content-wrapper,.sidebar-open .main-footer,.sidebar-open .right-side {
    -webkit-transform: translate(230px,0);
    -ms-transform: translate(230px,0);
    -o-transform: translate(230px,0);
    transform: translate(230px,0);
  }

  .fixed .content-wrapper,.fixed .right-side {
    padding-top: 100px;
  }
}

.fixed.layout-boxed .wrapper {
  max-width: 100%;
}

.content {
  min-height: 250px;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  font-family: 'Comfortaa','Battambang','Khmer OS Battambang','Source Sans Pro',sans-serif;
}

a {
  color: #3c8dbc;
}

a:active,a:focus,a:hover {
  outline: 0;
  text-decoration: none;
  color: #72afd2;
}

.page-header {
  margin: 10px 0 20px;
  font-size: 22px;
}

.page-header>small {
  color: #666;
  display: block;
  margin-top: 5px;
}

.main-header {
  position: relative;
  max-height: 100px;
  z-index: 1030;
}

.main-header>.navbar {
  -webkit-transition: margin-left .3s ease-in-out;
  -o-transition: margin-left .3s ease-in-out;
  transition: margin-left .3s ease-in-out;
  margin-bottom: 0;
  margin-left: 230px;
  border: none;
  min-height: 50px;
  border-radius: 0;
}

.layout-top-nav .main-header>.navbar {
  margin-left: 0!important;
}

.main-header #navbar-search-input {
  background: rgba(255,255,255,.2);
  border-color: transparent;
}

.main-header #navbar-search-input:active,.main-header #navbar-search-input:focus {
  border-color: rgba(0,0,0,.1)!important;
  background: rgba(255,255,255,.9);
}

.main-header #navbar-search-input::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.main-header #navbar-search-input:-ms-input-placeholder {
  color: #ccc;
}

.main-header #navbar-search-input::-webkit-input-placeholder {
  color: #ccc;
}

.main-header .navbar-custom-menu,.main-header .navbar-right {
  float: right;
}

@media (max-width:991px) {
  .main-header .navbar-custom-menu a,.main-header .navbar-right a {
    color: inherit;
    background: 0 0;
  }
}

@media (max-width:767px) {
  .main-header .navbar-right {
    float: none;
  }

  .navbar-collapse .main-header .navbar-right {
    margin: 7.5px -15px;
  }

  .main-header .navbar-right>li {
    color: inherit;
    border: 0;
  }
}

.main-header .navbar-brand,.main-header .sidebar-toggle:hover {
  color: #fff;
}

.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px;
  font-family: fontAwesome;
}

.main-header .sidebar-toggle:before {
  content: "\f0c9";
}

.main-header .sidebar-toggle:active,.main-header .sidebar-toggle:focus {
  background: 0 0;
}

.main-header .sidebar-toggle .icon-bar {
  display: none;
}

.main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion {
  margin-right: 5px;
}

.main-header .navbar .nav>li>a>.label {
  position: absolute;
  top: 9px;
  right: 7px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9;
}

.main-header .logo {
  -webkit-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
  display: block;
  float: left;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 230px;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;
}

.main-header .logo .logo-lg {
  display: block;
}

.header-logo-wrap {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.header-logo {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.store-logo-preview {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

/* Round logo on every theme. */
.header-logo,
.store-logo-preview {
  border-radius: 50% !important;
}

.main-header .logo .logo-mini {
  display: none;
}

.content-header {
  position: relative;
  padding: 15px 15px 0;
}

.content-header>h1 {
  margin: 0;
  font-size: 24px;
}

.content-header>h1>small {
  font-size: 15px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}

.content-header>.breadcrumb {
  float: right;
  background: 0 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  border-radius: 2px;
}

.content-header>.breadcrumb>li>a {
  color: #444;
  text-decoration: none;
  display: inline-block;
}

.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion {
  margin-right: 5px;
}

.content-header>.breadcrumb>li+li:before {
  content: '>\00a0';
}

@media (max-width:991px) {
  .content-header>.breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #d2d6de;
    padding-left: 10px;
  }

  .content-header>.breadcrumb li:before {
    color: #97a0b3;
  }

  .navbar-custom-menu .navbar-nav>li {
    float: left;
  }

  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }

  .navbar-custom-menu .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }
}

.navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 15px;
}

@media (max-width:767px) {
  .main-header {
    position: relative;
  }

  .main-header .logo,.main-header .navbar {
    width: 100%;
    float: none;
    position: relative!important;
  }

  .main-header .navbar {
    margin: 0;
  }

  .main-header .navbar-custom-menu {
    float: right;
  }

  .left-side,.main-sidebar {
    padding-top: 100px!important;
    -webkit-transform: translate(-230px,0);
    -ms-transform: translate(-230px,0);
    -o-transform: translate(-230px,0);
    transform: translate(-230px,0);
  }
}

@media (max-width:991px) {
  .navbar-collapse.pull-left {
    float: none!important;
  }

  .navbar-collapse.pull-left+.navbar-custom-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 40px;
  }
}

.left-side,.main-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 50px;
  min-height: 100%;
  width: 230px;
  z-index: 810;
  -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
  -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
  transition: transform .3s ease-in-out,width .3s ease-in-out;
}

@media (min-width:768px) {
  .sidebar-collapse .left-side,.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-230px,0);
    -ms-transform: translate(-230px,0);
    -o-transform: translate(-230px,0);
    transform: translate(-230px,0);
  }
}

@media (max-width:767px) {
  .sidebar-open .left-side,.sidebar-open .main-sidebar {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.sidebar {
  padding-bottom: 10px;
}

.sidebar-form input:focus {
  border-color: transparent!important;
}

.user-panel {
  position: relative;
  width: 100%;
  padding: 10px;
  overflow: hidden;
}

.user-panel:after,.user-panel:before {
  content: " ";
  display: table;
}

.user-panel>.image>img {
  width: 100%;
  max-width: 45px;
  height: auto;
}

.user-panel>.info {
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 55px;
}

.user-panel>.info>p {
  font-weight: 600;
  margin-bottom: 9px;
}

.user-panel>.info>a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 11px;
}

.user-panel>.info>a>.fa,.user-panel>.info>a>.glyphicon,.user-panel>.info>a>.ion {
  margin-right: 3px;
}

.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-menu>li {
  position: relative;
  margin: 0;
  padding: 0;
}

.sidebar-menu>li>a {
  padding: 12px 5px 12px 15px;
  display: block;
}

.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion {
  width: 20px;
}

.sidebar-menu>li .badge,.sidebar-menu>li .label {
  margin-top: 3px;
  margin-right: 5px;
}

.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}

.sidebar-menu li>a>.fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
}

.sidebar-menu li.active>a>.fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.sidebar-menu li.active>.treeview-menu {
  display: block;
}

.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0 0 0 5px;
  margin: 0;
}

.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 20px;
}

.sidebar-menu .treeview-menu>li {
  margin: 0;
}

.sidebar-menu .treeview-menu>li>a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}

.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion {
  width: 20px;
}

.sidebar-menu .treeview-menu>li>a>.fa-angle-down,.sidebar-menu .treeview-menu>li>a>.fa-angle-left {
  width: auto;
}

@media (min-width:768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .main-footer,.sidebar-mini.sidebar-collapse .right-side {
    margin-left: 50px!important;
    z-index: 840;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    width: 50px!important;
    z-index: 850;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li {
    position: relative;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
    margin-right: 0;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
    border-top-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
    border-bottom-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) {
    display: block!important;
    position: absolute;
    width: 180px;
    left: 50px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    top: 44px;
    margin-left: 0;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu li.header,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
    display: none!important;
    -webkit-transform: translateZ(0);
  }

  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 50px;
  }

  .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
  }

  .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
    display: none;
  }

  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }

  .control-sidebar-open .content-wrapper,.control-sidebar-open .main-footer,.control-sidebar-open .right-side {
    margin-right: 230px;
  }
}

.main-sidebar .user-panel,.sidebar-menu,.sidebar-menu>li.header {
  white-space: nowrap!important;
  overflow: hidden;
}

.sidebar-menu:hover {
  overflow: visible;
}

.sidebar-form,.sidebar-menu>li.header {
  overflow: hidden;
  text-overflow: clip;
}

.btn-social,.btn-social-icon,.info-box-text,.products-list .product-description,.progress-description,.users-list-name {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sidebar-menu li>a {
  position: relative;
}

.sidebar-menu li>a>.pull-right {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}

.control-sidebar-bg {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}

.control-sidebar,.control-sidebar-bg {
  top: 0;
  right: -230px;
  width: 230px;
  -webkit-transition: right .3s ease-in-out;
  -o-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out;
}

.control-sidebar {
  position: absolute;
  padding-top: 50px;
  z-index: 1010;
}

.navbar-nav>.messages-menu,.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.notifications-menu,.navbar-nav>.notifications-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu,.navbar-nav>.tasks-menu>.dropdown-menu>li {
  position: relative;
}

@media (max-width:768px) {
  .control-sidebar {
    padding-top: 100px;
  }

  .control-sidebar-tabs {
    display: table;
  }

  .control-sidebar-tabs>li {
    display: table-cell!important;
  }
}

.control-sidebar>.tab-content {
  padding: 10px 15px;
}

.control-sidebar-open .control-sidebar,.control-sidebar-open .control-sidebar-bg,.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg {
  right: 0;
}

.control-sidebar-tabs>li:first-of-type>a {
  margin-left: 1px;
}

.control-sidebar-tabs>li:first-of-type>a,.control-sidebar-tabs>li:first-of-type>a:hover {
  border-left-width: 0!important;
}

.control-sidebar-tabs>li>a {
  border-radius: 0!important;
}

.control-sidebar-tabs>li>a,.control-sidebar-tabs>li>a:hover {
  border-top: none;
  border-right: none;
  border-left: 1px solid transparent!important;
  border-bottom: 1px solid transparent!important;
}

.control-sidebar-tabs>li>a .icon {
  font-size: 16px;
}

.control-sidebar-tabs>li.active>a,.control-sidebar-tabs>li.active>a:active,.control-sidebar-tabs>li.active>a:focus,.control-sidebar-tabs>li.active>a:hover {
  border-top: none!important;
  border-right: none!important;
  border-bottom: none!important;
}

.control-sidebar-heading {
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0;
  margin-bottom: 10px;
}

.control-sidebar-subheading {
  display: block;
  font-weight: 400;
  font-size: 14px;
}

.control-sidebar-menu {
  list-style: none;
  padding: 0;
}

.control-sidebar-menu>li>a {
  display: block;
  padding: 10px 15px;
}

.control-sidebar-menu>li>a:after,.control-sidebar-menu>li>a:before {
  content: " ";
  display: table;
}

.control-sidebar-menu>li>a>.control-sidebar-subheading {
  margin-top: 0;
}

.control-sidebar-menu .menu-icon {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
}

.control-sidebar-menu .menu-info {
  margin-left: 45px;
  margin-top: 3px;
}

.control-sidebar-menu .menu-info>.control-sidebar-subheading,.control-sidebar-menu .progress {
  margin: 0;
}

.control-sidebar-menu .menu-info>p {
  margin: 0;
  font-size: 11px;
}

.control-sidebar-dark {
  color: #b8c7ce;
}

.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg {
  background: #222d32;
}

.control-sidebar-dark .control-sidebar-tabs {
  border-bottom: #1c2529;
}

.control-sidebar-dark .control-sidebar-tabs>li>a {
  background: #181f23;
  color: #b8c7ce;
}

.control-sidebar-dark .control-sidebar-tabs>li>a,.control-sidebar-dark .control-sidebar-tabs>li>a:hover {
  border-left-color: #141a1d!important;
  border-bottom-color: #141a1d!important;
}

.control-sidebar-dark .control-sidebar-tabs>li>a:active,.control-sidebar-dark .control-sidebar-tabs>li>a:focus,.control-sidebar-dark .control-sidebar-tabs>li>a:hover {
  background: #1c2529;
}

.control-sidebar-dark .control-sidebar-tabs>li.active>a,.control-sidebar-dark .control-sidebar-tabs>li.active>a:active,.control-sidebar-dark .control-sidebar-tabs>li.active>a:focus,.control-sidebar-dark .control-sidebar-tabs>li.active>a:hover {
  background: #222d32;
  color: #fff;
}

.control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}

.control-sidebar-dark .control-sidebar-menu>li>a:hover {
  background: #1e282c;
}

.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p {
  color: #b8c7ce;
}

.control-sidebar-light {
  color: #5e5e5e;
}

.control-sidebar-light,.control-sidebar-light+.control-sidebar-bg {
  background: #f9fafc;
  border-left: 1px solid #d2d6de;
}

.control-sidebar-light .control-sidebar-tabs {
  border-bottom: #d2d6de;
}

.control-sidebar-light .control-sidebar-tabs>li>a {
  background: #e8ecf4;
  color: #444;
}

.control-sidebar-light .control-sidebar-tabs>li>a,.control-sidebar-light .control-sidebar-tabs>li>a:hover {
  border-left-color: #d2d6de!important;
  border-bottom-color: #d2d6de!important;
}

.control-sidebar-light .control-sidebar-tabs>li>a:active,.control-sidebar-light .control-sidebar-tabs>li>a:focus,.control-sidebar-light .control-sidebar-tabs>li>a:hover {
  background: #eff1f7;
}

.control-sidebar-light .control-sidebar-tabs>li.active>a,.control-sidebar-light .control-sidebar-tabs>li.active>a:active,.control-sidebar-light .control-sidebar-tabs>li.active>a:focus,.control-sidebar-light .control-sidebar-tabs>li.active>a:hover {
  background: #f9fafc;
  color: #111;
}

.control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading {
  color: #111;
}

.control-sidebar-light .control-sidebar-menu {
  margin-left: -14px;
}

.control-sidebar-light .control-sidebar-menu>li>a:hover {
  background: #f4f4f5;
}

.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p {
  color: #5e5e5e;
}

.dropdown-menu {
  box-shadow: none;
  border-color: #eee;
}

.dropdown-menu>li>a {
  color: #777;
}

.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.ion {
  margin-right: 10px;
}

.dropdown-menu>li>a:hover {
  background-color: #e1e3e9;
  color: #333;
}

.dropdown-menu>.divider {
  background-color: #eee;
}

.navbar-nav .dropdown-menu {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu {
  width: 280px;
  padding: 0!important;
  margin: 0!important;
  top: 100%;
}

.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.notifications-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header {
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444;
  font-size: 14px;
  border-radius: 4px 4px 0 0;
}

.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
  font-size: 12px;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eee;
  color: #444!important;
  text-align: center;
  border-radius: 0 0 4px 4px;
}

@media (max-width:991px) {
  .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
    background: #fff!important;
    color: #444!important;
  }
}

.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
  text-decoration: none;
  font-weight: 400;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  display: block;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
  background: #f4f4f4;
  text-decoration: none;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
  width: 20px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
  margin: 0;
  padding: 10px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444;
  font-size: 15px;
  position: relative;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
  color: #999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before {
  content: " ";
  display: table;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
  clear: both;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  padding: 10px;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px;
  color: #666;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
  padding: 0;
  margin: 0;
}

.navbar-nav>.user-menu>.dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1px 0 0;
  border-top-width: 0;
  width: 280px;
}

.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid transparent;
  border-color: rgba(255,255,255,.2);
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
  z-index: 5;
  color: #fff;
  color: rgba(255,255,255,.8);
  font-size: 17px;
  margin-top: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
  display: block;
  font-size: 12px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body:after,.navbar-nav>.user-menu>.dropdown-menu>.user-body:before,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before {
  display: table;
  content: " ";
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #ddd;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
  color: #444!important;
}

@media (max-width:991px) {
  .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    background: #fff!important;
    color: #444!important;
  }
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
  color: #666;
}

.navbar-nav>.user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}

@media (max-width:767px) {
  .navbar-nav>.user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}

.open:not(.dropup)>.animated-dropdown-menu {
  backface-visibility: visible!important;
  -webkit-animation: flipInX .7s both;
  -o-animation: flipInX .7s both;
  animation: flipInX .7s both;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transition-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1,0,0,10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1,0,0,-5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    -webkit-transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
  }
}

.direct-chat-messages,.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
}

.navbar-custom-menu>.navbar-nav>li {
  position: relative;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}

@media (max-width:991px) {
  .navbar-custom-menu>.navbar-nav {
    float: right;
  }

  .navbar-custom-menu>.navbar-nav>li {
    position: static;
  }

  .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
}

.progress-striped .progress-bar-green,.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary,.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.form-control {
  border-radius: 0!important;
  box-shadow: none;
  border-color: #d2d6de;
}

.form-control:focus {
  border-color: #3c8dbc!important;
  box-shadow: none;
}

.form-control::-moz-placeholder {
  color: #bbb;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #bbb;
}

.form-control::-webkit-input-placeholder {
  color: #bbb;
}

.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-group.has-success label {
  color: #00a65a;
}

.form-group.has-success .form-control {
  border-color: #00a65a!important;
  box-shadow: none;
}

.form-group.has-warning label {
  color: #f39c12;
}

.form-group.has-warning .form-control {
  border-color: #f39c12!important;
  box-shadow: none;
}

.form-group.has-error label {
  color: #dd4b39;
}

.form-group.has-error .form-control {
  border-color: #dd4b39!important;
  box-shadow: none;
}

.input-group .input-group-addon {
  border-radius: 0;
  border-color: #d2d6de;
  background-color: #fff;
}

.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}

.progress,.progress .progress-bar,.progress-sm,.progress-sm .progress-bar,.progress-xs,.progress-xs .progress-bar,.progress-xxs,.progress-xxs .progress-bar,.progress.sm,.progress.sm .progress-bar,.progress.xs,.progress.xs .progress-bar,.progress.xxs,.progress.xxs .progress-bar,.progress>.progress-bar,.progress>.progress-bar .progress-bar {
  border-radius: 1px;
}

.icheck>label {
  padding-left: 0;
}

.progress,.progress>.progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.box,.small-box {
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.progress-sm,.progress.sm {
  height: 10px;
}

.progress-xs,.progress.xs {
  height: 7px;
}

.progress-xxs,.progress.xxs {
  height: 3px;
}

.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}

.progress.vertical>.progress-bar {
  width: 100%!important;
  position: absolute;
  bottom: 0;
}

.progress.vertical.progress-sm,.progress.vertical.sm {
  width: 20px;
}

.progress.vertical.progress-xs,.progress.vertical.xs {
  width: 10px;
}

.progress.vertical.progress-xxs,.progress.vertical.xxs {
  width: 3px;
}

.progress-group .progress-text {
  font-weight: 600;
}

.progress-group .progress-number {
  float: right;
}

.table tr>td .progress {
  margin: 0;
}

.progress-bar-light-blue,.progress-bar-primary {
  background-color: #3c8dbc;
}

.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-green,.progress-bar-success {
  background-color: #00a65a;
}

.progress-striped .progress-bar-green,.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info,.progress-striped .progress-bar-warning,.progress-striped .progress-bar-yellow {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-aqua,.progress-bar-info {
  background-color: #00c0ef;
}

.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning,.progress-bar-yellow {
  background-color: #f39c12;
}

.progress-striped .progress-bar-warning,.progress-striped .progress-bar-yellow {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger,.progress-bar-red {
  background-color: #dd4b39;
}

.progress-striped .progress-bar-danger,.progress-striped .progress-bar-red {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.small-box>.inner {
  padding: 10px;
}

.small-box>.small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255,255,255,.8);
  display: block;
  z-index: 10;
  background: rgba(0,0,0,.1);
  text-decoration: none;
}

.small-box>.small-box-footer:hover {
  color: #fff;
  background: rgba(0,0,0,.15);
}

.small-box h3 {
  font-size: 38px;
  font-weight: 700;
  margin: 0 0 10px;
  white-space: nowrap;
  padding: 0;
}

.small-box p {
  font-size: 15px;
}

.small-box p>small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}

.small-box h3,.small-box p {
  z-index: 5px;
}

.small-box .icon {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0,0,0,.15);
}

.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}

.small-box:hover .icon {
  font-size: 95px;
}

@media (max-width:767px) {
  .small-box {
    text-align: center;
  }

  .small-box .icon {
    display: none;
  }

  .small-box p {
    font-size: 12px;
  }
}

.box {
  position: relative;
  border-radius: 3px;
  background: #fff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
}

.box.box-primary {
  border-top-color: #3c8dbc;
}

.box.box-info {
  border-top-color: #00c0ef;
}

.box.box-danger {
  border-top-color: #dd4b39;
}

.box.box-warning {
  border-top-color: #f39c12;
}

.box.box-success {
  border-top-color: #00a65a;
}

.box.box-default {
  border-top-color: #d2d6de;
}

.box.collapsed-box .box-body,.box.collapsed-box .box-footer {
  display: none;
}

.box .nav-stacked>li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}

.box .nav-stacked>li:last-of-type {
  border-bottom: none;
}

.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}

.box .border-right {
  border-right: 1px solid #f4f4f4;
}

.box .border-left {
  border-left: 1px solid #f4f4f4;
}

.box.box-solid {
  border-top: 0;
}

.box.box-solid>.box-header .btn.btn-default {
  background: 0 0;
}

.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover {
  background: rgba(0,0,0,.1)!important;
}

.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}

.box.box-solid.box-default>.box-header {
  color: #444;
  background: #d2d6de;
}

.box.box-solid.box-default>.box-header .btn,.box.box-solid.box-default>.box-header a {
  color: #444;
}

.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}

.box.box-solid.box-primary>.box-header {
  color: #fff;
  background: #3c8dbc;
}

.box.box-solid.box-primary>.box-header .btn,.box.box-solid.box-primary>.box-header a {
  color: #fff;
}

.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}

.box.box-solid.box-info>.box-header {
  color: #fff;
  background: #00c0ef;
}

.box.box-solid.box-info>.box-header .btn,.box.box-solid.box-info>.box-header a {
  color: #fff;
}

.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}

.box.box-solid.box-danger>.box-header {
  color: #fff;
  background: #dd4b39;
}

.box.box-solid.box-danger>.box-header .btn,.box.box-solid.box-danger>.box-header a {
  color: #fff;
}

.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}

.box.box-solid.box-warning>.box-header {
  color: #fff;
  background: #f39c12;
}

.box.box-solid.box-warning>.box-header .btn,.box.box-solid.box-warning>.box-header a {
  color: #fff;
}

.box.box-solid.box-success {
  border: 1px solid #00a65a;
}

.box.box-solid.box-success>.box-header {
  color: #fff;
  background: #00a65a;
}

.box.box-solid.box-success>.box-header .btn,.box.box-solid.box-success>.box-header a {
  color: #fff;
}

.box.box-solid>.box-header>.box-tools .btn {
  border: 0;
  box-shadow: none;
}

.box.box-solid[class*=bg]>.box-header {
  color: #fff;
}

.box .box-group>.box {
  margin-bottom: 5px;
}

.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: .3em;
}

.box>.loading-img,.box>.overlay,.overlay-wrapper>.loading-img,.overlay-wrapper>.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box .overlay,.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255,255,255,.7);
  border-radius: 3px;
}

.box .overlay>.fa,.overlay-wrapper .overlay>.fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}

.box .overlay.dark,.overlay-wrapper .overlay.dark {
  background: rgba(0,0,0,.5);
}

.box-body:after,.box-body:before,.box-footer:after,.box-footer:before,.box-header:after,.box-header:before {
  content: " ";
  display: table;
}

.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}

.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}

.collapsed-box .box-header.with-border {
  border-bottom: none;
}

.box-header .box-title,.box-header>.fa,.box-header>.glyphicon,.box-header>.ion {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}

.box-header>.fa,.box-header>.glyphicon,.box-header>.ion {
  margin-right: 5px;
}

.box-header>.box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}

.box-header>.box-tools [data-toggle=tooltip],.timeline {
  position: relative;
}

.box-header>.box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}

.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: 0 0;
  box-shadow: none!important;
  color: #97a0b3;
}

.btn-box-tool:hover,.open .btn-box-tool {
  color: #606c84;
}

.btn-box-tool:active {
  outline: 0!important;
}

.box-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
}

.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.box-body>.table {
  margin-bottom: 0;
}

.box-body .fc {
  margin-top: 5px;
}

.box-body .full-width-chart {
  margin: -19px;
}

.box-body.no-padding .full-width-chart {
  margin: -9px;
}

.box-body .box-pane {
  border-radius: 0 0 0 3px;
}

.box-body .box-pane-right {
  border-radius: 0 0 3px;
}

.box-footer {
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
}

@media (max-width:991px) {
  .chart-legend>li {
    float: left;
    margin-right: 10px;
  }
}

.todo-list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}

.todo-list>li {
  border-radius: 2px;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}

.todo-list>li:last-of-type {
  margin-bottom: 0;
}

.todo-list>li.danger {
  border-left-color: #dd4b39;
}

.todo-list>li.warning {
  border-left-color: #f39c12;
}

.todo-list>li.info {
  border-left-color: #00c0ef;
}

.todo-list>li.success {
  border-left-color: #00a65a;
}

.todo-list>li.primary {
  border-left-color: #3c8dbc;
}

.todo-list>li>input[type=checkbox] {
  margin: 0 10px 0 5px;
}

.todo-list>li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}

.todo-list>li .label {
  margin-left: 10px;
  font-size: 9px;
}

.todo-list>li .tools {
  display: none;
  float: right;
  color: #dd4b39;
}

.todo-list .handle,.todo-list>li:hover .tools {
  display: inline-block;
}

.todo-list>li .tools>.fa,.todo-list>li .tools>.glyphicon,.todo-list>li .tools>.ion {
  margin-right: 5px;
  cursor: pointer;
}

.todo-list>li.done {
  color: #999;
}

.todo-list>li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}

.todo-list>li.done .label {
  background: #d2d6de!important;
}

.todo-list .handle {
  cursor: move;
  margin: 0 5px;
}

.chat {
  padding: 5px 20px 5px 10px;
}

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

.chat .item:after,.chat .item:before {
  content: " ";
  display: table;
}

.chat .item>img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 50%!important;
}

.chat .item>img.online {
  border: 2px solid #00a65a;
}

.chat .item>img.offline {
  border: 2px solid #dd4b39;
}

.chat .item>.message {
  margin-left: 55px;
  margin-top: -40px;
}

.chat .item>.message>.name {
  display: block;
  font-weight: 600;
}

.chat .item>.attachment {
  border-radius: 3px;
  background: #f4f4f4;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}

.chat .item>.attachment>h4 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 14px;
}

.chat .item>.attachment>.filename,.chat .item>.attachment>p {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}

.chat .item>.attachment:after,.chat .item>.attachment:before {
  content: " ";
  display: table;
}

.box-input {
  max-width: 200px;
}

.modal .panel-body {
  color: #444;
}

.info-box {
  display: block;
  min-height: 90px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 2px;
  margin-bottom: 15px;
}

.info-box small {
  font-size: 14px;
}

.info-box .progress {
  background: rgba(0,0,0,.2);
  margin: 5px -10px;
  height: 2px;
}

.info-box .progress,.info-box .progress .progress-bar {
  border-radius: 0;
}

.info-box .progress .progress-bar {
  background: #fff;
}

.info-box-icon {
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0,0,0,.2);
  border-radius: 2px 0 0 2px;
}

.info-box-icon>img {
  max-width: 100%;
}

.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}

.info-box-number {
  display: block;
  font-weight: 700;
  font-size: 18px;
}

.info-box-text,.progress-description {
  display: block;
  font-size: 14px;
  overflow: hidden;
}

.info-box-more {
  display: block;
}

.progress-description {
  margin: 0;
}

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

.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #ddd;
  left: 31px;
  margin: 0;
  border-radius: 2px;
}

.timeline>li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
}

.timeline>li:after,.timeline>li:before {
  content: " ";
  display: table;
}

.timeline>li>.timeline-item {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 3px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 15px;
  padding: 0;
  position: relative;
}

.timeline>li>.timeline-item>.time {
  color: #999;
  float: right;
  padding: 10px;
  font-size: 12px;
}

.timeline>li>.timeline-item>.timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
  font-size: 16px;
  line-height: 1.1;
}

.timeline>li>.timeline-item>.timeline-header>a {
  font-weight: 600;
}

.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer {
  padding: 10px;
}

.timeline>li.time-label>span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}

.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}

.btn,.btn-app {
  border-radius: 3px;
}

.btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}

.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}

.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn:focus {
  outline: 0;
}

.btn.btn-file {
  position: relative;
  overflow: hidden;
}

.btn.btn-file>input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: 0;
  background: #fff;
  cursor: inherit;
  display: block;
}

.btn-app,table.text-center,table.text-center td,table.text-center th {
  text-align: center;
}

.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}

.btn-default.hover,.btn-default:active,.btn-default:hover {
  background-color: #e7e7e7!important;
}

.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}

.btn-primary.hover,.btn-primary:active,.btn-primary:hover {
  background-color: #367fa9;
}

.btn-success {
  background-color: #00a65a;
  border-color: #008d4c;
}

.btn-success.hover,.btn-success:active,.btn-success:hover {
  background-color: #008d4c;
}

.btn-info {
  background-color: #00c0ef;
  border-color: #00acd6;
}

.btn-info.hover,.btn-info:active,.btn-info:hover {
  background-color: #00acd6;
}

.btn-danger {
  background-color: #dd4b39;
  border-color: #d73925;
}

.btn-danger.hover,.btn-danger:active,.btn-danger:hover {
  background-color: #d73925;
}

.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}

.btn-warning.hover,.btn-warning:active,.btn-warning:hover {
  background-color: #e08e0b;
}

.btn-outline {
  border: 1px solid #fff;
  background: 0 0;
  color: #fff;
}

.btn-outline:active,.btn-outline:focus,.btn-outline:hover {
  color: rgba(255,255,255,.7);
  border-color: rgba(255,255,255,.7);
}

.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn[class*=bg-]:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.2);
  box-shadow: inset 0 0 100px rgba(0,0,0,.2);
}

.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}

.alert,.callout {
  border-radius: 3px;
}

.btn-app>.fa,.btn-app>.glyphicon,.btn-app>.ion {
  font-size: 20px;
  display: block;
}

.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}

.btn-app:active,.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-app>.badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}

.alert h4,.callout h4,.contacts-list-name,.direct-chat-name,.nav-pills>li.active>a,.products-list .product-title {
  font-weight: 600;
}

.callout {
  margin: 0 0 20px;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

.callout a {
  color: #fff;
}

.callout a:hover {
  color: #eee;
}

.callout h4 {
  margin-top: 0;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout .highlight,.callout code {
  background-color: #fff;
}

.callout.callout-danger {
  border-color: #c23321;
}

.callout.callout-warning {
  border-color: #c87f0a;
}

.callout.callout-info {
  border-color: #0097bc;
}

.callout.callout-success {
  border-color: #00733e;
}

.alert .icon {
  margin-right: 10px;
}

.alert .close {
  color: #000;
  opacity: .2;
  filter: alpha(opacity=20);
}

.alert .close:hover {
  opacity: .5;
  filter: alpha(opacity=50);
}

.alert a {
  color: #fff;
}

.skin-black .sidebar a:hover,.skin-blue .sidebar a:hover,.skin-green .sidebar a:hover,.skin-purple .sidebar a:hover,.skin-red .sidebar a:hover,.skin-yellow .sidebar a:hover {
  text-decoration: none;
}

.alert-success {
  border-color: #008d4c;
}

.alert-danger,.alert-error {
  border-color: #d73925;
}

.alert-warning {
  border-color: #e08e0b;
}

.alert-info {
  border-color: #00acd6;
}

.nav>li>a:active,.nav>li>a:focus,.nav>li>a:hover {
  color: #444;
  background: #f7f7f7;
}

.nav-pills>li>a {
  border-radius: 0;
  border-top: 3px solid transparent;
  color: #444;
}

.nav-pills>li>a>.fa,.nav-pills>li>a>.glyphicon,.nav-pills>li>a>.ion {
  margin-right: 5px;
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
  border-top-color: #3c8dbc;
}

.nav-stacked>li>a {
  border-radius: 0;
  border-top: 0;
  border-left: 3px solid transparent;
  color: #444;
}

.nav-stacked>li.active>a,.nav-stacked>li.active>a:hover {
  border-top: 0;
  border-left-color: #3c8dbc;
}

.nav-stacked>li.header {
  border-bottom: 1px solid #ddd;
  color: #777;
  margin-bottom: 10px;
  padding: 5px 10px;
}

.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 3px;
}

.nav-tabs-custom>.nav-tabs {
  margin: 0;
  border-bottom-color: #f4f4f4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.nav-tabs-custom>.nav-tabs>li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  margin-right: 5px;
}

.nav-tabs-custom>.nav-tabs>li>a {
  color: #444;
  border-radius: 0!important;
}

.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover {
  background: 0 0;
  margin: 0;
}

.nav-tabs-custom>.nav-tabs>li>a:hover {
  color: #999;
}

.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover {
  border-color: transparent;
}

.nav-tabs-custom>.nav-tabs>li.active {
  border-top-color: #3c8dbc;
}

.nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a {
  background-color: #fff;
  color: #444;
}

.nav-tabs-custom>.nav-tabs>li.active>a {
  border-top-color: transparent;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}

.nav-tabs-custom>.nav-tabs>li:first-of-type {
  margin-left: 0;
}

.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
  border-left-color: transparent;
}

.nav-tabs-custom>.nav-tabs.pull-right {
  float: none!important;
}

.nav-tabs-custom>.nav-tabs.pull-right>li {
  float: right;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
  margin-right: 0;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
  border-left-width: 1px;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
  border-left-color: #f4f4f4;
  border-right-color: transparent;
}

.nav-tabs-custom>.nav-tabs>li.header {
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
}

.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion {
  margin-right: 5px;
}

.nav-tabs-custom>.tab-content {
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.nav-tabs-custom .dropdown.open>a:active,.nav-tabs-custom .dropdown.open>a:focus {
  background: 0 0;
  color: #999;
}

.pagination>li>a {
  background: #fafafa;
  color: #666;
  border-radius: 0!important;
}

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

.products-list>.item {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  padding: 10px 0;
  background: #fff;
}

.products-list>.item:after,.products-list>.item:before {
  content: " ";
  display: table;
}

.products-list .product-img {
  float: left;
}

.products-list .product-img img {
  width: 50px;
  height: 50px;
}

.products-list .product-info {
  margin-left: 60px;
}

.products-list .product-description {
  display: block;
  color: #999;
  overflow: hidden;
}

.product-list-in-box>.item {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #f4f4f4;
}

.product-list-in-box>.item:last-of-type {
  border-bottom-width: 0;
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
  border-top: 1px solid #f4f4f4;
}

.table>thead>tr>th {
  border-bottom: 2px solid #f4f4f4;
}

.table tr td .progress {
  margin-top: 5px;
}

.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 #f4f4f4;
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
  border-bottom-width: 2px;
}

.table.no-border,.table.no-border td,.table.no-border th {
  border: 0;
}

.table.align th {
  text-align: left;
}

.table.align td {
  text-align: right;
}

.label-default {
  background-color: #d2d6de;
  color: #444;
}

.direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow-x: hidden;
  padding: 0;
}

.direct-chat.chat-pane-open .direct-chat-contacts {
  transform: translate(0,0);
}

.direct-chat-messages {
  transform: translate(0,0);
  padding: 10px;
  height: 250px;
  overflow: auto;
}

.direct-chat-msg,.direct-chat-text {
  display: block;
}

.direct-chat-msg {
  margin-bottom: 10px;
}

.direct-chat-msg:after,.direct-chat-msg:before {
  content: " ";
  display: table;
}

.direct-chat-contacts,.direct-chat-messages {
  -webkit-transition: -webkit-transform .5s ease-in-out;
  -moz-transition: -moz-transform .5s ease-in-out;
  -o-transition: -o-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}

.direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #d2d6de;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444;
}

.direct-chat-text:after,.direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #d2d6de;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}

.direct-chat-img,.users-list>li img {
  border-radius: 50%;
}

.direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}

.direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}

.right .direct-chat-text {
  margin-right: 50px;
  margin-left: 0;
}

.right .direct-chat-text:after,.right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}

.direct-chat-img {
  float: left;
  width: 40px;
  height: 40px;
}

.right .direct-chat-img {
  float: right;
}

.direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}

.direct-chat-timestamp {
  color: #999;
}

.direct-chat-contacts-open .direct-chat-contacts {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}

.direct-chat-contacts {
  -webkit-transform: translate(101%,0);
  -ms-transform: translate(101%,0);
  -o-transform: translate(101%,0);
  transform: translate(101%,0);
  position: absolute;
  top: 0;
  bottom: 0;
  height: 250px;
  width: 100%;
  background: #222d32;
  color: #fff;
  overflow: auto;
}

.mailbox-attachment-icon.has-img>img,.users-list>li img {
  max-width: 100%;
  height: auto;
}

.contacts-list>li {
  border-bottom: 1px solid rgba(0,0,0,.2);
  padding: 10px;
  margin: 0;
}

.contacts-list>li:after,.contacts-list>li:before {
  content: " ";
  display: table;
}

.contacts-list-name,.contacts-list-status,.users-list-date,.users-list-name {
  display: block;
}

.contacts-list>li:last-of-type {
  border-bottom: none;
}

.contacts-list-img {
  border-radius: 50%;
  width: 40px;
  float: left;
}

.contacts-list-info {
  margin-left: 45px;
  color: #fff;
}

.contacts-list-status {
  font-size: 12px;
}

.contacts-list-date {
  color: #aaa;
  font-weight: 400;
}

.contacts-list-msg {
  color: #999;
}

.direct-chat-danger .right>.direct-chat-text {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #fff;
}

.direct-chat-danger .right>.direct-chat-text:after,.direct-chat-danger .right>.direct-chat-text:before {
  border-left-color: #dd4b39;
}

.direct-chat-primary .right>.direct-chat-text {
  background: #3c8dbc;
  border-color: #3c8dbc;
  color: #fff;
}

.direct-chat-primary .right>.direct-chat-text:after,.direct-chat-primary .right>.direct-chat-text:before {
  border-left-color: #3c8dbc;
}

.direct-chat-warning .right>.direct-chat-text {
  background: #f39c12;
  border-color: #f39c12;
  color: #fff;
}

.direct-chat-warning .right>.direct-chat-text:after,.direct-chat-warning .right>.direct-chat-text:before {
  border-left-color: #f39c12;
}

.direct-chat-info .right>.direct-chat-text {
  background: #00c0ef;
  border-color: #00c0ef;
  color: #fff;
}

.direct-chat-info .right>.direct-chat-text:after,.direct-chat-info .right>.direct-chat-text:before {
  border-left-color: #00c0ef;
}

.direct-chat-success .right>.direct-chat-text {
  background: #00a65a;
  border-color: #00a65a;
  color: #fff;
}

.direct-chat-success .right>.direct-chat-text:after,.direct-chat-success .right>.direct-chat-text:before {
  border-left-color: #00a65a;
}

.users-list>li {
  width: 25%;
  float: left;
  padding: 10px;
  text-align: center;
}

.users-list>li>a:hover,.users-list>li>a:hover .users-list-name {
  color: #999;
}

.users-list-name {
  font-weight: 600;
  color: #444;
  overflow: hidden;
}

.users-list-date {
  color: #999;
  font-size: 12px;
}

.carousel-control {
  background-image: none!important;
}

.carousel-control>.fa {
  font-size: 40px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -20px;
}

.modal {
  background: rgba(0,0,0,.3);
}

.modal-content {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.125)!important;
  box-shadow: 0 2px 3px rgba(0,0,0,.125)!important;
  border: 0;
}

@media (min-width:768px) {
  .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.125)!important;
    box-shadow: 0 2px 3px rgba(0,0,0,.125)!important;
  }
}

.modal-header {
  border-bottom-color: #f4f4f4;
}

.modal-footer {
  border-top-color: #f4f4f4;
}

.modal-primary .modal-footer,.modal-primary .modal-header {
  border-color: #307095;
}

.modal-warning .modal-footer,.modal-warning .modal-header {
  border-color: #c87f0a;
}

.modal-info .modal-footer,.modal-info .modal-header {
  border-color: #0097bc;
}

.modal-success .modal-footer,.modal-success .modal-header {
  border-color: #00733e;
}

.modal-danger .modal-footer,.modal-danger .modal-header {
  border-color: #c23321;
}

.mailbox-controls.with-border,.mailbox-read-info {
  border-bottom: 1px solid #f4f4f4;
}

.mailbox-messages>.table {
  margin: 0;
}

.mailbox-controls {
  padding: 5px;
}

.mailbox-read-info {
  padding: 10px;
}

.mailbox-read-info h3 {
  font-size: 20px;
  margin: 0;
}

.mailbox-read-info h5 {
  margin: 0;
  padding: 5px 0 0;
}

.mailbox-read-time {
  color: #999;
  font-size: 13px;
}

.mailbox-read-message {
  padding: 10px;
}

.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
}

.mailbox-attachment-name {
  font-weight: 700;
  color: #666;
}

.mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size {
  display: block;
}

.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
}

.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}

.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px;
}

.lockscreen-logo a,.login-logo a,.register-logo a {
  color: #444;
}

.mailbox-attachment-icon.has-img {
  padding: 0;
}

.lockscreen {
  background: #d2d6de;
}

.lockscreen-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}

.lockscreen-wrapper {
  max-width: 400px;
  margin: 10% auto 0;
}

.lockscreen .lockscreen-name {
  text-align: center;
  font-weight: 600;
}

.lockscreen-item {
  border-radius: 4px;
  padding: 0;
  background: #fff;
  position: relative;
  margin: 10px auto 30px;
  width: 290px;
}

.lockscreen-image {
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: -25px;
  background: #fff;
  padding: 5px;
  z-index: 10;
}

.lockscreen-image>img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.lockscreen-credentials {
  margin-left: 70px;
}

.lockscreen-credentials .form-control {
  border: 0!important;
}

.lockscreen-credentials .btn {
  background-color: #fff;
  border: 0;
  padding: 0 10px;
}

.lockscreen-footer {
  margin-top: 10px;
}

.login-logo,.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}

.login-page,.register-page {
  background: #d2d6de;
}

.login-box,.register-box {
  width: 360px;
  margin: 7% auto;
}

@media (max-width:768px) {
  .login-box,.register-box {
    width: 90%;
    margin-top: 20px;
  }
}

.login-box-body,.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

/* "Liquid glass" login card: heavier blur+saturation so the site-wide
   Background (Settings > General) reads as color through the panel
   instead of a flat tint, a soft outer shadow to lift the card off the
   page, an inset highlight along the top/left edge and a fading sheen
   overlay (::before) to sell the convex-glass refraction, all inside
   overflow:hidden so the sheen doesn't bleed past the rounded corners. */
.skin-glass .login-box-body {
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, .20);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, .2);
}

.login-logo {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.login-logo {
  border-radius: 50% !important;
}

.skin-glass .login-box-body input.form-control {
  border-radius: 50px !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  background: rgba(0, 0, 0, .15) !important;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  color: #f5f7fa;
  font-weight: 600;
  box-shadow:
    inset 0 2px 5px rgba(0, 0, 0, .25);
}

.skin-glass .login-box-body input.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, .6);
  font-weight: 600;
}

.skin-glass .login-box-body input.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, .6);
  font-weight: 600;
}

.skin-glass .login-box-body input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .6);
  font-weight: 600;
}

.skin-glass .login-box-body input.form-control:focus {
  border-color: rgba(255, 255, 255, .7) !important;
}

.skin-glass .login-box-body .alert-danger {
  background-color: rgba(214, 48, 30, .8) !important;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 16px;
  color: #fff !important;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
  box-shadow:
    none;
}

.skin-glass .login-box-body .glass-tip {
  position: absolute;
  left: 12px;
  top: 100%;
  margin-top: 4px;
  z-index: 5;
  padding: 8px 14px 8px 32px;
  border-radius: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
  font-weight: 400;
  text-align: left;
  color: #f5f7fa;
  background: rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  border: 1px solid rgba(0, 0, 0, .5);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

.skin-glass .login-box-body .glass-users {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 150px;
  top: 100%;
  margin-top: 10px;
  z-index: 6;
  text-align: left;
  border-radius: 8px;
  background: rgba(20, 24, 20, .4);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, .35);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
}

.skin-glass .login-box-body .glass-users::before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(20, 24, 20, .4);
}

.skin-glass .login-box-body .glass-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9.5px 14px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  border-radius: 8px;
}

.skin-glass .login-box-body .glass-user:hover {
  background: rgba(255, 255, 255, .2);
}

.skin-glass .login-box-body .glass-user-del {
  width: 22px;           /* ទំហំរង្វង់ × */
  height: 22px;
  line-height: 20px;
  text-align: center;
  font-size: 18px;       /* ទំហំសញ្ញា × */
  margin-left: 16px;     /* គម្លាតពីឈ្មោះ */
  border-radius: 50%;
  color: rgba(255, 255, 255, .8);
}

.skin-glass .login-box-body .glass-user-del:hover {
  background: rgba(214, 48, 30, .8);
  color: #fff;
}

.skin-glass .glass-hist {
  position: absolute;
  z-index: 100000;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 150px;
  text-align: left;
  border-radius: 8px;
  background: rgba(20, 24, 20, .4);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, .35);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
}

.skin-glass .glass-hist::before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(20, 24, 20, .4);
}

.skin-glass .glass-hist-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10.49px 14px;
  color: #fff;
  cursor: pointer;
  border-radius: 8px;
}

.skin-glass .glass-hist-row:hover {
  background: rgba(255, 255, 255, .2);
}

.skin-glass .glass-hist-del {
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
  margin-left: 16px;
  border-radius: 50%;
  color: rgba(255, 255, 255, .8);
}

.skin-glass .glass-hist-del:hover {
  background: rgba(214, 48, 30, .8);
  color: #fff;
}

.skin-glass .login-box-body .glass-tip::after {
  content: '';
  position: absolute;
  left: 18px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(255, 255, 255, .7);
  filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, .5));
}

.skin-glass .login-box-body .glass-tip::before {
  content: '!';
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: #f39c12;
  border-radius: 3px;
}

.skin-glass .login-box-body input.form-control:-webkit-autofill,
.skin-glass .login-box-body input.form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #f5f7fa;
  transition: background-color 9999s ease-in-out 0s;
}

.skin-glass .login-box-body .login-box-msg,
.skin-glass .login-box-body .checkbox label,
.skin-glass .login-box-body button[type="submit"] {
  font-weight: 600;
}

.skin-glass .login-box-body .login-box-msg,
.skin-glass .login-box-body .checkbox label {
  color: #f5f7fa;
}

.skin-glass .login-box-body .icheckbox_square-blue {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .20) !important;
  -webkit-backdrop-filter: blur(6px) saturate(180%);
  backdrop-filter: blur(6px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .5);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
  position: relative;
}

.skin-glass .login-box-body .icheckbox_square-blue.hover {
  border-color: rgba(255, 255, 255, .8);
}

.skin-glass .login-box-body .icheckbox_square-blue.checked {
  background: rgba(60, 141, 188, .9) !important;
  border-color: rgba(255, 255, 255, .8);
}

.skin-glass .login-box-body .icheckbox_square-blue.checked::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 40%;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.skin-glass .login-box-body button[type="submit"] {
  border-radius: 50px !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  background: rgba(60, 141, 188, .9) !important;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  box-shadow:
    none;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

.skin-glass #show-keyboard-btn {
  color: #3c8dbc;
  font-weight: 700;
}

.skin-glass .login-box-body button[type="submit"]:hover,
.skin-glass .login-box-body button[type="submit"]:focus,
.skin-glass .login-box-body button[type="submit"]:active {
  background: rgba(60, 141, 188, 1) !important;
  border-color: rgba(255, 255, 255, .7) !important;
}

.skin-glass .login-box-body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 55%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.skin-glass .login-box-body > * {
  position: relative;
}

.login-box-body .form-control-feedback,.register-box-body .form-control-feedback {
  color: #777;
}

.login-box-msg,.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px;
}

.social-auth-links {
  margin: 10px 0;
}

.error-page {
  width: 600px;
  margin: 20px auto 0;
}

.error-page>.headline {
  float: left;
  font-size: 100px;
  font-weight: 300;
}

.error-page>.error-content {
  margin-left: 190px;
  display: block;
}

.error-page>.error-content>h3 {
  font-weight: 300;
  font-size: 25px;
}

@media (max-width:991px) {
  .error-page {
    width: 100%;
  }

  .error-page>.headline {
    float: none;
    text-align: center;
  }

  .error-page>.error-content {
    margin-left: 0;
  }

  .error-page>.error-content>h3 {
    text-align: center;
  }
}

.invoice {
  position: relative;
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 20px;
  margin: 10px 25px;
}

.btn-bitbucket.active,.btn-bitbucket:active,.btn-dropbox.active,.btn-dropbox:active,.btn-facebook.active,.btn-facebook:active,.btn-flickr.active,.btn-flickr:active,.btn-foursquare.active,.btn-foursquare:active,.btn-google-plus.active,.btn-google-plus:active,.btn-instagram.active,.btn-instagram:active,.btn-linkedin.active,.btn-linkedin:active,.btn-tumblr.active,.btn-tumblr:active,.btn-twitter.active,.btn-twitter:active,.btn-vk.active,.btn-vk:active,.open>.dropdown-toggle.btn-bitbucket,.open>.dropdown-toggle.btn-dropbox,.open>.dropdown-toggle.btn-facebook,.open>.dropdown-toggle.btn-flickr,.open>.dropdown-toggle.btn-foursquare,.open>.dropdown-toggle.btn-google-plus,.open>.dropdown-toggle.btn-instagram,.open>.dropdown-toggle.btn-linkedin,.open>.dropdown-toggle.btn-tumblr,.open>.dropdown-toggle.btn-twitter,.open>.dropdown-toggle.btn-vk {
  background-image: none;
}

.invoice-title {
  margin-top: 0;
}

.btn-social {
  position: relative;
  padding-left: 44px!important;
  text-align: left;
  overflow: hidden;
}

.btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px!important;
  line-height: 34px!important;
  font-size: 1.6em!important;
  text-align: center;
  border-right: 1px solid rgba(0,0,0,.2);
}

.btn-social.btn-lg {
  padding-left: 61px!important;
}

.btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social.btn-sm {
  padding-left: 38px!important;
}

.btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social.btn-xs {
  padding-left: 30px!important;
}

.btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon {
  position: relative;
  padding-left: 44px!important;
  text-align: left;
  overflow: hidden;
  height: 34px;
  width: 34px;
  padding: 0;
}

.btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 34px!important;
  font-size: 1.6em!important;
}

.btn-social-icon.btn-lg {
  padding-left: 61px!important;
}

.btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social-icon.btn-sm {
  padding-left: 38px!important;
}

.btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon :first-child {
  border: none;
  text-align: center;
  width: 100%!important;
}

.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-right: 0;
}

.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-right: 0;
}

.btn-social-icon.btn-xs {
  padding-left: 30px!important;
  height: 22px;
  width: 22px;
  padding-right: 0;
}

.fc-day-number,.fc-header-right {
  padding-right: 10px;
}

.btn-bitbucket {
  color: #fff;
  background-color: #205081;
  border-color: rgba(0,0,0,.2);
}

.btn-bitbucket.active,.btn-bitbucket.focus,.btn-bitbucket:active,.btn-bitbucket:focus,.btn-bitbucket:hover,.open>.dropdown-toggle.btn-bitbucket {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0,0,0,.2);
}

.btn-bitbucket .badge {
  color: #205081;
  background-color: #fff;
}

.btn-dropbox {
  color: #fff;
  background-color: #1087dd;
  border-color: rgba(0,0,0,.2);
}

.btn-dropbox.active,.btn-dropbox.focus,.btn-dropbox:active,.btn-dropbox:focus,.btn-dropbox:hover,.open>.dropdown-toggle.btn-dropbox {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0,0,0,.2);
}

.btn-dropbox .badge {
  color: #1087dd;
  background-color: #fff;
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0,0,0,.2);
}

.btn-facebook.active,.btn-facebook.focus,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover,.open>.dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0,0,0,.2);
}

.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff;
}

.btn-flickr {
  color: #fff;
  background-color: #ff0084;
  border-color: rgba(0,0,0,.2);
}

.btn-flickr.active,.btn-flickr.focus,.btn-flickr:active,.btn-flickr:focus,.btn-flickr:hover,.open>.dropdown-toggle.btn-flickr {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0,0,0,.2);
}

.btn-flickr .badge {
  color: #ff0084;
  background-color: #fff;
}

.btn-foursquare {
  color: #fff;
  background-color: #0072b1;
  border-color: rgba(0,0,0,.2);
}

.btn-foursquare.active,.btn-foursquare.focus,.btn-foursquare:active,.btn-foursquare:focus,.btn-foursquare:hover,.open>.dropdown-toggle.btn-foursquare {
  color: #fff;
  background-color: #00517e;
  border-color: rgba(0,0,0,.2);
}

.btn-foursquare .badge {
  color: #0072b1;
  background-color: #fff;
}

.btn-github {
  color: #fff;
  background-color: #444;
  border-color: rgba(0,0,0,.2);
}

.btn-github.active,.btn-github.focus,.btn-github:active,.btn-github:focus,.btn-github:hover,.open>.dropdown-toggle.btn-github {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0,0,0,.2);
}

.btn-github.active,.btn-github:active,.open>.dropdown-toggle.btn-github {
  background-image: none;
}

.btn-github .badge {
  color: #444;
  background-color: #fff;
}

.btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0,0,0,.2);
}

.btn-google-plus.active,.btn-google-plus.focus,.btn-google-plus:active,.btn-google-plus:focus,.btn-google-plus:hover,.open>.dropdown-toggle.btn-google-plus {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0,0,0,.2);
}

.btn-google-plus .badge {
  color: #dd4b39;
  background-color: #fff;
}

.btn-instagram {
  color: #fff;
  background-color: #3f729b;
  border-color: rgba(0,0,0,.2);
}

.btn-instagram.active,.btn-instagram.focus,.btn-instagram:active,.btn-instagram:focus,.btn-instagram:hover,.open>.dropdown-toggle.btn-instagram {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0,0,0,.2);
}

.btn-instagram .badge {
  color: #3f729b;
  background-color: #fff;
}

.btn-linkedin {
  color: #fff;
  background-color: #007bb6;
  border-color: rgba(0,0,0,.2);
}

.btn-linkedin.active,.btn-linkedin.focus,.btn-linkedin:active,.btn-linkedin:focus,.btn-linkedin:hover,.open>.dropdown-toggle.btn-linkedin {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0,0,0,.2);
}

.btn-linkedin .badge {
  color: #007bb6;
  background-color: #fff;
}

.btn-tumblr {
  color: #fff;
  background-color: #2c4762;
  border-color: rgba(0,0,0,.2);
}

.btn-tumblr.active,.btn-tumblr.focus,.btn-tumblr:active,.btn-tumblr:focus,.btn-tumblr:hover,.open>.dropdown-toggle.btn-tumblr {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0,0,0,.2);
}

.btn-tumblr .badge {
  color: #2c4762;
  background-color: #fff;
}

.btn-twitter {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0,0,0,.2);
}

.btn-twitter.active,.btn-twitter.focus,.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover,.open>.dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0,0,0,.2);
}

.btn-twitter .badge {
  color: #55acee;
  background-color: #fff;
}

.btn-vk {
  color: #fff;
  background-color: #587ea3;
  border-color: rgba(0,0,0,.2);
}

.btn-vk.active,.btn-vk.focus,.btn-vk:active,.btn-vk:focus,.btn-vk:hover,.open>.dropdown-toggle.btn-vk {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0,0,0,.2);
}

.btn-vk .badge {
  color: #587ea3;
  background-color: #fff;
}

.fc-button {
  background: #f4f4f4;
  color: #444;
  border-color: #ddd;
}

.fc-button.hover,.fc-button:active,.fc-button:hover {
  background-color: #e9e9e9;
}

.fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}

.fc-header-left {
  padding-left: 10px;
}

.fc-widget-header {
  background: #fafafa;
}

.fc-grid {
  width: 100%;
  border: 0;
}

.fc-widget-content:first-of-type,.fc-widget-header:first-of-type {
  border-left: 0;
  border-right: 0;
}

.fc-widget-content:last-of-type,.fc-widget-header:last-of-type {
  border-right: 0;
}

.fc-toolbar {
  padding: 10px;
  margin: 0;
}

.fc-day-number {
  font-size: 20px;
  font-weight: 300;
}

.fc-color-picker {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fc-color-picker>li {
  float: left;
  font-size: 30px;
  margin-right: 5px;
  line-height: 30px;
}

.fc-color-picker>li .fa {
  -webkit-transition: -webkit-transform linear .3s;
  -moz-transition: -moz-transform linear .3s;
  -o-transition: -o-transform linear .3s;
  transition: transform linear .3s;
}

.fc-color-picker>li .fa:hover {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

#add-new-event {
  -webkit-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.external-event {
  padding: 5px 10px;
  font-weight: 700;
  margin-bottom: 4px;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  text-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 3px;
  cursor: move;
}

.external-event:hover {
  box-shadow: inset 0 0 90px rgba(0,0,0,.2);
}

.select2-container--default.select2-container--focus,.select2-container--default:active,.select2-container--default:focus,.select2-selection.select2-container--focus,.select2-selection:active,.select2-selection:focus {
  outline: 0;
}

.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px;
}

.select2-container--default.select2-container--open {
  border-color: #3c8dbc;
}

.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: #fff;
}

.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}

.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de;
}

.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus {
  outline: 0;
  border: 1px solid #3c8dbc;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #444;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
  height: 34px;
}

.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d2d6de;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #367fa9;
  padding: 1px 10px;
  color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255,255,255,.7);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

.pad {
  padding: 10px;
}

.margin {
  margin: 10px;
}

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

.inline {
  display: inline;
  width: auto;
}

.description-block {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.description-block.margin-bottom {
  margin-bottom: 25px;
}

.description-block>.description-header {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
}

.alert-danger,.alert-error,.alert-info,.alert-success,.alert-warning,.bg-aqua,.bg-aqua-active,.bg-black,.bg-black-active,.bg-blue,.bg-blue-active,.bg-fuchsia,.bg-fuchsia-active,.bg-green,.bg-green-active,.bg-light-blue,.bg-light-blue-active,.bg-lime,.bg-lime-active,.bg-maroon,.bg-maroon-active,.bg-navy,.bg-navy-active,.bg-olive,.bg-olive-active,.bg-orange,.bg-orange-active,.bg-purple,.bg-purple-active,.bg-red,.bg-red-active,.bg-teal,.bg-teal-active,.bg-yellow,.bg-yellow-active,.callout.callout-danger,.callout.callout-info,.callout.callout-success,.callout.callout-warning,.label-danger,.label-info,.label-primary,.label-success,.label-warning,.modal-danger .modal-body,.modal-danger .modal-footer,.modal-danger .modal-header,.modal-info .modal-body,.modal-info .modal-footer,.modal-info .modal-header,.modal-primary .modal-body,.modal-primary .modal-footer,.modal-primary .modal-header,.modal-success .modal-body,.modal-success .modal-footer,.modal-success .modal-header,.modal-warning .modal-body,.modal-warning .modal-footer,.modal-warning .modal-header {
  color: #fff!important;
}

.bg-gray {
  color: #000;
  background-color: #d2d6de!important;
}

.bg-black {
  background-color: #111!important;
}

.alert-danger,.alert-error,.bg-red,.callout.callout-danger,.label-danger,.modal-danger .modal-body {
  background-color: #dd4b39!important;
}

.alert-warning,.bg-yellow,.callout.callout-warning,.label-warning,.modal-warning .modal-body {
  background-color: #f39c12!important;
}

.alert-info,.bg-aqua,.callout.callout-info,.label-info,.modal-info .modal-body {
  background-color: #00c0ef!important;
}

.bg-blue {
  background-color: #0073b7!important;
}

.bg-light-blue,.label-primary,.modal-primary .modal-body {
  background-color: #3c8dbc!important;
}

.alert-success,.bg-green,.callout.callout-success,.label-success,.modal-success .modal-body {
  background-color: #00a65a!important;
}

.bg-navy {
  background-color: #001f3f!important;
}

.bg-teal {
  background-color: #39cccc!important;
}

.bg-olive {
  background-color: #3d9970!important;
}

.bg-lime {
  background-color: #01ff70!important;
}

.bg-orange {
  background-color: #ff851b!important;
}

.bg-fuchsia {
  background-color: #f012be!important;
}

.bg-purple {
  background-color: #605ca8!important;
}

.bg-maroon {
  background-color: #d81b60!important;
}

.bg-gray-active {
  color: #000;
  background-color: #b5bbc8!important;
}

.bg-black-active {
  background-color: #000!important;
}

.bg-red-active,.modal-danger .modal-footer,.modal-danger .modal-header {
  background-color: #d33724!important;
}

.bg-yellow-active,.modal-warning .modal-footer,.modal-warning .modal-header {
  background-color: #db8b0b!important;
}

.bg-aqua-active,.modal-info .modal-footer,.modal-info .modal-header {
  background-color: #00a7d0!important;
}

.bg-blue-active {
  background-color: #005384!important;
}

.bg-light-blue-active,.modal-primary .modal-footer,.modal-primary .modal-header {
  background-color: #357ca5!important;
}

.bg-green-active,.modal-success .modal-footer,.modal-success .modal-header {
  background-color: #008d4c!important;
}

.bg-navy-active {
  background-color: #001a35!important;
}

.bg-teal-active {
  background-color: #30bbbb!important;
}

.bg-olive-active {
  background-color: #368763!important;
}

.bg-lime-active {
  background-color: #00e765!important;
}

.bg-orange-active {
  background-color: #ff7701!important;
}

.bg-fuchsia-active {
  background-color: #db0ead!important;
}

.bg-purple-active {
  background-color: #555299!important;
}

.bg-maroon-active {
  background-color: #ca195a!important;
}

[class^=bg-].disabled {
  opacity: .65;
  filter: alpha(opacity=65);
}

.text-red {
  color: #dd4b39!important;
}

.text-yellow {
  color: #f39c12!important;
}

.text-aqua {
  color: #00c0ef!important;
}

.text-blue {
  color: #0073b7!important;
}

.text-black {
  color: #111!important;
}

.text-light-blue {
  color: #3c8dbc!important;
}

.text-green {
  color: #00a65a!important;
}

.text-gray {
  color: #d2d6de!important;
}

.text-navy {
  color: #001f3f!important;
}

.text-teal {
  color: #39cccc!important;
}

.text-olive {
  color: #3d9970!important;
}

.text-lime {
  color: #01ff70!important;
}

.text-orange {
  color: #ff851b!important;
}

.text-fuchsia {
  color: #f012be!important;
}

.text-purple {
  color: #605ca8!important;
}

.text-maroon {
  color: #d81b60!important;
}

.hide {
  display: none!important;
}

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

.no-padding {
  padding: 0!important;
}

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

.no-shadow {
  box-shadow: none!important;
}

.chart-legend,.contacts-list,.list-unstyled,.mailbox-attachments,.users-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.flat {
  border-radius: 0!important;
}

.text-bold,.text-bold.table td,.text-bold.table th {
  font-weight: 700;
}

.jqstooltip {
  padding: 5px!important;
  width: auto!important;
  height: auto!important;
}

.bg-teal-gradient {
  background: #39cccc!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#39cccc),color-stop(1,#7adddd))!important;
  background: -ms-linear-gradient(bottom,#39cccc,#7adddd)!important;
  background: -moz-linear-gradient(center bottom,#39cccc 0,#7adddd 100%)!important;
  background: -o-linear-gradient(#7adddd,#39cccc)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0)!important;
  color: #fff;
}

.bg-light-blue-gradient {
  background: #3c8dbc!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3c8dbc),color-stop(1,#67a8ce))!important;
  background: -ms-linear-gradient(bottom,#3c8dbc,#67a8ce)!important;
  background: -moz-linear-gradient(center bottom,#3c8dbc 0,#67a8ce 100%)!important;
  background: -o-linear-gradient(#67a8ce,#3c8dbc)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0)!important;
  color: #fff;
}

.bg-blue-gradient {
  background: #0073b7!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0073b7),color-stop(1,#0089db))!important;
  background: -ms-linear-gradient(bottom,#0073b7,#0089db)!important;
  background: -moz-linear-gradient(center bottom,#0073b7 0,#0089db 100%)!important;
  background: -o-linear-gradient(#0089db,#0073b7)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0)!important;
  color: #fff;
}

.bg-aqua-gradient {
  background: #00c0ef!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00c0ef),color-stop(1,#14d1ff))!important;
  background: -ms-linear-gradient(bottom,#00c0ef,#14d1ff)!important;
  background: -moz-linear-gradient(center bottom,#00c0ef 0,#14d1ff 100%)!important;
  background: -o-linear-gradient(#14d1ff,#00c0ef)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0)!important;
  color: #fff;
}

.bg-yellow-gradient {
  background: #f39c12!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f39c12),color-stop(1,#f7bc60))!important;
  background: -ms-linear-gradient(bottom,#f39c12,#f7bc60)!important;
  background: -moz-linear-gradient(center bottom,#f39c12 0,#f7bc60 100%)!important;
  background: -o-linear-gradient(#f7bc60,#f39c12)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0)!important;
  color: #fff;
}

.bg-purple-gradient {
  background: #605ca8!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#605ca8),color-stop(1,#9491c4))!important;
  background: -ms-linear-gradient(bottom,#605ca8,#9491c4)!important;
  background: -moz-linear-gradient(center bottom,#605ca8 0,#9491c4 100%)!important;
  background: -o-linear-gradient(#9491c4,#605ca8)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0)!important;
  color: #fff;
}

.bg-green-gradient {
  background: #00a65a!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00a65a),color-stop(1,#00ca6d))!important;
  background: -ms-linear-gradient(bottom,#00a65a,#00ca6d)!important;
  background: -moz-linear-gradient(center bottom,#00a65a 0,#00ca6d 100%)!important;
  background: -o-linear-gradient(#00ca6d,#00a65a)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0)!important;
  color: #fff;
}

.bg-red-gradient {
  background: #dd4b39!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#dd4b39),color-stop(1,#e47365))!important;
  background: -ms-linear-gradient(bottom,#dd4b39,#e47365)!important;
  background: -moz-linear-gradient(center bottom,#dd4b39 0,#e47365 100%)!important;
  background: -o-linear-gradient(#e47365,#dd4b39)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0)!important;
  color: #fff;
}

.bg-black-gradient {
  background: #111!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#111),color-stop(1,#2b2b2b))!important;
  background: -ms-linear-gradient(bottom,#111,#2b2b2b)!important;
  background: -moz-linear-gradient(center bottom,#111 0,#2b2b2b 100%)!important;
  background: -o-linear-gradient(#2b2b2b,#111)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0)!important;
  color: #fff;
}

.bg-maroon-gradient {
  background: #d81b60!important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d81b60),color-stop(1,#e73f7c))!important;
  background: -ms-linear-gradient(bottom,#d81b60,#e73f7c)!important;
  background: -moz-linear-gradient(center bottom,#d81b60 0,#e73f7c 100%)!important;
  background: -o-linear-gradient(#e73f7c,#d81b60)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0)!important;
  color: #fff;
}

.connectedSortable {
  min-height: 100px;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.chart,.fv-has-feedback {
  position: relative;
}

.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}

.full-opacity-hover {
  opacity: .65;
  filter: alpha(opacity=65);
}

.full-opacity-hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.trash-opacity-50,.ui-keyboard-button.disabled {
  opacity: .5;
  filter: alpha(opacity=50);
}

.chart {
  overflow: hidden;
  width: 100%;
}

.chart canvas,.chart svg {
  width: 100%!important;
}

@media print {
  .content-header,.left-side,.main-header,.main-sidebar,.no-print {
    display: none!important;
  }

  .content-wrapper,.main-footer,.right-side {
    margin-left: 0!important;
    min-height: 0!important;
    -webkit-transform: translate(0,0)!important;
    -ms-transform: translate(0,0)!important;
    -o-transform: translate(0,0)!important;
    transform: translate(0,0)!important;
  }

  .fixed .content-wrapper,.fixed .right-side {
    padding-top: 0!important;
  }

  .invoice {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
  }

  .invoice-col {
    float: left;
    width: 33.3333333%;
  }

  .table-responsive {
    overflow: auto;
  }

  .table-responsive>.table tr td,.table-responsive>.table tr th {
    white-space: normal!important;
  }
}

.skin-blue .main-header .navbar {
  background-color: #3c8dbc;
}

.skin-blue .main-header .navbar .nav>li>a {
  color: #fff;
}

.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav>li>a:hover {
  background: rgba(0,0,0,.1);
  color: #f6f6f6;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0,0,0,.1);
  background-color: #367fa9;
}

.skin-blue .main-header .navbar .sidebar-toggle,.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a {
  color: #fff;
}

@media (max-width:767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255,255,255,.1);
  }

  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}

.skin-blue .main-header .logo {
  background-color: #367fa9;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-blue .main-header .logo:hover {
  background-color: #357ca5;
}

.skin-blue .main-header li.user-header {
  background-color: #3c8dbc;
}

.skin-blue .content-header {
  background: 0 0;
}

.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper {
  background-color: #222d32;
}

.skin-blue .sidebar-menu>li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-blue .sidebar-menu>li>a {
  border-left: 3px solid transparent;
}

.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a {
  color: #fff;
  background: #1e282c;
  border-left-color: #3c8dbc;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-blue .sidebar a {
  color: #b8c7ce;
}

.skin-blue .treeview-menu>li>a {
  color: #8aa4af;
}

.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover {
  color: #fff;
}

.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px;
}

.skin-blue .sidebar-form .btn,.skin-blue .sidebar-form input[type=text] {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.skin-blue .sidebar-form input[type=text] {
  color: #666;
  border-radius: 2px 0 0 2px!important;
}

.skin-blue .sidebar-form input[type=text]:focus,.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-blue .sidebar-form .btn {
  color: #999;
  border-radius: 0 2px 2px 0!important;
}

.skin-blue.layout-top-nav .main-header>.logo {
  background-color: #3c8dbc;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-black .main-header .navbar-toggle,.skin-black .main-header>.navbar .nav>li>a {
  color: #333;
}

.skin-blue.layout-top-nav .main-header>.logo:hover {
  background-color: #3b8ab8;
}

.skin-black .main-header {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.skin-black .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}

.skin-black .main-header>.navbar {
  background-color: #fff;
}

.skin-black .main-header>.navbar .nav .open>a,.skin-black .main-header>.navbar .nav .open>a:focus,.skin-black .main-header>.navbar .nav .open>a:hover,.skin-black .main-header>.navbar .nav>li>a:active,.skin-black .main-header>.navbar .nav>li>a:focus,.skin-black .main-header>.navbar .nav>li>a:hover {
  background: #fff;
  color: #999;
}

.skin-black .main-header>.navbar .sidebar-toggle {
  color: #333;
}

.skin-black .main-header>.navbar .sidebar-toggle:hover {
  color: #999;
  background: #fff;
}

.skin-black .main-header>.navbar>.sidebar-toggle {
  color: #333;
  border-right: 1px solid #eee;
}

.skin-black .main-header>.navbar .navbar-nav>li>a {
  border-right: 1px solid #eee;
}

.skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header>.navbar .navbar-right>li>a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}

.skin-black .main-header>.logo {
  background-color: #fff;
  color: #333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}

.skin-black .main-header>.logo:hover {
  background-color: #fcfcfc;
}

@media (max-width:767px) {
  .skin-black .main-header>.logo {
    background-color: #222;
    color: #fff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }

  .skin-black .main-header>.logo:hover {
    background-color: #1f1f1f;
  }
}

.skin-black .main-header li.user-header {
  background-color: #222;
}

.skin-black .content-header {
  background: 0 0;
  box-shadow: none;
}

.skin-black .left-side,.skin-black .main-sidebar,.skin-black .wrapper {
  background-color: #222d32;
}

.skin-black .user-panel>.info,.skin-black .user-panel>.info>a {
  color: #fff;
}

.skin-black .sidebar-menu>li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-black .sidebar-menu>li>a {
  border-left: 3px solid transparent;
}

.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li:hover>a {
  color: #fff;
  background: #1e282c;
  border-left-color: #fff;
}

.skin-black .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-black .sidebar a {
  color: #b8c7ce;
}

.skin-black .treeview-menu>li>a {
  color: #8aa4af;
}

.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover {
  color: #fff;
}

.skin-black .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px;
}

.skin-black .sidebar-form .btn,.skin-black .sidebar-form input[type=text] {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.skin-black .sidebar-form input[type=text] {
  color: #666;
  border-radius: 2px 0 0 2px!important;
}

.skin-black .sidebar-form input[type=text]:focus,.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-black .sidebar-form .btn {
  color: #999;
  border-radius: 0 2px 2px 0!important;
}

.skin-green .main-header .navbar {
  background-color: #00a65a;
}

.skin-green .main-header .navbar .nav>li>a {
  color: #fff;
}

.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav>li>a:hover {
  background: rgba(0,0,0,.1);
  color: #f6f6f6;
}

.skin-green .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0,0,0,.1);
  background-color: #008d4c;
}

.skin-green .main-header .navbar .sidebar-toggle,.skin-green .user-panel>.info,.skin-green .user-panel>.info>a {
  color: #fff;
}

@media (max-width:767px) {
  .skin-green .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255,255,255,.1);
  }

  .skin-green .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-green .main-header .navbar .dropdown-menu li a:hover {
    background: #008d4c;
  }
}

.skin-green .main-header .logo {
  background-color: #008d4c;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-green .main-header .logo:hover {
  background-color: #008749;
}

.skin-green .main-header li.user-header {
  background-color: #00a65a;
}

.skin-green .content-header {
  background: 0 0;
}

.skin-green .left-side,.skin-green .main-sidebar,.skin-green .wrapper {
  background-color: #222d32;
}

.skin-green .sidebar-menu>li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-green .sidebar-menu>li>a {
  border-left: 3px solid transparent;
}

.skin-green .sidebar-menu>li.active>a,.skin-green .sidebar-menu>li:hover>a {
  color: #fff;
  background: #1e282c;
  border-left-color: #00a65a;
}

.skin-green .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-green .sidebar a {
  color: #b8c7ce;
}

.skin-green .treeview-menu>li>a {
  color: #8aa4af;
}

.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover {
  color: #fff;
}

.skin-green .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px;
}

.skin-green .sidebar-form .btn,.skin-green .sidebar-form input[type=text] {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.skin-green .sidebar-form input[type=text] {
  color: #666;
  border-radius: 2px 0 0 2px!important;
}

.skin-green .sidebar-form input[type=text]:focus,.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-green .sidebar-form .btn {
  color: #999;
  border-radius: 0 2px 2px 0!important;
}

/* "Glass" skin: same AdminLTE structure as the other skins above, but
   every chrome surface (header, sidebar, logo) is a translucent blurred
   panel over the page instead of a flat color - the same frosted-glass
   language already used for the virtual keyboard and POS action buttons,
   applied to the app shell so it can be picked from Settings > Theme
   Style like any other skin. */
.skin-glass .main-header .navbar {
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(23px);
  backdrop-filter: blur(23px);
}

.skin-glass .main-header .navbar .nav>li>a {
  color: #f5f7fa;
}

.skin-glass .main-header .navbar .nav .open>a,.skin-glass .main-header .navbar .nav .open>a:focus,.skin-glass .main-header .navbar .nav .open>a:hover,.skin-glass .main-header .navbar .nav>li>a:active,.skin-glass .main-header .navbar .nav>li>a:focus,.skin-glass .main-header .navbar .nav>li>a:hover {
  background: rgba(255,255,255,.14);
  color: #fff;
}

.skin-glass .main-header .navbar .sidebar-toggle:hover {
  color: #fff;
  background: rgba(255,255,255,.14);
}

.skin-glass .main-header .navbar .sidebar-toggle,.skin-glass .user-panel>.info,.skin-glass .user-panel>.info>a {
  color: #f5f7fa;
}

@media (max-width:767px) {
  .skin-glass .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255,255,255,.14);
  }

  .skin-glass .main-header .navbar .dropdown-menu li a {
    color: #f5f7fa;
  }

  .skin-glass .main-header .navbar .dropdown-menu li a:hover {
    background: rgba(0,0,0,.06);
  }
}

.skin-glass .main-header .logo {
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(23px);
  backdrop-filter: blur(23px);
  color: #f5f7fa;
  border-bottom: 0 solid transparent;
}

.skin-glass .main-header .logo:hover {
  background: rgba(110, 130, 165, .20);
}

.skin-glass .main-header li.user-header {
  background: rgba(0, 0, 0, .15);
}

.skin-glass .content-header {
  background: 0 0;
}

.skin-glass .left-side,.skin-glass .main-sidebar,.skin-glass .wrapper {
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(23px);
  backdrop-filter: blur(23px);
}

.skin-glass .sidebar-menu>li.header {
  color: #dbe2ea;
  background: rgba(0, 0, 0, .15);
}

.skin-glass .sidebar-menu>li>a {
  border-left: 3px solid transparent;
  color: #f5f7fa;
  font-weight: 600;
}

.skin-glass .sidebar-menu>li.active>a,.skin-glass .sidebar-menu>li:hover>a {
  color: #fff;
  background: rgba(255, 255, 255, .14);
  border-left-color: #f5f7fa;
}

.skin-glass .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: rgba(0, 0, 0, .15);
}

.skin-glass .sidebar a {
  color: #f5f7fa;
}

.skin-glass .treeview-menu>li>a {
  color: #dbe2ea;
}

.skin-glass .treeview-menu>li.active>a,.skin-glass .treeview-menu>li>a:hover {
  color: #fff;
}

.skin-glass .sidebar-form {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .1);
  margin: 10px;
}

.skin-glass .sidebar-form .btn,.skin-glass .sidebar-form input[type=text] {
  box-shadow: none;
  background: rgba(0, 0, 0, .15);
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.skin-glass .sidebar-form input[type=text] {
  color: #f5f7fa;
  border-radius: 2px 0 0 2px!important;
}

.skin-glass .sidebar-form input[type=text]:focus,.skin-glass .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

.skin-glass .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  border-left-color: rgba(255, 255, 255, .3);
}

.skin-glass .sidebar-form .btn {
  color: #dbe2ea;
  border-radius: 0 2px 2px 0!important;
}

/* The rules above only covered the app's chrome (header/sidebar/logo) -
   every page's actual content still rendered as plain flat-white AdminLTE
   boxes and tables on a flat grey .content-wrapper, so picking "Glass" from
   Settings > Theme Style changed the frame around a page but not the page
   itself. These extend the same translucent-blurred-panel language (already
   used for the login card and the on-screen keyboard) to .content-wrapper,
   .box/.modal/.small-box/.info-box, buttons and tables, so every page - not
   just the header/sidebar - reads as glass once this skin is selected. */
.skin-glass .content-wrapper,
.skin-glass .right-side {
  background: transparent;
}

.skin-glass .box {
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(44px) saturate(150%);
  backdrop-filter: blur(44px) saturate(150%);
  border-top: none;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, .18);
  color: #f5f7fa;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, .1);
}

.skin-glass .box-title,
.skin-glass .box label,
.skin-glass .content-header > h1 {
  color: #fff;
  font-weight: 600;
}

.skin-glass .box.box-primary,
.skin-glass .box.box-info,
.skin-glass .box.box-danger,
.skin-glass .box.box-warning,
.skin-glass .box.box-success,
.skin-glass .box.box-default {
  border-top: none;
}

.skin-glass .box-header {
  background: transparent;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}

.skin-glass .box-footer {
  background: transparent;
  border-top: 1px solid rgba(0, 0, 0, .08);
}

.skin-glass .modal-content {
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  backdrop-filter: blur(26px) saturate(180%);
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, .2);
  color: #f5f7fa;
  /* .modal-header keeps its own square corners (border-radius:0) and its
     own background - without clipping the card to its own rounded shape,
     that square header poked out past the rounded top corners underneath,
     looking like two separate stacked panels instead of one card. */
  overflow: hidden;
}

.skin-glass .modal-header,
.skin-glass .modal-footer {
  background: transparent;
  border-color: rgba(0, 0, 0, .08);
}

/* Bootstrap-dialog's .modal-success/-danger/-warning/-info/-primary color
   the header/body/footer with a flat !important background (styles.css
   ~15093-15230, shared with unrelated .bg-*/.label-*/.alert-* utility
   classes so it can't just be edited there) - the Payment modal (green),
   confirm dialogs (red/orange) etc. all stayed flat-colored even under
   Liquid Glass. These beat those !important rules on specificity alone
   (three classes vs two) and keep the same "tinted glass" treatment as
   the POS action buttons: translucent + blurred instead of solid, each
   variant's own color still showing through underneath. */
.skin-glass .modal-backdrop.in {
  opacity: .25;
}

.skin-glass .modal-success .modal-body,
.skin-glass .modal-success .modal-header,
.skin-glass .modal-success .modal-footer { background: rgba(0, 0, 0, .15) !important; color: #f5f7fa !important; }

.skin-glass .modal-danger .modal-body { background: rgba(221, 75, 57, .55) !important; }
.skin-glass .modal-danger .modal-header,
.skin-glass .modal-danger .modal-footer { background: rgba(211, 55, 36, .55) !important; }

.skin-glass .modal-warning .modal-body { background: rgba(243, 156, 18, .55) !important; }
.skin-glass .modal-warning .modal-header,
.skin-glass .modal-warning .modal-footer { background: rgba(219, 139, 11, .55) !important; }

.skin-glass .modal-info .modal-body { background: rgba(0, 192, 239, .55) !important; }
.skin-glass .modal-info .modal-header,
.skin-glass .modal-info .modal-footer { background: rgba(0, 167, 208, .55) !important; }

.skin-glass .modal-primary .modal-body { background: rgba(60, 141, 188, .55) !important; }
.skin-glass .modal-primary .modal-header,
.skin-glass .modal-primary .modal-footer { background: rgba(53, 124, 165, .55) !important; }

.skin-glass .modal-success .modal-body,
.skin-glass .modal-success .modal-header,
.skin-glass .modal-success .modal-footer,
.skin-glass .modal-danger .modal-body,
.skin-glass .modal-danger .modal-header,
.skin-glass .modal-danger .modal-footer,
.skin-glass .modal-warning .modal-body,
.skin-glass .modal-warning .modal-header,
.skin-glass .modal-warning .modal-footer,
.skin-glass .modal-info .modal-body,
.skin-glass .modal-info .modal-header,
.skin-glass .modal-info .modal-footer,
.skin-glass .modal-primary .modal-body,
.skin-glass .modal-primary .modal-header,
.skin-glass .modal-primary .modal-footer {
  -webkit-backdrop-filter: blur(21px) saturate(180%);
  backdrop-filter: blur(21px) saturate(180%);
}

.skin-glass .small-box,
.skin-glass .info-box {
  border-radius: 22px;
  -webkit-backdrop-filter: blur(23px) saturate(180%);
  backdrop-filter: blur(23px) saturate(180%);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
  overflow: hidden;
}

.skin-glass .btn-primary {
  border-radius: 50px !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  background: rgba(60, 141, 188, .9) !important;
  -webkit-backdrop-filter: blur(23px) saturate(180%);
  backdrop-filter: blur(23px) saturate(180%);
  box-shadow: none;
}

.skin-glass .btn-primary:hover,
.skin-glass .btn-primary:focus,
.skin-glass .btn-primary:active {
  background: rgba(60, 141, 188, 1) !important;
}

/* Layered glass: each level (page pane > panel > inner controls) is its own
   blurred sheet with a bright top rim, a dim bottom rim and concentric halo
   outlines, so panels read as several panes of glass stacked on each other. */
.skin-glass .content-wrapper {
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.skin-glass .box,
.skin-glass .modal-content {
  box-shadow:
    0 12px 32px rgba(0, 0, 0, .28), 0 0 0 5px rgba(255, 255, 255, .05), 0 0 0 10px rgba(255, 255, 255, .025);
}

.skin-glass .box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  border-radius: 22px 22px 0 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.skin-glass .box > * {
  position: relative;
}

.skin-glass .table > thead > tr > th,
.skin-glass .form-control,
.skin-glass .small-box,
.skin-glass .info-box {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, .15);
}

.skin-glass .form-control {
  background: rgba(0, 0, 0, .15) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* Frosted + rounded: every panel and control gets soft rounded corners. */
.skin-glass .form-control,
.skin-glass .input-group-addon,
.skin-glass .select2-container--default .select2-selection--single,
.skin-glass .select2-container--default .select2-selection--multiple {
  border-radius: 14px !important;
}

.skin-glass .btn,
.skin-glass .btn-flat {
  border-radius: 14px !important;
}

.skin-glass .alert,
.skin-glass .callout,
.skin-glass .dropdown-menu,
.skin-glass .popover,
.skin-glass .well,
.skin-glass .panel,
.skin-glass .nav-tabs-custom,
.skin-glass .table-responsive,
.skin-glass .dataTables_wrapper .table {
  border-radius: 18px;
}

.skin-glass .small-box,
.skin-glass .info-box {
  border-radius: 22px;
}

.skin-glass .nav-tabs > li > a {
  border-radius: 14px 14px 0 0;
}

.skin-glass .pagination > li > a,
.skin-glass .pagination > li:first-child > a,
.skin-glass .pagination > li:last-child > a {
  border-radius: 12px !important;
}

.skin-glass .sidebar-menu > li > a {
  border-radius: 0 14px 14px 0;
}

.skin-glass .label,
.skin-glass .badge {
  border-radius: 10px;
}

/* Same glass "thickness" as the on-screen keyboard (.ui-keyboard): white .18
   tint, blur(20px) saturate(180%), a 1px white .4 edge, a bright inset rim
   on the top/left and a soft outer shadow - plus the stacked halo outlines. */
.skin-glass .box,
.skin-glass .modal-content,
.skin-glass .small-box,
.skin-glass .info-box {
  background: rgba(0, 0, 0, .20);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, .2), 0 0 0 5px rgba(255, 255, 255, .05), 0 0 0 10px rgba(255, 255, 255, .025);
}

.skin-glass .main-header .navbar,
.skin-glass .main-header .logo,
.skin-glass .left-side,
.skin-glass .main-sidebar,
/* ---- Remaining pieces that were still opaque white: bring them into the
   same glass family (white .18 tint, blur, bright rim). ---- */
.skin-glass .well,
.skin-glass .panel,
.skin-glass .nav-tabs-custom,
.skin-glass .nav-tabs-custom > .tab-content,
.skin-glass .list-group-item,
.skin-glass .dropdown-menu,
.skin-glass .popover,
.skin-glass .callout {
  background: rgba(0, 0, 0, .20) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .4);
  color: #f5f7fa;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .2);
}

.skin-glass .nav-tabs-custom > .nav-tabs {
  border-bottom-color: rgba(255, 255, 255, .3);
}

.skin-glass .nav-tabs-custom > .nav-tabs > li > a,
.skin-glass .nav-tabs > li > a {
  color: #dbe2ea;
  background: transparent;
}

.skin-glass .nav-tabs-custom > .nav-tabs > li.active > a,
.skin-glass .nav-tabs > li.active > a {
  background: rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .4);
}

.skin-glass .dropdown-menu > li > a {
  color: #f5f7fa;
}

/* The 20%-opacity glass background above is meant for short menus, not a
   full calendar grid: at that opacity the date numbers and whatever sits
   behind the picker (modal title, other fields) blend together and become
   unreadable. Give the datetimepicker its own solid, near-opaque panel. */
.skin-glass .bootstrap-datetimepicker-widget.dropdown-menu,
.skin-glass-sharp .bootstrap-datetimepicker-widget.dropdown-menu {
  background: rgba(18, 22, 30, .96) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
}

.skin-glass .dropdown-menu > li > a:hover,
.skin-glass .dropdown-menu > li > a:focus {
  background: rgba(255, 255, 255, .2);
  color: #fff;
}

.skin-glass .btn-default,
.skin-glass .btn-app,
.skin-glass label.btn,
.skin-glass .pagination > li > a,
.skin-glass .pagination > li > span,
.skin-glass .input-group-addon {
  background: rgba(0, 0, 0, .20) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .4) !important;
  color: #f5f7fa !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.skin-glass .btn-default:hover,
.skin-glass .btn-app:hover,
.skin-glass .pagination > li > a:hover {
  background: rgba(0, 0, 0, .28) !important;
  color: #fff !important;
}

.skin-glass .pagination > .active > a,
.skin-glass .pagination > .active > a:hover {
  background: rgba(60, 141, 188, .9) !important;
  color: #fff !important;
}

.skin-glass .select2-container--default .select2-selection--single,
.skin-glass .select2-container--default .select2-selection--multiple,
.skin-glass .select2-dropdown,
.skin-glass .select2-search--dropdown .select2-search__field {
  background: rgba(0, 0, 0, .20) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .4) !important;
  color: #f5f7fa;
}

.skin-glass .select2-container--default .select2-selection--single .select2-selection__rendered,
.skin-glass .select2-results__option {
  color: #f5f7fa;
}

.skin-glass .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(60, 141, 188, .85);
  color: #fff;
}

.skin-glass .select2-container--default .select2-results__option[aria-selected=true] {
  background: rgba(255, 255, 255, .25);
}

.skin-glass .table > thead > tr > th,
.skin-glass .table > tfoot > tr > td,
.skin-glass table.dataTable thead th,
.skin-glass table.dataTable tfoot th {
  color: #fff;
}

.skin-glass .table > thead > tr > th input,
.skin-glass .table > tfoot input {
  background: rgba(0, 0, 0, .15) !important;
  color: #fff;
}

.skin-glass .table-bordered,
.skin-glass .table-bordered > thead > tr > th,
.skin-glass .table-bordered > tbody > tr > td,
.skin-glass .table-bordered > tfoot > tr > td {
  border-color: rgba(255, 255, 255, .22);
}

/* Highcharts draws on a solid white rect with dark labels. */
.skin-glass .highcharts-background {
  fill: transparent !important;
}

.skin-glass .highcharts-container text,
.skin-glass .highcharts-container tspan {
  fill: #f5f7fa !important;
  color: #f5f7fa !important;
}

.skin-glass .highcharts-tooltip text,
.skin-glass .highcharts-tooltip tspan {
  fill: #111 !important;
}

/* POS: cart panel, quick totals, product tiles. */
.skin-glass #leftdiv,
.skin-glass #leftdiv.well {
  background: rgba(0, 0, 0, .20) !important;
  border-radius: 22px;
}

.skin-glass #posTable,
.skin-glass #posTable > thead > tr > th,
.skin-glass #posTable > tbody > tr > td {
  background: transparent !important;
  color: #f5f7fa;
}

.skin-glass .btn-both.product,
.skin-glass button.product,
.skin-glass .product .bg-img {
  background: rgba(0, 0, 0, .15) !important;
  border: 1px solid rgba(255, 255, 255, .35) !important;
  border-radius: 16px;
  color: #f5f7fa;
}

.skin-glass .btn-both.product span {
  color: #f5f7fa;
}

/* Bootstrap contextual table rows use pale solid colors; keep the hue but as
   tinted glass so the light text on them stays readable. */
.skin-glass .table > tbody > tr.info > td,
.skin-glass .table > tbody > tr.info > th,
.skin-glass .table > tbody > tr > td.info { background-color: rgba(60, 141, 188, .3) !important; }
.skin-glass .table > tbody > tr.success > td,
.skin-glass .table > tbody > tr.success > th,
.skin-glass .table > tbody > tr > td.success { background-color: rgba(0, 166, 90, .3) !important; }
.skin-glass .table > tbody > tr.warning > td,
.skin-glass .table > tbody > tr > td.warning { background-color: rgba(243, 156, 18, .3) !important; }
.skin-glass .table > tbody > tr.danger > td,
.skin-glass .table > tbody > tr > td.danger { background-color: rgba(221, 75, 57, .3) !important; }

.skin-glass .btn-both.product > span:not(.bg-img) {
  background: rgba(8, 12, 20, .4) !important;
  color: #fff;
  border-radius: 0 0 14px 14px;
}

.skin-glass .btn-both.product > span:not(.bg-img) > span {
  background: transparent !important;
  color: #fff !important;
}

.skin-glass table thead th,
.skin-glass table.dataTable thead th,
.skin-glass table tfoot th {
  background-color: rgba(0, 0, 0, .15) !important;
}

/* ---- Site-wide crawl leftovers ---- */
.skin-glass table,
.skin-glass .table,
.skin-glass .table-striped,
.skin-glass #ajaxCall,
.skin-glass .panel-body {
  background-color: transparent !important;
}

.skin-glass .panel-heading,
.skin-glass .label-default {
  background: rgba(0, 0, 0, .20) !important;
  color: #f5f7fa !important;
  border-color: rgba(255, 255, 255, .4) !important;
}

.skin-glass .redactor-box,
.skin-glass .redactor-toolbar,
.skin-glass .redactor-editor {
  background: rgba(0, 0, 0, .15) !important;
  border-color: rgba(255, 255, 255, .35) !important;
  color: #f5f7fa !important;
}

.skin-glass .redactor-box,
.skin-glass .redactor-editor {
  border-radius: 14px;
}

.skin-glass .redactor-toolbar {
  border-radius: 14px 14px 0 0;
}

.skin-glass .redactor-toolbar li a {
  color: #f5f7fa !important;
}

/* Rounded + glass for plain inputs that don't carry .form-control
   (table column filters, datepickers, textareas, selects). */
.skin-glass input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):not(.select2-search__field),
.skin-glass select,
.skin-glass textarea {
  border-radius: 12px !important;
}

.skin-glass input.text_filter,
.skin-glass input.datepicker,
.skin-glass textarea {
  background: rgba(0, 0, 0, .15) !important;
  border: 1px solid rgba(255, 255, 255, .35) !important;
  color: #f5f7fa;
}

/* Buttons that sat edge-to-edge (Bootstrap collapses .btn-group borders by
   -1px, and .btn-group-justified renders as a table): give them a gap and
   their own rounded corners. */
.skin-glass .btn-group > .btn,
.skin-glass .btn-group > .btn:first-child,
.skin-glass .btn-group > .btn:last-child,
.skin-glass .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.skin-glass .btn-group > .btn-group > .btn,
.skin-glass .btn-group-vertical > .btn {
  border-radius: 12px !important;
}

.skin-glass .btn-group > .btn + .btn,
.skin-glass .btn-group > .btn + .btn-group,
.skin-glass .btn-group > .btn-group + .btn,
.skin-glass .btn-group > .btn-group + .btn-group {
  margin-left: 5px !important;
}

.skin-glass .btn-group-justified {
  border-collapse: separate;
  border-spacing: 5px 0;
}

.skin-glass .modal-footer .btn + .btn,
.skin-glass .box-footer .btn + .btn {
  margin-left: 6px;
}

.skin-glass th {
  background-color: rgba(0, 0, 0, .15) !important;
  color: #fff;
}

.skin-glass .main-header .navbar .nav > li > a,
.skin-glass .main-header .navbar .sidebar-toggle {
  border-radius: 14px;
}

.skin-glass .content-wrapper ::-webkit-input-placeholder { color: rgba(255, 255, 255, .6) !important; }
.skin-glass .content-wrapper ::-moz-placeholder { color: rgba(255, 255, 255, .6) !important; opacity: 1; }
.skin-glass .content-wrapper input,
.skin-glass .content-wrapper textarea,
.skin-glass .content-wrapper select { color: #f5f7fa; }

/* ---- Buttons: every button is clear glass; a button that used to be a
   solid color now keeps that color only as its text/icon color. ---- */
.skin-glass .btn-primary,
.skin-glass .btn-success,
.skin-glass .btn-danger,
.skin-glass .btn-warning,
.skin-glass .btn-info,
.skin-glass .login-box-body button[type="submit"],
.skin-glass #reset,
.skin-glass #suspend,
.skin-glass #payment,
.skin-glass #submit-sale,
.skin-glass #print_order,
.skin-glass #print_bill,
.skin-glass .ui-keyboard .ui-keyboard-enter,
.skin-glass .ui-keyboard .ui-keyboard-cancel,
.skin-glass .ui-keyboard .ui-keyboard-accept {
  background: rgba(0, 0, 0, .20) !important;
  background-color: rgba(0, 0, 0, .20) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .4) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12) !important;
  font-weight: 800;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
  filter: none;
}

.skin-glass .btn-primary,
.skin-glass .btn-primary i,
.skin-glass .btn-primary .fa { color: #2aa2ff !important; }
.skin-glass .btn-success,
.skin-glass .btn-success i,
.skin-glass .btn-success .fa { color: #1fe08a !important; }
.skin-glass .btn-danger,
.skin-glass .btn-danger i,
.skin-glass .btn-danger .fa { color: #ff4b3a !important; }
.skin-glass .btn-warning,
.skin-glass .btn-warning i,
.skin-glass .btn-warning .fa { color: #ffab1a !important; }
.skin-glass .btn-info,
.skin-glass .btn-info i,
.skin-glass .btn-info .fa { color: #1fd3ff !important; }
.skin-glass .login-box-body button[type="submit"],
.skin-glass .login-box-body button[type="submit"] i { color: #2aa2ff !important; }
.skin-glass #reset,
.skin-glass #reset * { color: #ff4b3a !important; }
.skin-glass #suspend,
.skin-glass #suspend * { color: #ffab1a !important; }
.skin-glass #payment,
.skin-glass #payment * { color: #1fe08a !important; }
.skin-glass #submit-sale,
.skin-glass #submit-sale * { color: #1fe08a !important; }
.skin-glass #print_order,
.skin-glass #print_order * { color: #b28bff !important; }
.skin-glass #print_bill,
.skin-glass #print_bill * { color: #6a9bff !important; }
.skin-glass .ui-keyboard .ui-keyboard-enter,
.skin-glass .ui-keyboard .ui-keyboard-enter span { color: #2aa2ff !important; }
.skin-glass .ui-keyboard .ui-keyboard-cancel,
.skin-glass .ui-keyboard .ui-keyboard-cancel span { color: #ff4b3a !important; }
.skin-glass .ui-keyboard .ui-keyboard-accept,
.skin-glass .ui-keyboard .ui-keyboard-accept span { color: #1fe08a !important; }

.skin-glass .btn-primary:hover, .skin-glass .btn-success:hover, .skin-glass .btn-danger:hover,
.skin-glass .btn-warning:hover, .skin-glass .btn-info:hover, .skin-glass .btn-primary:focus,
.skin-glass .btn-success:focus, .skin-glass .btn-danger:focus, .skin-glass .btn-warning:focus,
.skin-glass .btn-info:focus, .skin-glass .btn-primary:active, .skin-glass .btn-success:active,
.skin-glass .btn-danger:active, .skin-glass .btn-warning:active, .skin-glass .btn-info:active,
.skin-glass .login-box-body button[type="submit"]:hover,
.skin-glass #reset:hover, .skin-glass #suspend:hover, .skin-glass #payment:hover,
.skin-glass #submit-sale:hover, .skin-glass #print_order:hover, .skin-glass #print_bill:hover,
.skin-glass .ui-keyboard .ui-keyboard-enter:hover, .skin-glass .ui-keyboard .ui-keyboard-cancel:hover,
.skin-glass .ui-keyboard .ui-keyboard-accept:hover {
  background: rgba(255, 255, 255, .3) !important;
  background-color: rgba(255, 255, 255, .3) !important;
}

.skin-glass .pagination > .active > a,
.skin-glass .pagination > .active > a:hover,
.skin-glass .pagination > .active > span {
  background: rgba(255, 255, 255, .3) !important;
  color: #2aa2ff !important;
  font-weight: 700;
}

.skin-glass .btn-primary,
.skin-glass .btn-success,
.skin-glass .btn-danger,
.skin-glass .btn-warning,
.skin-glass .btn-info,
.skin-glass .login-box-body button[type="submit"],
.skin-glass #reset,
.skin-glass #suspend,
.skin-glass #payment,
.skin-glass #submit-sale,
.skin-glass #print_order,
.skin-glass #print_bill,
.skin-glass .ui-keyboard .ui-keyboard-enter,
.skin-glass .ui-keyboard .ui-keyboard-cancel,
.skin-glass .ui-keyboard .ui-keyboard-accept {
  background: rgba(0, 0, 0, .22) !important;
  background-color: rgba(0, 0, 0, .22) !important;
}

.skin-glass .btn-primary:hover,
.skin-glass .btn-success:hover,
.skin-glass .btn-danger:hover,
.skin-glass .btn-warning:hover,
.skin-glass .btn-info:hover,
.skin-glass .login-box-body button[type="submit"]:hover,
.skin-glass #reset:hover,
.skin-glass #suspend:hover,
.skin-glass #payment:hover,
.skin-glass #submit-sale:hover,
.skin-glass #print_order:hover,
.skin-glass #print_bill:hover,
.skin-glass .ui-keyboard .ui-keyboard-enter:hover,
.skin-glass .ui-keyboard .ui-keyboard-cancel:hover,
.skin-glass .ui-keyboard .ui-keyboard-accept:hover {
  background: rgba(0, 0, 0, .36) !important;
  background-color: rgba(0, 0, 0, .36) !important;
}

.skin-glass .ui-keyboard .ui-keyboard-bksp {
  background: rgba(0, 0, 0, .22) !important;
  background-color: rgba(0, 0, 0, .22) !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
}
.skin-glass .ui-keyboard .ui-keyboard-bksp,
.skin-glass .ui-keyboard .ui-keyboard-bksp span { color: #ffab1a !important; font-weight: 800; }

.skin-glass .btn-primary,
.skin-glass .btn-success,
.skin-glass .btn-danger,
.skin-glass .btn-warning,
.skin-glass .btn-info,
.skin-glass .login-box-body button[type="submit"],
.skin-glass #reset,
.skin-glass #suspend,
.skin-glass #payment,
.skin-glass #submit-sale,
.skin-glass #print_order,
.skin-glass #print_bill,
.skin-glass .ui-keyboard .ui-keyboard-enter,
.skin-glass .ui-keyboard .ui-keyboard-cancel,
.skin-glass .ui-keyboard .ui-keyboard-accept,
.skin-glass .ui-keyboard .ui-keyboard-bksp {
  border-color: currentColor !important;
}

/* Every button gets rounded corners (also plain <button>/type=submit and
   keyboard keys, which don't carry .btn). */
.skin-glass button,
.skin-glass input[type=button],
.skin-glass input[type=submit],
.skin-glass input[type=reset],
.skin-glass a.btn,
.skin-glass .btn-app,
.skin-glass .btn-group > .btn,
.skin-glass .ui-keyboard-button {
  border-radius: 14px !important;
}

.skin-glass .main-footer {
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
}

.skin-glass .main-footer {
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border-top: 1px solid rgba(255, 255, 255, .15);
  color: #dbe2ea;
}

.skin-glass .table > thead > tr > th {
  background: rgba(0, 0, 0, .15);
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  color: #fff;
}

.skin-glass .table > tbody > tr > td {
  color: #f5f7fa;
}

.skin-glass .table-striped > tbody > tr:nth-of-type(odd),
.skin-glass .table-striped > tbody > tr:nth-of-type(even),
.skin-glass table.dataTable tbody tr,
.skin-glass table.dataTable tbody tr.odd,
.skin-glass table.dataTable tbody tr.even,
.skin-glass table.dataTable tbody tr > td {
  background-color: transparent !important;
}

.skin-glass .table > tbody > tr:hover {
  background: rgba(110, 130, 165, .12);
}

.skin-glass .form-control {
  background: rgba(0, 0, 0, .15) !important;
  border: 1px solid rgba(0, 0, 0, .2) !important;
  color: #fff;
}

/* "Liquid Glass (Sharp)": the same glass theme (body also carries .skin-glass,
   so every glass rule above still applies) with tight, squared-off corners
   instead of the soft rounded ones. Comes after them so it wins on order. */
.skin-glass-sharp .box,
.skin-glass-sharp .modal-content,
.skin-glass-sharp .small-box,
.skin-glass-sharp .info-box,
.skin-glass-sharp .well,
.skin-glass-sharp .panel,
.skin-glass-sharp .callout,
.skin-glass-sharp .alert,
.skin-glass-sharp .dropdown-menu,
.skin-glass-sharp .popover,
.skin-glass-sharp .nav-tabs-custom,
.skin-glass-sharp .table-responsive,
.skin-glass-sharp .redactor-box,
.skin-glass-sharp .redactor-editor,
.skin-glass-sharp .redactor-toolbar,
.skin-glass-sharp #leftdiv,
.skin-glass-sharp .btn-both.product,
.skin-glass-sharp .product .bg-img,
.skin-glass-sharp .btn-both.product > span:not(.bg-img),
.skin-glass-sharp .form-control,
.skin-glass-sharp .input-group-addon,
.skin-glass-sharp input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):not(.select2-search__field),
.skin-glass-sharp select,
.skin-glass-sharp textarea,
.skin-glass-sharp .select2-container--default .select2-selection--single,
.skin-glass-sharp .select2-container--default .select2-selection--multiple,
.skin-glass-sharp .btn,
.skin-glass-sharp .btn-flat,
.skin-glass-sharp .btn-group > .btn,
.skin-glass-sharp .btn-group > .btn:first-child,
.skin-glass-sharp .btn-group > .btn:last-child,
.skin-glass-sharp .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.skin-glass-sharp .btn-group > .btn-group > .btn,
.skin-glass-sharp .btn-group-vertical > .btn,
.skin-glass-sharp .btn-primary,
.skin-glass-sharp .pagination > li > a,
.skin-glass-sharp .pagination > li:first-child > a,
.skin-glass-sharp .pagination > li:last-child > a,
.skin-glass-sharp .label,
.skin-glass-sharp .badge,
.skin-glass-sharp .main-header .navbar .nav > li > a,
.skin-glass-sharp .main-header .navbar .sidebar-toggle,
.skin-glass-sharp .sidebar-menu > li > a,
.skin-glass-sharp #reset, .skin-glass-sharp #suspend, .skin-glass-sharp #payment,
.skin-glass-sharp #submit-sale, .skin-glass-sharp #print_order, .skin-glass-sharp #print_bill,
.skin-glass-sharp .login-box-body,
.skin-glass-sharp .login-box-body input.form-control,
.skin-glass-sharp .login-box-body button[type="submit"],
.skin-glass-sharp .login-box-body .alert-danger,
.skin-glass-sharp .login-box-body .icheckbox_square-blue {
  border-radius: 0 !important;
}

.skin-glass-sharp .box::before,
.skin-glass-sharp .login-box-body::before {
  border-radius: 3px 3px 0 0;
}

.skin-glass-sharp .box-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.skin-glass-sharp .nav-tabs > li > a,
.skin-glass-sharp .nav-tabs-custom > .nav-tabs > li > a {
  border-radius: 3px 3px 0 0 !important;
}

.skin-glass-sharp .ui-keyboard {
  border-radius: 3px 3px 0 0;
}

.skin-glass-sharp .ui-keyboard-button {
  border-radius: 3px;
}

.skin-glass-sharp button,
.skin-glass-sharp input[type=button],
.skin-glass-sharp input[type=submit],
.skin-glass-sharp input[type=reset],
.skin-glass-sharp a.btn,
.skin-glass-sharp .btn-app,
.skin-glass-sharp .ui-keyboard-button {
  border-radius: 0 !important;
}

/* ---- Layering: a single-layer panel is one lightly see-through sheet;
   a panel that contains other panels shows every layer (stacked halo
   outlines + each nested sheet a lighter, blurred pane on top). ---- */
.skin-glass .box,
.skin-glass .modal-content,
.skin-glass .small-box,
.skin-glass .info-box {
  background: rgba(0, 0, 0, .28);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .25);
}

.skin-glass .box:has(.box, .well, .panel, .callout, .nav-tabs-custom),
.skin-glass .modal-content:has(.well, .panel, .box, .callout) {
  background: rgba(0, 0, 0, .22);
  box-shadow:
    0 12px 36px rgba(0, 0, 0, .3), 0 0 0 5px rgba(255, 255, 255, .07), 0 0 0 10px rgba(255, 255, 255, .035);
}

.skin-glass .box .box,
.skin-glass .box .well,
.skin-glass .box .panel,
.skin-glass .box .callout,
.skin-glass .box .nav-tabs-custom,
.skin-glass .modal-content .well,
.skin-glass .modal-content .panel,
.skin-glass .modal-content .box,
.skin-glass .modal-content .callout {
  background: rgba(255, 255, 255, .09) !important;
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  backdrop-filter: blur(26px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .32) !important;
  box-shadow:
    0 6px 18px rgba(0, 0, 0, .3), 0 0 0 4px rgba(255, 255, 255, .05) !important;
}

/* ---- No rounded buttons anywhere (both Liquid Glass themes). The extra
   body.skin-glass prefix beats the Sharp/Glass rules' specificity. ---- */
body.skin-glass button,
body.skin-glass input[type=button],
body.skin-glass input[type=submit],
body.skin-glass input[type=reset],
body.skin-glass .btn,
body.skin-glass .btn-flat,
body.skin-glass a.btn,
body.skin-glass label.btn,
body.skin-glass .btn-app,
body.skin-glass .btn-group > .btn,
body.skin-glass .btn-group > .btn:first-child,
body.skin-glass .btn-group > .btn:last-child,
body.skin-glass .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
body.skin-glass .btn-group > .btn-group > .btn,
body.skin-glass .btn-group-vertical > .btn,
body.skin-glass .btn-primary,
body.skin-glass .pagination > li > a,
body.skin-glass .pagination > li:first-child > a,
body.skin-glass .pagination > li:last-child > a,
body.skin-glass .ui-keyboard-button,
body.skin-glass #reset, body.skin-glass #suspend, body.skin-glass #payment,
body.skin-glass #submit-sale, body.skin-glass #print_order, body.skin-glass #print_bill,
body.skin-glass .login-box-body button[type="submit"],
body.skin-glass .btn-both.product,
body.skin-glass .btn-both.product > span:not(.bg-img) {
  border-radius: 0 !important;
}

/* ---- Extra-clear black glass; everything that sits on another layer
   (buttons, fields, table heads) is blurred; buttons are flat, not puffy. ---- */
body.skin-glass button,
body.skin-glass input[type=button],
body.skin-glass input[type=submit],
body.skin-glass input[type=reset],
body.skin-glass .btn,
body.skin-glass a.btn,
body.skin-glass label.btn,
body.skin-glass .btn-app,
body.skin-glass .pagination > li > a,
body.skin-glass .pagination > li > span,
body.skin-glass .ui-keyboard-button,
body.skin-glass .btn-both.product,
body.skin-glass .input-group-addon {
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
}

body.skin-glass .btn:active,
body.skin-glass .btn.active,
body.skin-glass button:active,
body.skin-glass .ui-keyboard-button:active,
body.skin-glass #reset:active, body.skin-glass #suspend:active, body.skin-glass #payment:active,
body.skin-glass #submit-sale:active, body.skin-glass #print_order:active, body.skin-glass #print_bill:active {
  transform: none !important;
  box-shadow: none !important;
}

/* POS action buttons had a top sheen + inset rim (the "puffy" look). */
.skin-glass #reset::before, .skin-glass #suspend::before, .skin-glass #payment::before,
.skin-glass #submit-sale::before, .skin-glass #print_order::before, .skin-glass #print_bill::before,
.skin-glass .login-box-body button[type="submit"]::before {
  display: none !important;
}

body.skin-glass .table > thead > tr > th,
body.skin-glass .table > tbody > tr > td,
body.skin-glass .form-control,
body.skin-glass .select2-container--default .select2-selection--single,
body.skin-glass .select2-dropdown,
body.skin-glass .redactor-box,
body.skin-glass #leftdiv,
body.skin-glass .box-header {
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
}

html body.skin-glass #reset, html body.skin-glass #suspend, html body.skin-glass #payment,
html body.skin-glass #submit-sale, html body.skin-glass #print_order, html body.skin-glass #print_bill,
html body.skin-glass .login-box-body button[type="submit"],
html body.skin-glass .ui-keyboard .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-enter,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel,
html body.skin-glass .ui-keyboard .ui-keyboard-accept,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp,
html body.skin-glass .btn-primary, html body.skin-glass .btn-success, html body.skin-glass .btn-danger,
html body.skin-glass .btn-warning, html body.skin-glass .btn-info, html body.skin-glass .btn-default {
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
}

/* Buttons sit on top of the panels, so they get a heavier blur than the
   panels' own 20px - the further up the stack, the frostier. */
html body.skin-glass button,
html body.skin-glass input[type=button],
html body.skin-glass input[type=submit],
html body.skin-glass input[type=reset],
html body.skin-glass .btn,
html body.skin-glass a.btn,
html body.skin-glass label.btn,
html body.skin-glass .btn-app,
html body.skin-glass .btn-default,
html body.skin-glass .btn-primary, html body.skin-glass .btn-success, html body.skin-glass .btn-danger,
html body.skin-glass .btn-warning, html body.skin-glass .btn-info,
html body.skin-glass .pagination > li > a,
html body.skin-glass .pagination > li > span,
html body.skin-glass .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-enter,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel,
html body.skin-glass .ui-keyboard .ui-keyboard-accept,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp,
html body.skin-glass .btn-both.product,
html body.skin-glass .input-group-addon,
html body.skin-glass #reset, html body.skin-glass #suspend, html body.skin-glass #payment,
html body.skin-glass #submit-sale, html body.skin-glass #print_order, html body.skin-glass #print_bill,
html body.skin-glass .login-box-body button[type="submit"] {
  -webkit-backdrop-filter: blur(44px) saturate(180%) !important;
  backdrop-filter: blur(44px) saturate(180%) !important;
}

/* No highlight sheens (the bright gradient over the top of panels/cards). */
.skin-glass .box::before,
.skin-glass .login-box-body::before,
.skin-glass .ui-keyboard::before {
  display: none !important;
}

/* Buttons float above everything: a drop shadow under them (no inner
   highlight, so they are raised - not puffy) and the heaviest blur. */
html body.skin-glass button,
html body.skin-glass input[type=button],
html body.skin-glass input[type=submit],
html body.skin-glass input[type=reset],
html body.skin-glass .btn,
html body.skin-glass a.btn,
html body.skin-glass label.btn,
html body.skin-glass .btn-app,
html body.skin-glass .btn-default,
html body.skin-glass .btn-primary, html body.skin-glass .btn-success, html body.skin-glass .btn-danger,
html body.skin-glass .btn-warning, html body.skin-glass .btn-info,
html body.skin-glass .pagination > li > a,
html body.skin-glass .pagination > li > span,
html body.skin-glass .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-enter,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel,
html body.skin-glass .ui-keyboard .ui-keyboard-accept,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp,
html body.skin-glass .btn-both.product,
html body.skin-glass .input-group-addon,
html body.skin-glass #reset, html body.skin-glass #suspend, html body.skin-glass #payment,
html body.skin-glass #submit-sale, html body.skin-glass #print_order, html body.skin-glass #print_bill,
html body.skin-glass .login-box-body button[type="submit"] {
  box-shadow: 0 6px 14px rgba(0, 0, 0, .5) !important;
  -webkit-backdrop-filter: blur(60px) saturate(180%) !important;
  backdrop-filter: blur(60px) saturate(180%) !important;
}

html body.skin-glass button:hover,
html body.skin-glass input[type=button]:hover,
html body.skin-glass input[type=submit]:hover,
html body.skin-glass input[type=reset]:hover,
html body.skin-glass .btn:hover,
html body.skin-glass a.btn:hover,
html body.skin-glass label.btn:hover,
html body.skin-glass .btn-app:hover,
html body.skin-glass .btn-default:hover,
html body.skin-glass .btn-primary:hover,
html body.skin-glass .btn-success:hover,
html body.skin-glass .btn-danger:hover,
html body.skin-glass .btn-warning:hover,
html body.skin-glass .btn-info:hover,
html body.skin-glass .pagination > li > a:hover,
html body.skin-glass .pagination > li > span:hover,
html body.skin-glass .ui-keyboard-button:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-button:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:hover,
html body.skin-glass .btn-both.product:hover,
html body.skin-glass .input-group-addon:hover,
html body.skin-glass #reset:hover,
html body.skin-glass #suspend:hover,
html body.skin-glass #payment:hover,
html body.skin-glass #submit-sale:hover,
html body.skin-glass #print_order:hover,
html body.skin-glass #print_bill:hover,
html body.skin-glass .login-box-body button[type="submit"]:hover {
  box-shadow: 0 10px 22px rgba(0, 0, 0, .6) !important;
}

/* Final button/key look: one frosted, thick slab - a mostly solid dark
   frosted body, a neutral (uncolored) rim and a thick dark bottom edge that
   gives it depth. Same for every button and every keyboard key; only the
   text/icon keeps its color. */
html body.skin-glass button,
html body.skin-glass input[type=button],
html body.skin-glass input[type=submit],
html body.skin-glass input[type=reset],
html body.skin-glass .btn,
html body.skin-glass a.btn,
html body.skin-glass label.btn,
html body.skin-glass .btn-app,
html body.skin-glass .btn-default,
html body.skin-glass .btn-primary, html body.skin-glass .btn-success, html body.skin-glass .btn-danger,
html body.skin-glass .btn-warning, html body.skin-glass .btn-info,
html body.skin-glass .pagination > li > a,
html body.skin-glass .pagination > li > span,
html body.skin-glass .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-enter,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel,
html body.skin-glass .ui-keyboard .ui-keyboard-accept,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp,
html body.skin-glass .ui-keyboard .ui-keyboard-shift,
html body.skin-glass .ui-keyboard .ui-keyboard-lock,
html body.skin-glass .btn-both.product,
html body.skin-glass .input-group-addon,
html body.skin-glass #reset, html body.skin-glass #suspend, html body.skin-glass #payment,
html body.skin-glass #submit-sale, html body.skin-glass #print_order, html body.skin-glass #print_bill,
html body.skin-glass .login-box-body button[type="submit"] {
  background: rgba(0, 0, 0, .5) !important;
  background-color: rgba(0, 0, 0, .5) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-bottom: 4px solid rgba(0, 0, 0, .6) !important;
  -webkit-backdrop-filter: blur(60px) saturate(180%) !important;
  backdrop-filter: blur(60px) saturate(180%) !important;
}

html body.skin-glass button:hover,
html body.skin-glass input[type=button]:hover,
html body.skin-glass input[type=submit]:hover,
html body.skin-glass input[type=reset]:hover,
html body.skin-glass .btn:hover,
html body.skin-glass a.btn:hover,
html body.skin-glass label.btn:hover,
html body.skin-glass .btn-app:hover,
html body.skin-glass .btn-default:hover,
html body.skin-glass .btn-primary:hover,
html body.skin-glass .btn-success:hover,
html body.skin-glass .btn-danger:hover,
html body.skin-glass .btn-warning:hover,
html body.skin-glass .btn-info:hover,
html body.skin-glass .pagination > li > a:hover,
html body.skin-glass .pagination > li > span:hover,
html body.skin-glass .ui-keyboard-button:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-button:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-shift:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-lock:hover,
html body.skin-glass .btn-both.product:hover,
html body.skin-glass .input-group-addon:hover,
html body.skin-glass #reset:hover,
html body.skin-glass #suspend:hover,
html body.skin-glass #payment:hover,
html body.skin-glass #submit-sale:hover,
html body.skin-glass #print_order:hover,
html body.skin-glass #print_bill:hover,
html body.skin-glass .login-box-body button[type="submit"]:hover {
  background: rgba(0, 0, 0, .65) !important;
  background-color: rgba(0, 0, 0, .65) !important;
}

/* Login button: frosted like the login card itself (lighter haze than the
   other buttons so it doesn't read as a solid dark slab on the card). */
html body.skin-glass .login-box-body button[type="submit"] {
  background: rgba(255, 255, 255, .1) !important;
  background-color: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  border-bottom: 3px solid rgba(255, 255, 255, .3) !important;
  -webkit-backdrop-filter: blur(60px) saturate(180%) !important;
  backdrop-filter: blur(60px) saturate(180%) !important;
}

html body.skin-glass .login-box-body button[type="submit"]:hover {
  background: rgba(0, 0, 0, .25) !important;
  background-color: rgba(0, 0, 0, .25) !important;
}

/* Pressed = pushed down into the surface, not recolored: no blue fill, no
   focus ring; the button sinks, its drop shadow and thick bottom edge go. */
html body.skin-glass button:focus,
html body.skin-glass input[type=button]:focus,
html body.skin-glass input[type=submit]:focus,
html body.skin-glass input[type=reset]:focus,
html body.skin-glass .btn:focus,
html body.skin-glass a.btn:focus,
html body.skin-glass label.btn:focus,
html body.skin-glass .btn-app:focus,
html body.skin-glass .btn-default:focus,
html body.skin-glass .btn-primary:focus,
html body.skin-glass .btn-success:focus,
html body.skin-glass .btn-danger:focus,
html body.skin-glass .btn-warning:focus,
html body.skin-glass .btn-info:focus,
html body.skin-glass .pagination > li > a:focus,
html body.skin-glass .pagination > li > span:focus,
html body.skin-glass .ui-keyboard-button:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-button:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:focus,
html body.skin-glass .btn-both.product:focus,
html body.skin-glass #reset:focus,
html body.skin-glass #suspend:focus,
html body.skin-glass #payment:focus,
html body.skin-glass #submit-sale:focus,
html body.skin-glass #print_order:focus,
html body.skin-glass #print_bill:focus,
html body.skin-glass .login-box-body button[type="submit"]:focus,
html body.skin-glass button:active,
html body.skin-glass input[type=button]:active,
html body.skin-glass input[type=submit]:active,
html body.skin-glass input[type=reset]:active,
html body.skin-glass .btn:active,
html body.skin-glass a.btn:active,
html body.skin-glass label.btn:active,
html body.skin-glass .btn-app:active,
html body.skin-glass .btn-default:active,
html body.skin-glass .btn-primary:active,
html body.skin-glass .btn-success:active,
html body.skin-glass .btn-danger:active,
html body.skin-glass .btn-warning:active,
html body.skin-glass .btn-info:active,
html body.skin-glass .pagination > li > a:active,
html body.skin-glass .pagination > li > span:active,
html body.skin-glass .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:active,
html body.skin-glass .btn-both.product:active,
html body.skin-glass #reset:active,
html body.skin-glass #suspend:active,
html body.skin-glass #payment:active,
html body.skin-glass #submit-sale:active,
html body.skin-glass #print_order:active,
html body.skin-glass #print_bill:active,
html body.skin-glass .login-box-body button[type="submit"]:active,
html body.skin-glass button.active,
html body.skin-glass input[type=button].active,
html body.skin-glass input[type=submit].active,
html body.skin-glass input[type=reset].active,
html body.skin-glass .btn.active,
html body.skin-glass a.btn.active,
html body.skin-glass label.btn.active,
html body.skin-glass .btn-app.active,
html body.skin-glass .btn-default.active,
html body.skin-glass .btn-primary.active,
html body.skin-glass .btn-success.active,
html body.skin-glass .btn-danger.active,
html body.skin-glass .btn-warning.active,
html body.skin-glass .btn-info.active,
html body.skin-glass .pagination > li > a.active,
html body.skin-glass .pagination > li > span.active,
html body.skin-glass .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter.active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel.active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept.active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp.active,
html body.skin-glass .btn-both.product.active,
html body.skin-glass #reset.active,
html body.skin-glass #suspend.active,
html body.skin-glass #payment.active,
html body.skin-glass #submit-sale.active,
html body.skin-glass #print_order.active,
html body.skin-glass #print_bill.active,
html body.skin-glass .login-box-body button[type="submit"].active {
  outline: none !important;
  box-shadow: none !important;
}

html body.skin-glass button:active,
html body.skin-glass input[type=button]:active,
html body.skin-glass input[type=submit]:active,
html body.skin-glass input[type=reset]:active,
html body.skin-glass .btn:active,
html body.skin-glass a.btn:active,
html body.skin-glass label.btn:active,
html body.skin-glass .btn-app:active,
html body.skin-glass .btn-default:active,
html body.skin-glass .btn-primary:active,
html body.skin-glass .btn-success:active,
html body.skin-glass .btn-danger:active,
html body.skin-glass .btn-warning:active,
html body.skin-glass .btn-info:active,
html body.skin-glass .pagination > li > a:active,
html body.skin-glass .pagination > li > span:active,
html body.skin-glass .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:active,
html body.skin-glass .btn-both.product:active,
html body.skin-glass #reset:active,
html body.skin-glass #suspend:active,
html body.skin-glass #payment:active,
html body.skin-glass #submit-sale:active,
html body.skin-glass #print_order:active,
html body.skin-glass #print_bill:active,
html body.skin-glass .login-box-body button[type="submit"]:active,
html body.skin-glass button.active,
html body.skin-glass input[type=button].active,
html body.skin-glass input[type=submit].active,
html body.skin-glass input[type=reset].active,
html body.skin-glass .btn.active,
html body.skin-glass a.btn.active,
html body.skin-glass label.btn.active,
html body.skin-glass .btn-app.active,
html body.skin-glass .btn-default.active,
html body.skin-glass .btn-primary.active,
html body.skin-glass .btn-success.active,
html body.skin-glass .btn-danger.active,
html body.skin-glass .btn-warning.active,
html body.skin-glass .btn-info.active,
html body.skin-glass .pagination > li > a.active,
html body.skin-glass .pagination > li > span.active,
html body.skin-glass .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter.active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel.active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept.active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp.active,
html body.skin-glass .btn-both.product.active,
html body.skin-glass #reset.active,
html body.skin-glass #suspend.active,
html body.skin-glass #payment.active,
html body.skin-glass #submit-sale.active,
html body.skin-glass #print_order.active,
html body.skin-glass #print_bill.active,
html body.skin-glass .login-box-body button[type="submit"].active {
  background: rgba(0, 0, 0, .7) !important;
  background-color: rgba(0, 0, 0, .7) !important;
  border-bottom-width: 1px !important;
  -webkit-transform: translateY(3px) !important;
  transform: translateY(3px) !important;
}

html body.skin-glass .login-box-body button[type="submit"]:focus {
  background: rgba(255, 255, 255, .1) !important;
  background-color: rgba(255, 255, 255, .1) !important;
}

html body.skin-glass .login-box-body button[type="submit"]:active {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, .12) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Pressed: every button takes the panel's own tone and rim (Login too), so
   it looks pushed down into the panel it sits on. */
html body.skin-glass button:active,
html body.skin-glass input[type=button]:active,
html body.skin-glass input[type=submit]:active,
html body.skin-glass input[type=reset]:active,
html body.skin-glass .btn:active,
html body.skin-glass a.btn:active,
html body.skin-glass label.btn:active,
html body.skin-glass .btn-app:active,
html body.skin-glass .btn-default:active,
html body.skin-glass .btn-primary:active,
html body.skin-glass .btn-success:active,
html body.skin-glass .btn-danger:active,
html body.skin-glass .btn-warning:active,
html body.skin-glass .btn-info:active,
html body.skin-glass .pagination > li > a:active,
html body.skin-glass .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:active,
html body.skin-glass .btn-both.product:active,
html body.skin-glass #reset:active,
html body.skin-glass #suspend:active,
html body.skin-glass #payment:active,
html body.skin-glass #submit-sale:active,
html body.skin-glass #print_order:active,
html body.skin-glass #print_bill:active,
html body.skin-glass .login-box-body button[type="submit"]:active,
html body.skin-glass button.active,
html body.skin-glass input[type=button].active,
html body.skin-glass input[type=submit].active,
html body.skin-glass input[type=reset].active,
html body.skin-glass .btn.active,
html body.skin-glass a.btn.active,
html body.skin-glass label.btn.active,
html body.skin-glass .btn-app.active,
html body.skin-glass .btn-default.active,
html body.skin-glass .btn-primary.active,
html body.skin-glass .btn-success.active,
html body.skin-glass .btn-danger.active,
html body.skin-glass .btn-warning.active,
html body.skin-glass .btn-info.active,
html body.skin-glass .pagination > li > a.active,
html body.skin-glass .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter.active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel.active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept.active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp.active,
html body.skin-glass .btn-both.product.active,
html body.skin-glass #reset.active,
html body.skin-glass #suspend.active,
html body.skin-glass #payment.active,
html body.skin-glass #submit-sale.active,
html body.skin-glass #print_order.active,
html body.skin-glass #print_bill.active,
html body.skin-glass .login-box-body button[type="submit"].active {
  /* Sits on the panel, so its own tint would stack on top of the panel's and
     read darker - fully clear means it shows exactly the panel's color. */
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, .12) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Press animation: the button eases from raised (0%) to fully sunk into the
   panel (100%) - and at 100% leaves no rim/mark behind. */
html body.skin-glass button,
html body.skin-glass input[type=button],
html body.skin-glass input[type=submit],
html body.skin-glass input[type=reset],
html body.skin-glass .btn,
html body.skin-glass a.btn,
html body.skin-glass label.btn,
html body.skin-glass .btn-app,
html body.skin-glass .btn-default,
html body.skin-glass .btn-primary,
html body.skin-glass .btn-success,
html body.skin-glass .btn-danger,
html body.skin-glass .btn-warning,
html body.skin-glass .btn-info,
html body.skin-glass .pagination > li > a,
html body.skin-glass .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-enter,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel,
html body.skin-glass .ui-keyboard .ui-keyboard-accept,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp,
html body.skin-glass .btn-both.product,
html body.skin-glass #reset,
html body.skin-glass #suspend,
html body.skin-glass #payment,
html body.skin-glass #submit-sale,
html body.skin-glass #print_order,
html body.skin-glass #print_bill,
html body.skin-glass .login-box-body button[type="submit"] {
  -webkit-transition: transform .22s ease-out, background-color .22s ease-out, border-color .22s ease-out, box-shadow .22s ease-out !important;
  transition: transform .22s ease-out, background-color .22s ease-out, border-color .22s ease-out, box-shadow .22s ease-out !important;
}

html body.skin-glass button:active,
html body.skin-glass input[type=button]:active,
html body.skin-glass input[type=submit]:active,
html body.skin-glass input[type=reset]:active,
html body.skin-glass .btn:active,
html body.skin-glass a.btn:active,
html body.skin-glass label.btn:active,
html body.skin-glass .btn-app:active,
html body.skin-glass .btn-default:active,
html body.skin-glass .btn-primary:active,
html body.skin-glass .btn-success:active,
html body.skin-glass .btn-danger:active,
html body.skin-glass .btn-warning:active,
html body.skin-glass .btn-info:active,
html body.skin-glass .pagination > li > a:active,
html body.skin-glass .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:active,
html body.skin-glass .btn-both.product:active,
html body.skin-glass #reset:active,
html body.skin-glass #suspend:active,
html body.skin-glass #payment:active,
html body.skin-glass #submit-sale:active,
html body.skin-glass #print_order:active,
html body.skin-glass #print_bill:active,
html body.skin-glass .login-box-body button[type="submit"]:active,
html body.skin-glass button.active,
html body.skin-glass input[type=button].active,
html body.skin-glass input[type=submit].active,
html body.skin-glass input[type=reset].active,
html body.skin-glass .btn.active,
html body.skin-glass a.btn.active,
html body.skin-glass label.btn.active,
html body.skin-glass .btn-app.active,
html body.skin-glass .btn-default.active,
html body.skin-glass .btn-primary.active,
html body.skin-glass .btn-success.active,
html body.skin-glass .btn-danger.active,
html body.skin-glass .btn-warning.active,
html body.skin-glass .btn-info.active,
html body.skin-glass .pagination > li > a.active,
html body.skin-glass .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter.active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel.active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept.active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp.active,
html body.skin-glass .btn-both.product.active,
html body.skin-glass #reset.active,
html body.skin-glass #suspend.active,
html body.skin-glass #payment.active,
html body.skin-glass #submit-sale.active,
html body.skin-glass #print_order.active,
html body.skin-glass #print_bill.active,
html body.skin-glass .login-box-body button[type="submit"].active {
  border-color: transparent !important;
  border-bottom-width: 4px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.skin-glass .login-box-body button[type="submit"]:active {
  border-color: transparent !important;
  border-bottom-width: 3px !important;
}

/* Thickness is a solid slab under the button (box-shadow, so no layout
   shift). Pressing sinks the button and the slab shrinks to nothing quickly,
   until the thickness is gone. */
html body.skin-glass button,
html body.skin-glass input[type=button],
html body.skin-glass input[type=submit],
html body.skin-glass input[type=reset],
html body.skin-glass .btn,
html body.skin-glass a.btn,
html body.skin-glass label.btn,
html body.skin-glass .btn-app,
html body.skin-glass .btn-default,
html body.skin-glass .btn-primary,
html body.skin-glass .btn-success,
html body.skin-glass .btn-danger,
html body.skin-glass .btn-warning,
html body.skin-glass .btn-info,
html body.skin-glass .pagination > li > a,
html body.skin-glass .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-enter,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel,
html body.skin-glass .ui-keyboard .ui-keyboard-accept,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp,
html body.skin-glass .btn-both.product,
html body.skin-glass #reset,
html body.skin-glass #suspend,
html body.skin-glass #payment,
html body.skin-glass #submit-sale,
html body.skin-glass #print_order,
html body.skin-glass #print_bill,
html body.skin-glass .login-box-body button[type="submit"],
html body.skin-glass button:hover,
html body.skin-glass input[type=button]:hover,
html body.skin-glass input[type=submit]:hover,
html body.skin-glass input[type=reset]:hover,
html body.skin-glass .btn:hover,
html body.skin-glass a.btn:hover,
html body.skin-glass label.btn:hover,
html body.skin-glass .btn-app:hover,
html body.skin-glass .btn-default:hover,
html body.skin-glass .btn-primary:hover,
html body.skin-glass .btn-success:hover,
html body.skin-glass .btn-danger:hover,
html body.skin-glass .btn-warning:hover,
html body.skin-glass .btn-info:hover,
html body.skin-glass .pagination > li > a:hover,
html body.skin-glass .ui-keyboard-button:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-button:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:hover,
html body.skin-glass .btn-both.product:hover,
html body.skin-glass #reset:hover,
html body.skin-glass #suspend:hover,
html body.skin-glass #payment:hover,
html body.skin-glass #submit-sale:hover,
html body.skin-glass #print_order:hover,
html body.skin-glass #print_bill:hover,
html body.skin-glass .login-box-body button[type="submit"]:hover,
html body.skin-glass button:focus,
html body.skin-glass input[type=button]:focus,
html body.skin-glass input[type=submit]:focus,
html body.skin-glass input[type=reset]:focus,
html body.skin-glass .btn:focus,
html body.skin-glass a.btn:focus,
html body.skin-glass label.btn:focus,
html body.skin-glass .btn-app:focus,
html body.skin-glass .btn-default:focus,
html body.skin-glass .btn-primary:focus,
html body.skin-glass .btn-success:focus,
html body.skin-glass .btn-danger:focus,
html body.skin-glass .btn-warning:focus,
html body.skin-glass .btn-info:focus,
html body.skin-glass .pagination > li > a:focus,
html body.skin-glass .ui-keyboard-button:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-button:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:focus,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:focus,
html body.skin-glass .btn-both.product:focus,
html body.skin-glass #reset:focus,
html body.skin-glass #suspend:focus,
html body.skin-glass #payment:focus,
html body.skin-glass #submit-sale:focus,
html body.skin-glass #print_order:focus,
html body.skin-glass #print_bill:focus,
html body.skin-glass .login-box-body button[type="submit"]:focus {
  border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
  box-shadow: 0 4px 0 rgba(0, 0, 0, .6), 0 8px 14px rgba(0, 0, 0, .4) !important;
  -webkit-transition: transform .22s ease-out, background-color .22s ease-out, border-color .22s ease-out, box-shadow .22s ease-out !important;
  transition: transform .22s ease-out, background-color .22s ease-out, border-color .22s ease-out, box-shadow .22s ease-out !important;
}

html body.skin-glass .login-box-body button[type="submit"],
html body.skin-glass .login-box-body button[type="submit"]:hover,
html body.skin-glass .login-box-body button[type="submit"]:focus {
  border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .45), 0 8px 14px rgba(0, 0, 0, .3) !important;
}

html body.skin-glass button:active,
html body.skin-glass input[type=button]:active,
html body.skin-glass input[type=submit]:active,
html body.skin-glass input[type=reset]:active,
html body.skin-glass .btn:active,
html body.skin-glass a.btn:active,
html body.skin-glass label.btn:active,
html body.skin-glass .btn-app:active,
html body.skin-glass .btn-default:active,
html body.skin-glass .btn-primary:active,
html body.skin-glass .btn-success:active,
html body.skin-glass .btn-danger:active,
html body.skin-glass .btn-warning:active,
html body.skin-glass .btn-info:active,
html body.skin-glass .pagination > li > a:active,
html body.skin-glass .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter:active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept:active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:active,
html body.skin-glass .btn-both.product:active,
html body.skin-glass #reset:active,
html body.skin-glass #suspend:active,
html body.skin-glass #payment:active,
html body.skin-glass #submit-sale:active,
html body.skin-glass #print_order:active,
html body.skin-glass #print_bill:active,
html body.skin-glass .login-box-body button[type="submit"]:active,
html body.skin-glass button.active,
html body.skin-glass input[type=button].active,
html body.skin-glass input[type=submit].active,
html body.skin-glass input[type=reset].active,
html body.skin-glass .btn.active,
html body.skin-glass a.btn.active,
html body.skin-glass label.btn.active,
html body.skin-glass .btn-app.active,
html body.skin-glass .btn-default.active,
html body.skin-glass .btn-primary.active,
html body.skin-glass .btn-success.active,
html body.skin-glass .btn-danger.active,
html body.skin-glass .btn-warning.active,
html body.skin-glass .btn-info.active,
html body.skin-glass .pagination > li > a.active,
html body.skin-glass .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-button.active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter.active,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel.active,
html body.skin-glass .ui-keyboard .ui-keyboard-accept.active,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp.active,
html body.skin-glass .btn-both.product.active,
html body.skin-glass #reset.active,
html body.skin-glass #suspend.active,
html body.skin-glass #payment.active,
html body.skin-glass #submit-sale.active,
html body.skin-glass #print_order.active,
html body.skin-glass #print_bill.active,
html body.skin-glass .login-box-body button[type="submit"].active {
  border-bottom: 1px solid transparent !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-transform: translateY(4px) !important;
  transform: translateY(4px) !important;
}

/* Hover never changes the button: same tone, rim and thickness as at rest. */
html body.skin-glass button:hover:not(:active),
html body.skin-glass input[type=button]:hover:not(:active),
html body.skin-glass input[type=submit]:hover:not(:active),
html body.skin-glass input[type=reset]:hover:not(:active),
html body.skin-glass .btn:hover:not(:active),
html body.skin-glass a.btn:hover:not(:active),
html body.skin-glass label.btn:hover:not(:active),
html body.skin-glass .btn-app:hover:not(:active),
html body.skin-glass .btn-default:hover:not(:active),
html body.skin-glass .btn-primary:hover:not(:active),
html body.skin-glass .btn-success:hover:not(:active),
html body.skin-glass .btn-danger:hover:not(:active),
html body.skin-glass .btn-warning:hover:not(:active),
html body.skin-glass .btn-info:hover:not(:active),
html body.skin-glass .pagination > li > a:hover:not(:active),
html body.skin-glass .ui-keyboard-button:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-button:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-enter:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-accept:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:hover:not(:active),
html body.skin-glass .btn-both.product:hover:not(:active),
html body.skin-glass #reset:hover:not(:active),
html body.skin-glass #suspend:hover:not(:active),
html body.skin-glass #payment:hover:not(:active),
html body.skin-glass #submit-sale:hover:not(:active),
html body.skin-glass #print_order:hover:not(:active),
html body.skin-glass #print_bill:hover:not(:active) {
  background: rgba(0, 0, 0, .5) !important;
  background-color: rgba(0, 0, 0, .5) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  box-shadow: 0 4px 0 rgba(0, 0, 0, .6), 0 8px 14px rgba(0, 0, 0, .4) !important;
}

html body.skin-glass .login-box-body button[type="submit"]:hover:not(:active) {
  background: rgba(255, 255, 255, .1) !important;
  background-color: rgba(255, 255, 255, .1) !important;
  border-color: rgba(255, 255, 255, .3) !important;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .45), 0 8px 14px rgba(0, 0, 0, .3) !important;
}

/* Checked box: keep the glass box, and draw the tick in bold blue instead of
   a white tick on a blue fill. */
html body.skin-glass .login-box-body .icheckbox_square-blue.checked {
  background: rgba(0, 0, 0, .35) !important;
  border-color: rgba(255, 255, 255, .4) !important;
}

html body.skin-glass .login-box-body .icheckbox_square-blue.checked::after {
  border-color: #2aa2ff !important;
  border-width: 0 3px 3px 0 !important;
  width: 6px;
  height: 11px;
}

/* Login page: labels/headings/buttons are UI, not content - not selectable.
   The username/password fields stay selectable for typing. */
.login-box,
.login-box-body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.login-box-body input,
.login-box-body textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.login-box-body img {
  -webkit-user-drag: none;
}

/* ===== The Login page look, applied site-wide ===== */

/* 1. Panels: the Login card's tone, rim and drop shadow. */
html body.skin-glass .box,
html body.skin-glass .modal-content {
  background: rgba(0, 0, 0, .20);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .2);
}

/* 2. Fields: dark glass, pressed-in (inset shadow), light text. */
html body.skin-glass .form-control,
html body.skin-glass input.text_filter,
html body.skin-glass input.datepicker,
html body.skin-glass input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not(.select2-search__field),
html body.skin-glass select,
html body.skin-glass textarea,
html body.skin-glass .select2-container--default .select2-selection--single,
html body.skin-glass .select2-container--default .select2-selection--multiple {
  background: rgba(0, 0, 0, .25) !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .25) !important;
  color: #f5f7fa !important;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
}

html body.skin-glass ::-webkit-input-placeholder { color: rgba(255, 255, 255, .6) !important; }
html body.skin-glass ::-moz-placeholder { color: rgba(255, 255, 255, .6) !important; opacity: 1; }

html body.skin-glass .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f5f7fa !important;
}

/* 3. Checkbox / radio: a dark glass box; checked adds a bold blue tick
   (checkbox) or a blue dot (radio). */
html body.skin-glass [class*="icheckbox_"],
html body.skin-glass [class*="iradio_"] {
  width: 22px;
  height: 22px;
  background: rgba(0, 0, 0, .2) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .25) !important;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  position: relative;
}

html body.skin-glass [class*="iradio_"] {
  border-radius: 50% !important;
}

html body.skin-glass [class*="icheckbox_"].checked,
html body.skin-glass [class*="iradio_"].checked {
  background: rgba(0, 0, 0, .35) !important;
}

html body.skin-glass [class*="icheckbox_"].checked::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 40%;
  width: 6px;
  height: 11px;
  border: solid #2aa2ff;
  border-width: 0 3px 3px 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

html body.skin-glass [class*="iradio_"].checked::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: #2aa2ff;
}

/* 4. Buttons: the Login button - a light frosted haze, neutral rim, dark
   thick slab underneath; only the text keeps its color. */
html body.skin-glass button,
html body.skin-glass input[type=button],
html body.skin-glass input[type=submit],
html body.skin-glass input[type=reset],
html body.skin-glass .btn,
html body.skin-glass a.btn,
html body.skin-glass label.btn,
html body.skin-glass .btn-app,
html body.skin-glass .btn-default,
html body.skin-glass .btn-primary,
html body.skin-glass .btn-success,
html body.skin-glass .btn-danger,
html body.skin-glass .btn-warning,
html body.skin-glass .btn-info,
html body.skin-glass .pagination > li > a,
html body.skin-glass .pagination > li > span,
html body.skin-glass .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-enter,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel,
html body.skin-glass .ui-keyboard .ui-keyboard-accept,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp,
html body.skin-glass .btn-both.product,
html body.skin-glass .input-group-addon,
html body.skin-glass #reset,
html body.skin-glass #suspend,
html body.skin-glass #payment,
html body.skin-glass #submit-sale,
html body.skin-glass #print_order,
html body.skin-glass #print_bill,
html body.skin-glass .login-box-body button[type="submit"],
html body.skin-glass button:hover:not(:active),
html body.skin-glass input[type=button]:hover:not(:active),
html body.skin-glass input[type=submit]:hover:not(:active),
html body.skin-glass input[type=reset]:hover:not(:active),
html body.skin-glass .btn:hover:not(:active),
html body.skin-glass a.btn:hover:not(:active),
html body.skin-glass label.btn:hover:not(:active),
html body.skin-glass .btn-app:hover:not(:active),
html body.skin-glass .btn-default:hover:not(:active),
html body.skin-glass .btn-primary:hover:not(:active),
html body.skin-glass .btn-success:hover:not(:active),
html body.skin-glass .btn-danger:hover:not(:active),
html body.skin-glass .btn-warning:hover:not(:active),
html body.skin-glass .btn-info:hover:not(:active),
html body.skin-glass .pagination > li > a:hover:not(:active),
html body.skin-glass .pagination > li > span:hover:not(:active),
html body.skin-glass .ui-keyboard-button:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-button:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-enter:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-accept:hover:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:hover:not(:active),
html body.skin-glass .btn-both.product:hover:not(:active),
html body.skin-glass .input-group-addon:hover:not(:active),
html body.skin-glass #reset:hover:not(:active),
html body.skin-glass #suspend:hover:not(:active),
html body.skin-glass #payment:hover:not(:active),
html body.skin-glass #submit-sale:hover:not(:active),
html body.skin-glass #print_order:hover:not(:active),
html body.skin-glass #print_bill:hover:not(:active),
html body.skin-glass .login-box-body button[type="submit"]:hover:not(:active),
html body.skin-glass button:focus:not(:active),
html body.skin-glass input[type=button]:focus:not(:active),
html body.skin-glass input[type=submit]:focus:not(:active),
html body.skin-glass input[type=reset]:focus:not(:active),
html body.skin-glass .btn:focus:not(:active),
html body.skin-glass a.btn:focus:not(:active),
html body.skin-glass label.btn:focus:not(:active),
html body.skin-glass .btn-app:focus:not(:active),
html body.skin-glass .btn-default:focus:not(:active),
html body.skin-glass .btn-primary:focus:not(:active),
html body.skin-glass .btn-success:focus:not(:active),
html body.skin-glass .btn-danger:focus:not(:active),
html body.skin-glass .btn-warning:focus:not(:active),
html body.skin-glass .btn-info:focus:not(:active),
html body.skin-glass .pagination > li > a:focus:not(:active),
html body.skin-glass .pagination > li > span:focus:not(:active),
html body.skin-glass .ui-keyboard-button:focus:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-button:focus:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-enter:focus:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-cancel:focus:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-accept:focus:not(:active),
html body.skin-glass .ui-keyboard .ui-keyboard-bksp:focus:not(:active),
html body.skin-glass .btn-both.product:focus:not(:active),
html body.skin-glass .input-group-addon:focus:not(:active),
html body.skin-glass #reset:focus:not(:active),
html body.skin-glass #suspend:focus:not(:active),
html body.skin-glass #payment:focus:not(:active),
html body.skin-glass #submit-sale:focus:not(:active),
html body.skin-glass #print_order:focus:not(:active),
html body.skin-glass #print_bill:focus:not(:active),
html body.skin-glass .login-box-body button[type="submit"]:focus:not(:active) {
  background: rgba(255, 255, 255, .1) !important;
  background-color: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .45), 0 8px 14px rgba(0, 0, 0, .3) !important;
  -webkit-backdrop-filter: blur(60px) saturate(180%) !important;
  backdrop-filter: blur(60px) saturate(180%) !important;
}

/* Plain (non-iCheck) checkboxes and radios get the same dark glass box with
   a bold blue tick / blue dot. iCheck hides its own inputs (opacity 0), so
   restyling them here is invisible. */
html body.skin-glass input[type=checkbox],
html body.skin-glass input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin: 0;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, .2);
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .25);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

html body.skin-glass input[type=radio] {
  border-radius: 50%;
}

html body.skin-glass input[type=checkbox]:checked {
  background-color: rgba(0, 0, 0, .35);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%232aa2ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: 14px 14px;
}

html body.skin-glass input[type=radio]:checked {
  background-color: rgba(0, 0, 0, .35);
  background-image: radial-gradient(circle, #2aa2ff 0 35%, transparent 40%);
}

/* Close (X) buttons: red. */
html body.skin-glass .close,
html body.skin-glass .close > i,
html body.skin-glass .modal-header .close,
html body.skin-glass .alert .close,
html body.skin-glass .select2-selection__clear {
  color: #ff4b3a !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 800;
}

html body.skin-glass .close:hover,
html body.skin-glass .close:focus {
  color: #ff4b3a !important;
  opacity: 1 !important;
}

/* The X shows as just the red X - no button box, rim, slab or blur. */
html body.skin-glass button.close,
html body.skin-glass button.close:hover,
html body.skin-glass button.close:hover:not(:active),
html body.skin-glass button.close:focus,
html body.skin-glass button.close:focus:not(:active),
html body.skin-glass button.close:active,
html body.skin-glass button.close.active,
html body.skin-glass .close,
html body.skin-glass .close:hover,
html body.skin-glass .close:hover:not(:active),
html body.skin-glass .close:focus,
html body.skin-glass .close:focus:not(:active),
html body.skin-glass .close:active,
html body.skin-glass .close.active,
html body.skin-glass .modal-header .close,
html body.skin-glass .modal-header .close:hover,
html body.skin-glass .modal-header .close:hover:not(:active),
html body.skin-glass .modal-header .close:focus,
html body.skin-glass .modal-header .close:focus:not(:active),
html body.skin-glass .modal-header .close:active,
html body.skin-glass .modal-header .close.active,
html body.skin-glass .alert .close,
html body.skin-glass .alert .close:hover,
html body.skin-glass .alert .close:hover:not(:active),
html body.skin-glass .alert .close:focus,
html body.skin-glass .alert .close:focus:not(:active),
html body.skin-glass .alert .close:active,
html body.skin-glass .alert .close.active {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  outline: none !important;
  padding: 0 4px;
  line-height: 1;
}

/* Number spinner: the native grey up/down box is hidden; glass_spinner.js
   shows blue arrows at the field's right edge instead. */
html body.skin-glass input[type=number]::-webkit-inner-spin-button,
html body.skin-glass input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none;
}

html body.skin-glass input[type=number] {
  -moz-appearance: textfield;
  padding-right: 26px;
}

.glass-spin {
  position: fixed;
  z-index: 100000;
  width: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.glass-spin > span {
  flex: 1 1 50%;
  min-height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 6px;
}

.glass-spin-up {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M5 0L0 6h10z' fill='%232aa2ff'/></svg>");
}

.glass-spin-down {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M5 6L0 0h10z' fill='%232aa2ff'/></svg>");
}

/* Breadcrumb: the default grey text was unreadable on the dark glass. */
html body.skin-glass .breadcrumb,
html body.skin-glass .content-header > .breadcrumb,
html body.skin-glass .content-header > .breadcrumb > li,
html body.skin-glass .content-header > .breadcrumb > li > a,
html body.skin-glass .breadcrumb > li,
html body.skin-glass .breadcrumb > li > a,
html body.skin-glass .breadcrumb > li > a > i,
html body.skin-glass .breadcrumb > li + li:before {
  color: #e6ecf3 !important;
}

html body.skin-glass .breadcrumb > .active,
html body.skin-glass .content-header > .breadcrumb > li.active {
  color: #fff !important;
  font-weight: 600;
}

html body.skin-glass .breadcrumb > li > a:hover {
  color: #fff !important;
}

/* POS Payment modal totals table: was solid white cells with a green grid. */
html body.skin-glass.pos .modal-success .table-bordered > tbody > tr > td,
html body.skin-glass .modal-success .table-bordered > tbody > tr > td,
html body.skin-glass .modal-success .table > tbody > tr > td {
  background: rgba(0, 0, 0, .25) !important;
  background-color: rgba(0, 0, 0, .25) !important;
  color: #f5f7fa !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
}

html body.skin-glass.pos .modal-success .table-bordered > tbody > tr > td:nth-child(odd) {
  border-right-color: transparent !important;
}

/* Vertical button groups stack: the horizontal gap must not shift them
   sideways - space them vertically and keep every button on the same column. */
html body.skin-glass .btn-group-vertical > .btn,
html body.skin-glass .btn-group-vertical > .btn + .btn,
html body.skin-glass .btn-group-vertical > .btn + .btn-group,
html body.skin-glass .btn-group-vertical > .btn-group + .btn,
html body.skin-glass .btn-group-vertical > .btn-group + .btn-group,
html body.skin-glass .btn-group-vertical > .btn:not(:first-child) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body.skin-glass .btn-group-vertical > .btn + .btn,
html body.skin-glass .btn-group-vertical > .btn:not(:first-child) {
  margin-top: 6px !important;
}

/* <code>/<kbd>/<pre> snippets (e.g. the path in Settings > Background help
   text) were solid white chips. */
html body.skin-glass code,
html body.skin-glass kbd,
html body.skin-glass pre,
html body.skin-glass pre code {
  background: rgba(0, 0, 0, .35) !important;
  background-color: rgba(0, 0, 0, .35) !important;
  color: #ffbe55 !important;
  border: 1px solid rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  box-shadow: none;
}

html body.skin-glass pre {
  color: #f5f7fa !important;
}

html body.skin-glass pre code {
  border: 0;
  color: inherit !important;
}

/* Select / Select2 dropdown lists: clear blurred glass panel; the hovered and
   the selected option are a light, colorless glass. */
html body.skin-glass .select2-dropdown,
html body.skin-glass .select2-container--open .select2-dropdown {
  background: rgba(0, 0, 0, .15) !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
  backdrop-filter: blur(40px) saturate(180%) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .3) !important;
}

html body.skin-glass .select2-results,
html body.skin-glass .select2-results__options,
html body.skin-glass .select2-results__option {
  background: transparent !important;
  color: #f5f7fa !important;
}

html body.skin-glass .select2-container--default .select2-results__option--highlighted[aria-selected],
html body.skin-glass .select2-container--default .select2-results__option--highlighted {
  background: rgba(255, 255, 255, .15) !important;
  color: #fff !important;
}

html body.skin-glass .select2-container--default .select2-results__option[aria-selected=true] {
  background: rgba(255, 255, 255, .10) !important;
  color: #fff !important;
  font-weight: 700;
}

html body.skin-glass .select2-container--default .select2-results__option--highlighted[aria-selected=true] {
  background: rgba(255, 255, 255, .22) !important;
  color: #fff !important;
}

html body.skin-glass .select2-search--dropdown {
  background: transparent !important;
}

/* Sidebar: mark the page you are on. The active submenu item gets a light
   glass pill, a bright left bar, bold white text and a filled bullet; the
   other items stay dim. */
html body.skin-glass .sidebar-menu .treeview-menu > li > a {
  border-left: 3px solid transparent;
  color: #c7d0da !important;
}

html body.skin-glass .sidebar-menu .treeview-menu > li.active > a,
html body.skin-glass .sidebar-menu .treeview-menu > li.active > a:hover {
  background: rgba(255, 255, 255, .16) !important;
  border-left-color: #fff !important;
  color: #fff !important;
  font-weight: 700;
}

/* Active submenu item: the ring keeps its outline and gets a blue dot that
   pops in the middle. */
html body.skin-glass .sidebar-menu .treeview-menu > li > a > .fa {
  text-align: center;
}

html body.skin-glass .sidebar-menu .treeview-menu > li.active > a > .fa-circle-o {
  position: relative;
}

html body.skin-glass .sidebar-menu .treeview-menu > li.active > a > .fa-circle-o:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background: #2aa2ff;
  -webkit-animation: glass-dot-pop .35s cubic-bezier(.2, 1.6, .4, 1);
  animation: glass-dot-pop .35s cubic-bezier(.2, 1.6, .4, 1);
}

@-webkit-keyframes glass-dot-pop {
  from { -webkit-transform: scale(0); transform: scale(0); }
  to { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes glass-dot-pop {
  from { -webkit-transform: scale(0); transform: scale(0); }
  to { -webkit-transform: scale(1); transform: scale(1); }
}

html body.skin-glass .sidebar-menu > li.active > a {
  background: rgba(255, 255, 255, .12) !important;
  border-left-color: #fff !important;
  color: #fff !important;
}

/* White bar on the right edge of the active menu item too. */
html body.skin-glass .sidebar-menu .treeview-menu > li.active > a,
html body.skin-glass .sidebar-menu > li.active > a {
  border-right: 3px solid #fff !important;
}

/* Opposite sides: the active top-level menu keeps its bar on the LEFT, the
   active sub-item on the RIGHT. */
html body.skin-glass .sidebar-menu > li.active > a {
  border-left: 3px solid #fff !important;
  border-right: 3px solid transparent !important;
}

html body.skin-glass .sidebar-menu .treeview-menu > li.active > a,
html body.skin-glass .sidebar-menu .treeview-menu > li.active > a:hover {
  border-left: 3px solid transparent !important;
  border-right: 3px solid #fff !important;
}

/* Sub-menu rows run the full width of the sidebar (like the top-level items),
   so the active highlight and its edge bar reach both edges. The 5px left
   padding + 1px side margins the submenu had are moved into the link's own
   padding so the text stays where it was. */
html body.skin-glass .sidebar-menu > li > .treeview-menu {
  margin: 0 !important;
  padding-left: 0 !important;
}

html body.skin-glass .sidebar-menu .treeview-menu > li > a {
  padding-left: 20px !important;
}

/* Sidebar links: no long "all" transitions (borders/backgrounds slid in
   slowly and looked jerky when the active item changed) - just a quick
   background fade. */
html body.skin-glass .sidebar-menu li > a,
html body.skin-glass .sidebar-menu .treeview-menu > li > a {
  -webkit-transition: background-color .12s ease-out !important;
  transition: background-color .12s ease-out !important;
}

html body.skin-glass .sidebar-menu .treeview-menu {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.skin-red .main-header .navbar {
  background-color: #dd4b39;
}

.skin-red .main-header .navbar .nav>li>a {
  color: #fff;
}

.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav>li>a:hover {
  background: rgba(0,0,0,.1);
  color: #f6f6f6;
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0,0,0,.1);
  background-color: #d73925;
}

.skin-red .main-header .navbar .sidebar-toggle,.skin-red .user-panel>.info,.skin-red .user-panel>.info>a {
  color: #fff;
}

@media (max-width:767px) {
  .skin-red .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255,255,255,.1);
  }

  .skin-red .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-red .main-header .navbar .dropdown-menu li a:hover {
    background: #d73925;
  }
}

.skin-red .main-header .logo {
  background-color: #d73925;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-red .main-header .logo:hover {
  background-color: #d33724;
}

.skin-red .main-header li.user-header {
  background-color: #dd4b39;
}

.skin-red .content-header {
  background: 0 0;
}

.skin-red .left-side,.skin-red .main-sidebar,.skin-red .wrapper {
  background-color: #222d32;
}

.skin-red .sidebar-menu>li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-red .sidebar-menu>li>a {
  border-left: 3px solid transparent;
}

.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li:hover>a {
  color: #fff;
  background: #1e282c;
  border-left-color: #dd4b39;
}

.skin-red .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-red .sidebar a {
  color: #b8c7ce;
}

.skin-red .treeview-menu>li>a {
  color: #8aa4af;
}

.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover {
  color: #fff;
}

.skin-red .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px;
}

.skin-red .sidebar-form .btn,.skin-red .sidebar-form input[type=text] {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.skin-red .sidebar-form input[type=text] {
  color: #666;
  border-radius: 2px 0 0 2px!important;
}

.skin-red .sidebar-form input[type=text]:focus,.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-red .sidebar-form .btn {
  color: #999;
  border-radius: 0 2px 2px 0!important;
}

.skin-yellow .main-header .navbar {
  background-color: #f39c12;
}

.skin-yellow .main-header .navbar .nav>li>a {
  color: #fff;
}

.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav>li>a:hover {
  background: rgba(0,0,0,.1);
  color: #f6f6f6;
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0,0,0,.1);
  background-color: #e08e0b;
}

.skin-yellow .main-header .navbar .sidebar-toggle,.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a {
  color: #fff;
}

@media (max-width:767px) {
  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255,255,255,.1);
  }

  .skin-yellow .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
    background: #e08e0b;
  }
}

.skin-yellow .main-header .logo {
  background-color: #e08e0b;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-yellow .main-header .logo:hover {
  background-color: #db8b0b;
}

.skin-yellow .main-header li.user-header {
  background-color: #f39c12;
}

.skin-yellow .content-header {
  background: 0 0;
}

.skin-yellow .left-side,.skin-yellow .main-sidebar,.skin-yellow .wrapper {
  background-color: #222d32;
}

.skin-yellow .sidebar-menu>li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-yellow .sidebar-menu>li>a {
  border-left: 3px solid transparent;
}

.skin-yellow .sidebar-menu>li.active>a,.skin-yellow .sidebar-menu>li:hover>a {
  color: #fff;
  background: #1e282c;
  border-left-color: #f39c12;
}

.skin-yellow .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-yellow .sidebar a {
  color: #b8c7ce;
}

.skin-yellow .treeview-menu>li>a {
  color: #8aa4af;
}

.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover {
  color: #fff;
}

.skin-yellow .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px;
}

.skin-yellow .sidebar-form .btn,.skin-yellow .sidebar-form input[type=text] {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.skin-yellow .sidebar-form input[type=text] {
  color: #666;
  border-radius: 2px 0 0 2px!important;
}

.skin-yellow .sidebar-form input[type=text]:focus,.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-yellow .sidebar-form .btn {
  color: #999;
  border-radius: 0 2px 2px 0!important;
}

.skin-purple .main-header .navbar {
  background-color: #605ca8;
}

.skin-purple .main-header .navbar .nav>li>a {
  color: #fff;
}

.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav>li>a:hover {
  background: rgba(0,0,0,.1);
  color: #f6f6f6;
}

.skin-purple .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0,0,0,.1);
  background-color: #555299;
}

.skin-purple .main-header .navbar .sidebar-toggle,.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a {
  color: #fff;
}

@media (max-width:767px) {
  .skin-purple .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255,255,255,.1);
  }

  .skin-purple .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-purple .main-header .navbar .dropdown-menu li a:hover {
    background: #555299;
  }
}

.skin-purple .main-header .logo {
  background-color: #555299;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-purple .main-header .logo:hover {
  background-color: #545096;
}

.skin-purple .main-header li.user-header {
  background-color: #605ca8;
}

.skin-purple .content-header {
  background: 0 0;
}

.skin-purple .left-side,.skin-purple .main-sidebar,.skin-purple .wrapper {
  background-color: #222d32;
}

.skin-purple .sidebar-menu>li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-purple .sidebar-menu>li>a {
  border-left: 3px solid transparent;
}

.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li:hover>a {
  color: #fff;
  background: #1e282c;
  border-left-color: #605ca8;
}

.skin-purple .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-purple .sidebar a {
  color: #b8c7ce;
}

.skin-purple .treeview-menu>li>a {
  color: #8aa4af;
}

.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover {
  color: #fff;
}

.skin-purple .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px;
}

.skin-purple .sidebar-form .btn,.skin-purple .sidebar-form input[type=text] {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.skin-purple .sidebar-form input[type=text] {
  color: #666;
  border-radius: 2px 0 0 2px!important;
}

.skin-purple .sidebar-form input[type=text]:focus,.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-purple .sidebar-form .btn {
  color: #999;
  border-radius: 0 2px 2px 0!important;
}

#search_table,.calendar .cl_right,.calendar .cl_wday,.pos .font16,.table-calendar .table td {
  font-weight: 700;
}

body {  
  font-family: 'Comfortaa','Battambang','Khmer OS Battambang', 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

body.pos {
  min-width: 1024px;
  overflow: visible;
}

.fv-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.fv-help-block {
  display: block;
}

.fv-form-bootstrap .help-block {
  margin-bottom: 0;
}

.fv-form-bootstrap .tooltip-inner {
  text-align: left;
}

#ajaxCall,.calendar .cl_wday,.table thead th {
  text-align: center;
}

.fv-form-bootstrap .fv-icon-no-label {
  top: 0;
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
  z-index: 100;
}

.form-inline.fv-form-bootstrap .form-group {
  vertical-align: top;
}

.content {
  padding-bottom: 0;
}

#ajaxCall {
  display: none;
  color: #000;
  background: #FFF;
  border-radius: 25px;
  top: 8%;
  right: 1%;
  position: fixed;
  width: 51px;
  height: 50px;
  z-index: 55555;
}

#ajaxCall i {
  font-size: 50px;
}

.treeview-menu .divider {
  border-top: 1px solid rgba(127,127,127,.1);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 4px 0 4px -5px!important;
  display: block;
}

.dataTables_processing {
  position: absolute;
  top: 15px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  text-align: center;
  color: #999;
  font-size: 0;
  padding: 2px 0;
  background: none;
  z-index: 1000;
  height: 20px;
}

.default {
  cursor: default;
}

.pointer {
  cursor: pointer;
}

.table td {
  vertical-align: middle!important;
}

.table-calendar td {
  vertical-align: top!important;
}

.has-success .select2-container .select2-selection {
  border-color: #00a65a!important;
}

.has-error .select2-container .select2-selection {
  border-color: #dd4b39!important;
}

.bootbox .modal-footer {
  padding-top: 5px;
  border-top: 0;
}

.select2-hidden-accessible {
  height: 0;
}

.table td:last-child .btn-group .btn.btn-danger:hover {
  border-radius: 0 3px 3px 0!important;
}

.calendar .table td,.calendar .table th {
  border: 1px solid #CCC!important;
}

.calendar .cl_equal {
  width: 14%;
}

.calendar .cl_left {
  width: 50%;
  float: left;
  text-align: left;
}

.calendar .cl_right {
  width: 50%;
  float: right;
  text-align: right;
}

.calendar .highlight {
  color: #08C;
  font-weight: 700;
}

@media (max-width:767px) {
  .calendar .cl_left,.calendar .cl_right {
    width: 100%;
    float: none;
  }
}

.pos {
  min-width: 1020px!important;
}

.pos .alerts {
  width: 400px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1040;
}

.alerts .alert {
  margin-top: 10px;
}

.pos button.edit {
  white-space: normal;
  text-align: left!important;
}

.dropdown-menu .menu {
  position: relative;
  overflow: hidden;
  max-height: 300px!important;
}

.pos .btn-group {
  z-index: 1;
}

.pos .control-sidebar {
  position: fixed;
  max-height: 100%;
  overflow: auto;
}

.pos .control-sidebar .tab-content {
  z-index: 2080;
}

.ui-keyboard {
  z-index: 16001;
}

.pos .control-sidebar-menu .active {
  background: #1E282C;
  cursor: default;
}

.pos .content-wrapper .layout-table {
  position: absolute;
  min-width: 1020px!important;
}

.pos .leftdiv .layout-table td {
  padding: 15px!important;
}

.pos table td {
  vertical-align: top;
}

.pos #pos {
  padding: 15px;
}

.pos .contents {
  /* The 65px right padding was room for the category sidebar's toggle;
     that sidebar is gone (categories are a bar above the grid now). */
  padding: 15px 10px 15px 0;
  position: relative;
  min-height: 440px;
  overflow: hidden;
}

.pos #list-table-div {
  min-height: 160px;
}

.pos .contents .product-nav {
  position: absolute;
  bottom: 0;
  padding-right: 65px;
}

.pos .contents #item-list .btn {
  width: 120px;
  text-align: center;
}

.pos .contents #item-list .items {
  height: 100%;
  position: relative;
  /* Native scrolling (smooth wheel, touch drag) instead of slimScroll's
     fixed-step jumps. */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* Keep a lane for the scrollbar so the tiles never run under it. */
  scrollbar-gutter: stable;
  padding-right: 6px;
}
.pos .contents #item-list .product.product-enter {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .3s ease-out, transform .3s ease-out;
}
.pos .contents #item-list .product.product-enter.product-in {
  opacity: 1;
  transform: none;
}

.pos .contents #item-list .btn-name {
  width: 116px;
  height: 60px;
  line-height: 16px;
  white-space: pre-wrap;
  margin: 2px;
}

.pos .contents #item-list .btn-both,.pos .contents #item-list .btn-img {
  background: 0 0;
  padding: 3px;
}

.pos .contents #item-list .btn-both:hover,.pos .contents #item-list .btn-img:hover {
  background: #CCC;
}

.pos .contents #item-list .btn-both .bg-img {
  background: #FFF;
  height: 110px;
  padding: 5px;
}

.pos .contents #item-list .btn-both span {
  display: block;
  width: 110px;
  background: #E5E5E5;
  height: 40px;
  overflow: hidden;
  white-space: pre-wrap;
  margin-left: 1px;
}

.pos .contents #item-list .btn-both span span {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  white-space: pre-wrap;
  line-height: 16px;
  padding: 3px 2px;
}

.pos .print {
  display: none;
}

.pos .input-qty {
  padding: 0;
  height: auto;
}

.pos .quick-cash .badge {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 1px 3px;
}

.pos .font16 {
  font-size: 15px;
  margin-bottom: 10px;
}

.pos .modal-success .table-bordered>tbody>tr>td {
  background: #FFF;
  color: #333;
  border: 1px solid #00a65a;
}

.pos .modal-success .table-bordered>tbody>tr>td:nth-child(odd) {
  border-right-color: #FFF!important;
}

/* Mobile Styles */
@media only screen and (max-device-width: 480px) {
  table.layout-table td.pos-toggle {
    display: none;
  }
}

/* Tablet Styles */

/* Desktop Styles */
@media only screen and (min-width: 961px) {
  table.layout-table td.pos-toggle {
    width:460px;
  }
}

@media only screen and (max-width:998px) {
  .pos .navbar-header,.pos .navbar-nav>li {
    float: left;
  }

  .pos {
    min-width: 1020px;
  }

  .pos-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 990px;
  }

  .pos .container .navbar-collapse,.pos .container .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }

  .pos .navbar-collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
    border-top: 0;
  }

  .pos .navbar-toggle {
    display: none;
  }

  .pos .navbar-brand {
    margin-left: -15px;
  }

  .pos .navbar-nav {
    float: left;
    margin: 0;
  }

  .pos .navbar-nav>li>a {
    padding: 15px;
  }

  .pos .navbar-nav.navbar-right {
    float: right;
  }

  .pos .navbar .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
  }

  .pos .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #333;
  }

  .pos .navbar .navbar-nav .open .dropdown-menu>.active>a,.pos .navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.pos .navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.pos .navbar .navbar-nav .open .dropdown-menu>li>a:focus,.pos .navbar .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff!important;
    background-color: #428bca!important;
  }

  .pos .navbar .navbar-nav .open .dropdown-menu>.disabled>a,.pos .navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus,.pos .navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #999!important;
    background-color: transparent!important;
  }

  .pos .main-header {
    /*position: relative; */
  }

  .pos .main-header .logo,.pos .main-header .navbar {
   /* width: 100%;
    float: left;
    position: static!important;*/
  }

  .pos .main-header .navbar {
    margin: 0;
  }

  .pos .main-header .navbar-custom-menu {
    float: right;
    position: absolute;
    right: 0;
  }

  .pos .main-header .logo {
    /*width: 50px;*/
  }
  .nav>li>a{
	padding: 10px 12px;
  }

  .pos.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
   /* display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;*/
  }

  .pos.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
    /*display: none;*/
  }

  .pos.sidebar-mini.sidebar-collapse .main-header .navbar {
    /*margin-left: 50px;
    float: none;*/
  }

  .control-sidebar {
    padding-top: 50px;
    position: fixed;
  }
}

@media (max-width:960px) {
	body.pos{
		min-width: unset !important;
	}
	
	.pos .content-wrapper .layout-table {
     position: unset; 
     min-width: unset !important; 
}

.layout-table  tr{
	display: block;
}
table.layout-table td.pos-toggle {
     display: block; 
}

	.pos .contents {
			padding: unset;
		position: unset;
		min-height: auto;
		overflow: unset;
	}
	.contents{
		height: unset !important; 
	}
	.pos .contents #item-list .items{
		height: 100% !important; 
	}
	.pos #pos {
		padding: unset;
	}
	
	.pos .contents #item-list .btn {
    flex: 42%;
    border-radius: 16px;
    margin: 10px;
    border-radius: 2px;
    font-size: 1.4rem;
    background: #fff;
    display: block;
    overflow: hidden;
    padding: 0;
    border-radius: 16px;
    webkit-box-shadow: 0 4px 10px rgb(10 36 99 / 14%);
    box-shadow: 0 4px 10px rgb(10 36 99 / 14%);
    border-radius: 16px;
}

.pos .contents #item-list .btn-both span {
    display: block;
    background: #ffffff;
	width: 100%;
    height: unset;
    overflow: hidden;
    white-space: pre-wrap;
    margin-left: 0px;
	padding: 5px;
}
.pos .contents #item-list .btn-both span span{
	display: block;
    margin: 8px 0 0 0;
}

tr.info {
    display: flex;
    flex-direction: row;
}
tr.info td {
    flex: 25%;
}
#posTable tr{
	display: flex;
	flex-direction: row;
}

#posTable td:first-child {
    flex: 40%;
}
#posTable tr td:last-child {
    text-align: right;
}
#posTable td {
    flex: 15%;
}

#list-table-div{
height: 100%;
}
.font16 table tr td{
	width: 100%;
	text-align: left;
}
#payModal{
    padding: 5px;
	margin: 4px;
}

#searched-products{
display: flex;
flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
    background: white;
}
.pos .contents .product-nav{
	padding-right: unset;
	position: unset;
}

.pos .contents #item-list .btn-both .bg-img {
    background: #FFF;
    height: 150px;
	padding: 0;
}
.pos .contents #item-list .btn-both .bg-img img{
	width: 100% !important;
	height: 100% !important;
	    background: #2cbb95;
}

	#bydefault-products{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 5px;
		background: white;
	}
	
  .pos .main-header .navbar-custom-menu {
    /*float: left;
	right: unset;
    position: absolute;
    right: 0;*/
  }

  .pos.sidebar-mini.sidebar-collapse .main-header .navbar {
    /*margin-left: 50px;
    float: none;
	*/
  }
}

.ui-keyboard {
  padding: .6em .3em .3em;
  /* Structural/positioning rules only here - kept theme-neutral so the
     keyboard works the same on every skin. The "liquid glass" look
     (background/blur/border/shadow/sheen) lives in the .skin-glass
     overrides below instead, with a plain solid panel as the default for
     every other theme. Bottom corners are left square since the panel
     sits flush against the bottom of the viewport, where they'd never be
     visible anyway. */
  position: fixed!important;
  background: #f4f4f4;
  border-radius: 10px 10px 0 0;
  border: 1px solid #d2d6de;
  border-bottom: 0;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, .15);
  right: auto;
  left: 0;
  top: auto!important;
  bottom: 0!important;
  width: 100%;
  min-width: 0; /* keys shrink to fit instead (global_keyboard.js fitKeys) */
  height: auto;
  max-height: 90vh;
  overflow-y: auto;
  -webkit-transition: -webkit-transform .25s ease-out;
  -o-transition: -o-transform .25s ease-out;
  transition: transform .25s ease-out;
}

/* Numeric pad: a 5-column grid so every row ends on the same edge
   (← spans 2, Accept 3, Cancel 2) instead of rows of 4 and 5 loose keys. */
.ui-keyboard.ui-keyboard-pad .ui-keyboard-keyset {
  display: grid !important;
  grid-template-columns: repeat(5, 2em);
  gap: .3em;
}
.ui-keyboard.ui-keyboard-pad .ui-keyboard-keyset[style*="none"] {
  display: none !important;
}
.ui-keyboard.ui-keyboard-pad .ui-keyboard-keyset br {
  display: none;
}
.ui-keyboard.ui-keyboard-pad .ui-keyboard-button {
  width: auto !important;
  margin: 0 !important;
}
.ui-keyboard.ui-keyboard-pad .ui-keyboard-b,
.ui-keyboard.ui-keyboard-pad .ui-keyboard-cancel {
  grid-column: span 2;
}
.ui-keyboard.ui-keyboard-pad .ui-keyboard-accept {
  grid-column: span 3;
}

.skin-glass .ui-keyboard {
  /* "Liquid glass" panel - same recipe as the login card: heavy
     blur+saturation so whatever's behind the keyboard (product grid,
     login form, site Background) reads as color through the panel, an
     inset highlight along the top edge plus a soft outer shadow to lift
     it off the page, and a fading sheen overlay (::before) for the
     convex-glass highlight. */
  background: rgba(0, 0, 0, .20);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .4);
  border-bottom: 0;
  box-shadow:
    0 -8px 32px rgba(0, 0, 0, .2);
}

.skin-glass .ui-keyboard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.ui-keyboard-keyset {
  position: relative;
}

/* {meta3}/{meta4} do double duty: from the English layers they're the single
   "ខ្មែរ" entry point into Khmer, but inside Khmer they're reused as the
   shift-like toggle between its two character pages - meta3's own {meta4}
   buttons already read as the shift glyph "⇧" there, but meta4's {meta3}
   buttons carry the shared "ខ្មែរ" label instead of matching it. Overlaying
   the glyph in CSS (rather than rewriting the span's text in JS once at
   keyboard-open time) survives the plugin re-writing that span's content
   itself whenever this keyset is shown again after switching away from it. */
.ui-keyboard-keyset-meta4 .ui-keyboard-meta3 {
  position: relative;
}
.ui-keyboard-keyset-meta4 .ui-keyboard-meta3 span {
  visibility: hidden;
}
.ui-keyboard-keyset-meta4 .ui-keyboard-meta3::after {
  content: 'Shift';
  visibility: visible;
  position: absolute;
  /* top:50% centers against this button's padding box, but the real
     "Shift" text on the sibling {meta4} button centers against the
     border box one pixel taller - shift up 1px so the word lands on
     the exact same row instead of visibly hopping by 1px each toggle. */
  top: calc(50% - 1px);
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Khmer's own Shift toggle (meta3's {meta4} button, meta4's {meta3} button
   above) was still the plain 3em widekey width - matching English Shift's
   4.8em here so both bottom rows stagger the same amount and the Khmer
   keyboard's shape mirrors the English one exactly. Scoped to just these
   two buttons so the English layout's own {meta3} ("ខ្មែរ" entry button,
   in the default/shift keysets) is untouched. */
.ui-keyboard-keyset-meta3 .ui-keyboard-meta4,
.ui-keyboard-keyset-meta4 .ui-keyboard-meta3 {
  width: 4.8em;
}

/* "&lt;"/"&gt;" are 4-character strings before the browser decodes the
   entity, so the plugin's own text-length-based widekey detection (any
   value longer than 1 char gets 3em) fires on the source string and widens
   these like "Enter" or "Shift", even though they render as a single
   character. Reset them back to the normal key width. */
.ui-keyboard-keyset-shift [data-value="&lt;"],
.ui-keyboard-keyset-shift [data-value="&gt;"] {
  width: 2em;
}
/* Same length-based widekey mistake as &lt;/&gt; above, but for Khmer
   combining sequences (a base vowel plus a diacritic/second vowel sign) -
   each is 2 codepoints, so the plugin sees a "2-character" value and
   widens it, even though it's one visual key. */
.ui-keyboard-keyset-meta3 [data-value="ុំ"],
.ui-keyboard-keyset-meta4 [data-value="ាំ"],
.ui-keyboard-keyset-meta4 [data-value="ោះ"],
.ui-keyboard-keyset-meta4 [data-value="េះ"],
.ui-keyboard-keyset-meta4 [data-value="ុះ"] {
  width: 2em;
}

/* "ោះ" is a vowel sign meant to wrap a base consonant; typed alone, the
   font draws it against an invisible placeholder base that pads its
   advance box on the left, so text-align:center leaves the visible
   glyph sitting well right of center. Nudge the glyph itself left to
   compensate, rather than the text-centered box the browser sees. */
.ui-keyboard-keyset-meta4 [data-value="ោះ"] span {
  display: inline-block;
  transform: translateX(-4px);
}

.ui-keyboard div {
  font-size: 1.5em;
}

/* Scale the keyboard down in tiers as the screen narrows, instead of a
   single desktop-vs-phone cutoff - min-width:500px above would force it
   wider than the viewport itself on anything narrower (cut off / needing
   horizontal scroll), and the same key size that's comfortable on a tablet
   is oversized on a small phone. Must come after the base .ui-keyboard /
   .ui-keyboard div rules above - same selector specificity, so an earlier
   position here would lose the cascade to those unconditional rules at
   every width. */
@media (max-width: 1024px) {
  .ui-keyboard {
    min-width: 420px;
    height: 210px;
  }
  .ui-keyboard div {
    font-size: 1.3em;
  }
}
@media (max-width: 767px) {
  .ui-keyboard {
    min-width: 100%;
    height: 190px;
  }
  .ui-keyboard div {
    font-size: .90em;
  }
}
@media (max-width: 380px) {
  .ui-keyboard {
    height: 170px;
  }
  .ui-keyboard div {
    font-size: .75em;
  }
}

.ui-keyboard-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 2em;
  width: 2em;
  margin: .15em;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .5);
  background: rgba(255, 255, 255, .3);
  border-radius: 10px;
  color: #6b6b6b;
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .6);
}

.ui-keyboard-button:hover {
  background: rgba(255, 255, 255, .5);
}

.ui-keyboard-button span {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.ui-keyboard-widekey {
  width: 3em;
}

.ui-keyboard-keyset {
  /* Each row centers independently (buttons are inline-block, not floated) -
     fine when every row is the same length, but the new number row (10 keys)
     is shorter than the letter rows below it (15 keys), so centering left it
     visibly offset to the right of Tab instead of starting above it. Left-
     aligning keeps every row's first key flush against the same edge - and
     every row's *right* edge lines up too, by design (the Caps/Shift/Space
     widths above are tuned so each row ends at the same point). */
  text-align: left;
}

/* .ui-keyboard itself is full viewport width (position:fixed; width:100%),
   so with text-align:left above the keyset - and every key in it - sat
   flush against the screen's left edge, leaving a large empty gap on the
   right on any screen wider than the keyset's own content.

   First attempt here set display:table + margin:auto directly on
   .ui-keyboard-keyset, gated to an attribute selector matching the
   plugin's own inline style="display: block" (it toggles each keyset
   between that and "display: none" itself via jQuery .show()/.hide() to
   switch layouts). That's fragile - it depends on the inline style string
   matching this exact substring, which isn't guaranteed across every code
   path the plugin uses to show a keyset (animated reveals, a differently
   -formatted style string, etc.), so it centered in some quick manual
   checks but not reliably in real use.

   This instead only sets width/margin, never touches display at all, so
   there's nothing to fight with the plugin's own inline display toggling
   - a hidden (display:none) keyset having a width set is inert either
   way, and a shown (display:block) one respects width like any other
   block box. width:fit-content shrinks it to its content (the widest
   row) the same way display:table did, and margin:auto centers that
   inside the full-width bar - unconditionally, on every keyset, visible
   or not, so there's no selector to fail to match in the first place. */
.ui-keyboard-keyset {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
}

.ui-keyboard .ui-state-active {
  border-color: #357ebd;
  color: #357ebd;
}

/* ABC (the {default} action) gets .ui-state-active like any other button
   whenever English is the current layout, but it shouldn't read as
   "highlighted" just for being the current keyboard - unlike Shift/Caps,
   where the highlight actually signals something (temporary vs locked
   state). Reset it back to the normal idle look. */
.ui-keyboard .ui-keyboard-default.ui-state-active {
  background: #eee;
  border-color: #ccc;
  color: #1c94c4;
}

/* Same look as .ui-state-active above, for Khmer's meta3/meta4 "Shift"
   toggle specifically - it can't use the real class, since the plugin's
   own toggle logic reads that class off the button to decide its next
   state (see global_keyboard.js, syncKhmerShiftHighlight). */
.ui-keyboard .ui-keyboard-khmer-shift-active {
  border-color: #357ebd;
  color: #357ebd;
}

/* Widened so {accept} (return), which follows {space} in the bottom row,
   lands with its right edge under the row-above Shift's right edge - same
   staggering idea as .ui-keyboard-lock/.ui-keyboard-shift above. */
.ui-keyboard-space {
  width: 15.1em;
  text-indent: -999em;
}

.ui-keyboard .ui-keyboard-bksp {
  /* Was 4em (wider than every other widekey at 3em) - on a narrow
     viewport that extra width was enough to push {bksp} past the end of
     the number row, wrapping it onto its own line instead of sitting at
     the row's right edge like every other keyboard's Backspace key. */
  width: 3em;
  background-color: #f39c12;
  border-color: #e08e0b;
  color: #FFF;
}

.ui-keyboard .ui-keyboard-bksp:hover {
  background-color: #e08e0b;
}

/* Real keyboards make Caps Lock wider than Tab, which is what pushes the
   home row (and Enter, at its end) right of the row above just enough that
   Enter's own right edge lines up under \ - matching that here instead of
   just widening Enter itself keeps the letters realistically staggered
   the way they are on a physical keyboard. */
.ui-keyboard .ui-keyboard-lock {
  width: 3.8em;
}

.ui-keyboard .ui-keyboard-enter {
  background-color: #3c8dbc;
  border-color: #367fa9;
  color: #FFF;
  /* Was 6.2em (over double a normal widekey's 3em) - same row-wrapping
     problem as {bksp} above, just worse since this sits at the end of the
     home row, which is already one of the longer rows. */
  width: 3.5em;
}

.ui-keyboard .ui-keyboard-enter:hover {
  background-color: #367fa9;
}

/* Same reasoning as .ui-keyboard-lock above: on a real keyboard Shift is
   wider still than Caps, staggering the bottom row further right so its
   own trailing Shift key's right edge lines up under Enter. Both the left
   and right {s} keys share this class, so widening it pushes the whole
   row right (from the left one) and widens the right one to match. */
.ui-keyboard .ui-keyboard-shift {
  width: 4.8em;
}

.ui-keyboard .ui-keyboard-accept {
  width: 6.6em;
  background-color: #00a65a;
  border-color: #008d4c;
  padding-left: 2px;
  padding-right: 2px;
  color: #FFF;
}

.ui-keyboard .ui-keyboard-accept:hover {
  background-color: #008d4c;
}

.ui-keyboard .ui-keyboard-cancel {
  width: 4em;
  background-color: #dd4b39;
  border-color: #d73925;
  color: #FFF;
  padding-left: 2px;
  padding-right: 2px;
}

.ui-keyboard .ui-keyboard-cancel:hover {
  background-color: #d73925;
}

/* Tactile press feedback for every key - a quick shrink-and-release on
   actual press, layered on top of the existing hover shadow-flip (which
   only shows on devices with a real pointer, leaving touch with no press
   feedback at all otherwise). */
.ui-keyboard-button:active {
  transform: scale(0.94);
  transition: transform .08s ease-out;
}

/* POS's Clear/Hold/Payment/Print Order/Print Bill buttons, given the same
   "liquid glass" treatment as the login card and keyboard - a glassy
   border highlight, a soft lifting shadow with an inset top-left glow,
   and a fading sheen overlay (::before) - while keeping each button's
   own semantic color (red/orange/green/purple/navy) showing through
   underneath, the way tinted glass keeps its base color. These ids are
   reused across several conditional markup variants in cpos/index.php for
   different screen states, so styling by id here covers all of them from
   one place rather than editing each occurrence in the view. Scoped to
   .skin-glass so other themes keep these buttons as plain Bootstrap
   buttons instead of picking up the glass sheen/shadow unconditionally. */
.skin-glass #reset, .skin-glass #suspend, .skin-glass #payment, .skin-glass #submit-sale, .skin-glass #print_order, .skin-glass #print_bill {
  position: relative;
  overflow: hidden;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow:
    0 4px 12px rgba(0, 0, 0, .2);
  transition: filter .15s, transform .08s ease-out;
}
.skin-glass #reset::before, .skin-glass #suspend::before, .skin-glass #payment::before, .skin-glass #submit-sale::before, .skin-glass #print_order::before, .skin-glass #print_bill::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 55%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0));
  pointer-events: none;
}
.skin-glass #reset > *, .skin-glass #suspend > *, .skin-glass #payment > *, .skin-glass #submit-sale > *, .skin-glass #print_order > *, .skin-glass #print_bill > * {
  position: relative;
}
.skin-glass #reset:hover, .skin-glass #suspend:hover, .skin-glass #payment:hover, .skin-glass #submit-sale:hover, .skin-glass #print_order:hover, .skin-glass #print_bill:hover {
  filter: brightness(0.92);
}
.skin-glass #reset:active, .skin-glass #suspend:active, .skin-glass #payment:active, .skin-glass #submit-sale:active, .skin-glass #print_order:active, .skin-glass #print_bill:active {
  transform: scale(0.96);
}

/* Bootstrap's .btn-group-vertical overlaps stacked buttons by -1px (border
   collapse), which reads as a 0px gap next to the 5px gap the surrounding
   columns already have. Match that 5px on both axes so the 5 action
   buttons look evenly spaced from each other. */
#botbuttons .btn-group-vertical > .btn + .btn {
  margin-top: 5px;
}

/* Payment/Submit sits alone in its column next to a 2-button stack
   (Hold+Clear or Print Order+Print Bill), so its fixed 67px height leaves
   it flush on top but short at the bottom. Stretch it to the stack's full
   height instead, so the gap above and below is equal (0/0). */
#botbuttons .row {
  display: flex;
}
#botbuttons .row > .col-xs-4 {
  display: flex;
}
#payment, #submit-sale {
  height: auto !important;
}

.no-results {
  padding-left: 15px;
  color: #CCC;
}

.login-page-blue {
  background: #3c8dbc!important;
}

.login-page-green {
  background: #00a65a!important;
}

.login-page-red {
  background: #dd4b39!important;
}

.login-page-purple {
  background: #605ca8!important;
}

.login-page-yellow {
  background: #f39c12!important;
}

.login-page-black {
  background: #151515!important;
}

.barcode,.labels {
  position: relative;
}

@media (min-width:768px) {
  .pos .main-header .navbar-custom-menu {
    right: 40px;
  }
}

@media print {
  .break-after,.modal,.modal-body,.modal-content,.modal-dialog {
    position: relative;
  }

  .break-after,.labels {
    page-break-after: always;
  }

  .box {
    border: 0;
  }

  .row .col-md-12 {
    float: none;
  }

  .barcode .btn-group,.barcode .pagination {
    display: none;
  }

  .break-after {
    display: block;
  }

  .modal-body,.modal-content {
    box-shadow: none!important;
    border: none!important;
  }

  .break-before {
    display: block!important;
    page-break-before: always!important;
    position: relative!important;
  }

  .labels {
    text-align: center;
    font-size: 10pt;
    page-break-inside: avoid;
    padding: 1px;
  }

  .box-header,.close,.dataTables_filter,.dataTables_length,.dataTables_paginate,.main-footer,.modal-open .wrapper,.no-print,a:after {
    display: none;
  }
}

.card {
  width: 353px;
  height: 450px;
  border-radius: 10px;
  margin: 15px auto;
  color: #FFF;
}

.card .card_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 353px;
  height: 206px;
}

.card .back,.card .front {
  position: relative;
}

.card .back {
  margin-top: 230px;
}

.card .middle {
  display: table-cell;
  vertical-align: middle;
  width: 353px;
  height: 206px;
}

.card .card-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 55555;
  height: 206px;
  width: 100%;
  display: block;
  padding: 10px;
  text-align: center;
}

#category-sidebar-menu,.navbar .menu,.select_filter,.slimScrollDiv {
  height: auto!important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu li:hover {
  background: rgba(0,0,0,.1);
  margin-left: -5px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu li:hover a {
  margin-left: 5px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span.popup {
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu.popup {
  border-bottom-right-radius: 0;
  border-top-right-radius: 4px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu.popup {
  top: auto;
  bottom: 44px;
  display: flex;
  flex-direction: row-reverse;
}

.table-centered td,.table-centered th {
  text-align: center!important;
}

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

.fixed-table-container {
  position: relative;
}

.fixed-table-header {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%!important;
}

.dataTable tfoot,.text_filter {
  position: relative;
}

.no-results {
  display: block!important;
  cursor: default;
}

.control-sidebar-menu {
  margin: 0;
}

#filter-categories-con {
  padding: 0 15px;
}

.control-sidebar>.tab-content {
  padding-left: 0;
  padding-right: 0;
}

.dropdown-menu .footer a {
  border-top: 1px solid #f4f4f4;
}

.b0,.text_filter {
  border: 0!important;
}

.dt-fullsearch input.form-control {
  border: 1px solid #f4f4f4!important;
}

.p0 {
  padding: 0!important;
}

.pt0 {
  padding-top: 0!important;
}

.pr0 {
  padding-right: 0!important;
}

.pb0 {
  padding-bottom: 0!important;
}

.pl0 {
  padding-left: 0!important;
}

.mb0 {
  margin-bottom: 0!important;
}

.m5 {
  margin: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.ml5 {
  margin-left: 5px;
}

.m10 {
  margin: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.select_filter,.text_filter {
  padding: 0!important;
  margin: 0!important;
  width: 100%!important;
}

.dt-buttons {
  float: right;
}

.dataTable :focus {
  outline: 0!important;
}

.text_filter {
  box-shadow: none!important;
  border-radius: 0!important;
  color: #555;
  background: 0 0;
}

.select_filter {
  border: 0!important;
}

.dataTable .select2-container,.dataTable .select2-container--default .select2-selection--single,.dataTable .select2-container--default .select2-selection--single .select2-selection__rendered,.dataTable .select2-selection .select2-selection--single {
  color: #777;
  border-color: transparent;
  height: 20px;
  line-height: 20px;
  padding: 0;
  background: 0 0;
}

.dataTable .bootstrap-datetimepicker-widget.dropdown-menu.bottom {
  height: auto!important;
  overflow-y: scroll;
  top: auto!important;
  bottom: 0!important;
}

.dataTable .bootstrap-datetimepicker-widget.dropdown-menu:after,.dataTable .bootstrap-datetimepicker-widget.dropdown-menu:before {
  border: 0!important;
}

.dataTable {
  width: 100%!important;
}

.dataTable .select2-selection select2-selection--single {
  padding-top: 2px;
}

.dataTable .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #d2d6de;
}

.dataTable .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 20px;
  top: -3px;
  right: 0;
}

.modal-dialog {
  margin: 50px auto;
}

.animsition-overlay-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Site-wide background (Settings > General > Background): a fixed layer
   behind the page content, image slideshow or video. It's what the
   "Glass" skin's translucent panels are meant to blur/show over - on
   solid skins it just peeks through whatever gaps those skins leave. */
#app-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  background: #000;
}

#app-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.app-bg-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.app-bg-slide.active {
  opacity: 1;
}
/* Current page in a pagination: same box as its neighbours, only the number is blue */
html body.skin-glass .pagination > li.active > a,
html body.skin-glass .pagination > li.active > span,
html body.skin-glass .pagination > li.active > a:hover,
html body.skin-glass .pagination > li.active > a:focus,
html body.skin-glass .pagination > li.active > span:hover,
html body.skin-glass .pagination > li.active > span:focus {
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  box-shadow: rgba(0, 0, 0, .45) 0 3px 0 0, rgba(0, 0, 0, .3) 0 8px 14px 0 !important;
  -webkit-backdrop-filter: blur(60px) saturate(1.8) !important;
  backdrop-filter: blur(60px) saturate(1.8) !important;
  color: #3da5ff !important;
  font-weight: 700;
}

/* Row action buttons keep their exact size on hover (the base theme grew the
   padding 1px -> 2px and dropped the border, which made the whole row, and
   every row below it, jump by a pixel or two). */
html body.skin-glass .table td:last-child .btn-group .btn:hover,
html body.skin-glass .table td:last-child .btn-group .btn.btn-danger:hover {
  border-radius: 0 !important;
}

/* Row action buttons stay on a single line when the table gets narrow. */
.table td:last-child .btn-group {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  vertical-align: middle;
}
.table td:last-child .btn-group > .btn {
  float: none;
  flex: 0 0 auto;
}
.table td:last-child {
  white-space: nowrap;
}

/* Column filter row under tables: just the text, no field box. */
html body.skin-glass tfoot input.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body.skin-glass tfoot input.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter:focus {
  border-bottom: 1px solid rgba(255, 255, 255, .5) !important;
}

/* Filter row labels read like the header labels: bold, full white. */
html body.skin-glass tfoot input.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter {
  font-weight: 700 !important;
  color: #fff !important;
}
html body.skin-glass tfoot input.text_filter::-webkit-input-placeholder { color: #fff !important; opacity: 1 !important; font-weight: 700 !important; }
html body.skin-glass tfoot input.text_filter::-moz-placeholder { color: #fff !important; opacity: 1 !important; font-weight: 700 !important; }
html body.skin-glass tfoot input.text_filter::placeholder { color: #fff !important; opacity: 1 !important; font-weight: 700 !important; }

/* Products table: the "Image" heading is wider than its 30px column, so it
   spilled to the left. Give the column room so the label centres. */
#prTables thead th:first-child,
#prTables tfoot th:first-child {
  min-width: 64px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

/* Filter row labels are centred in their column. */
html body.skin-glass tfoot input.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter.text_filter {
  text-align: center !important;
}
html body.skin-glass tfoot input.text_filter::-webkit-input-placeholder { text-align: center !important; }
html body.skin-glass tfoot input.text_filter::placeholder { text-align: center !important; }

/* Select-column checkboxes (iCheck) sit on their own line, centred over the
   row number, so every row lines up the same way. */
table.dataTable tbody td > .icheckbox_square-blue,
table.dataTable thead th > .icheckbox_square-blue,
table.dataTable tfoot th > .icheckbox_square-blue {
  display: block;
  margin: 0 auto 2px;
}

table.dataTable thead th:has(> .icheckbox_square-blue) {
  padding-left: 22px;
  padding-right: 22px;
}

/* Liquid Glass (Sharp): the table kept the rounded theme's 18px outer border
   while its cells are square, giving a round frame around a square one. The
   whole table is square here. */
html body.skin-glass.skin-glass-sharp .table,
html body.skin-glass.skin-glass-sharp .table-bordered,
html body.skin-glass.skin-glass-sharp table.dataTable {
  border-radius: 0 !important;
}

/* Inline <code>/<kbd> show just the (coloured) text, no chip around it. */
html body.skin-glass code:not(pre code),
html body.skin-glass kbd {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Select2 hides the real <select> by shrinking it to 1px. The glass form-field
   rules gave it a full 100% width instead, so it stuck out to the right of the
   table (an extra ~1000px) and made every list page scroll sideways. */
html body.skin-glass select.select2-hidden-accessible {
  width: 1px !important;
  min-width: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  backdrop-filter: none !important;
}

/* The page-wide blur was a backdrop-filter on .wrapper. A backdrop-filter makes
   that element the containing block of every position:fixed descendant, so the
   "fixed" header and sidebar were laid out against the full page height and
   scrolled away with the content (the sidebar was 2,000+px tall). The same blur
   is now applied to the background layer itself, which changes nothing visually
   but lets the header and sidebar stay pinned while only the content scrolls. */
html body.skin-glass .wrapper {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body.skin-glass #app-bg {
  top: -40px;
  left: -40px;
  width: calc(100% + 80px);
  height: calc(100% + 80px);
  -webkit-filter: blur(23px);
  filter: blur(23px);
}

/* Product search (POS) autocomplete list: same clear blurred glass as the
   Select2 dropdowns instead of a solid white box. */
html body.skin-glass .ui-autocomplete,
html body.skin-glass .ui-autocomplete.ui-menu,
html body.skin-glass .ui-widget-content.ui-autocomplete {
  background: rgba(0, 0, 0, .15) !important;
  background-color: rgba(0, 0, 0, .15) !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  border-radius: 12px !important;
  -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
  backdrop-filter: blur(40px) saturate(180%) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .3) !important;
  color: #f5f7fa !important;
  color-scheme: dark;
  overflow-x: hidden;
}
html body.skin-glass .ui-autocomplete .ui-menu-item,
html body.skin-glass .ui-autocomplete .ui-menu-item a {
  background: transparent !important;
  border: 0 !important;
  color: #f5f7fa !important;
}
html body.skin-glass .ui-autocomplete .ui-state-focus,
html body.skin-glass .ui-autocomplete .ui-state-active,
html body.skin-glass .ui-autocomplete .ui-state-hover,
html body.skin-glass .ui-autocomplete .ui-menu-item .ui-state-active {
  background: rgba(255, 255, 255, .15) !important;
  border: 0 !important;
  color: #fff !important;
  margin: 0 !important;
}
html body.skin-glass.skin-glass-sharp .ui-autocomplete { border-radius: 0 !important; }

/* POS: the "+ customer", "+ delivery" and "edit loan" buttons beside the
   selectors are the same size (the pencil glyph is wider than the plus, which
   made its button 4px wider). */
#lefttop .input-group-addon {
  width: 40px !important;
  min-width: 40px !important;
  text-align: center;
}
#lefttop .input-group-addon > a > i {
  display: inline-block;
  width: 28px;
  text-align: center;
}

/* Liquid Glass: keep the dialog's slide/flip-in motion, but never fade the
   panel from transparent. The fade hid the blur until the animation ended, so
   the glass looked flat for a few frames; now it is fully blurred from the
   first frame while it still moves into place. */
html body.skin-glass .modal.fade,
html body.skin-glass .modal.fade.in,
html body.skin-glass .modal .modal-dialog {
  opacity: 1 !important;
}
html body.skin-glass .modal.fade {
  -webkit-transition: none !important;
  transition: none !important;
}

/* POS cart: the product name is a button that opens the item editor; show it as
   plain coloured text (no box, shadow or blur around it). */
html body.skin-glass #posTable button.edit,
html body.skin-glass #posTable button.edit:hover,
html body.skin-glass #posTable button.edit:focus,
html body.skin-glass #posTable button.edit:active,
html body.skin-glass #posTable button.edit:hover:not(:active) {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  padding: 1px 0 !important;
  text-align: left;
}
html body.skin-glass #posTable button.edit::before,
html body.skin-glass #posTable button.edit::after { display: none !important; }

/* DataTables adds its "Showing x to y of z entries" line and pagination only
   once the first data arrives, so the "Show 25 entries" row below them used to
   sit at the top and then get shoved down ~43px (looked like the two rows
   stacking/jumping on first display). The info + pagination row keeps its
   height from the start. */
.dataTables_wrapper .dt-top > .row:nth-child(2) {
  min-height: 43px;
}

/* Liquid Glass: the controls above a table (info, pagination, "Show 25
   entries", search) sit in one panel attached flush to the table's top edge,
   so controls + table read as a single block instead of two. */
html body.skin-glass .dataTables_wrapper .dt-top {
  background: rgba(0, 0, 0, .15);
  border: 1px solid rgba(255, 255, 255, .22);
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  padding: 8px 10px 10px;
}
html body.skin-glass .dataTables_wrapper .dt-top .dt-fullsearch,
html body.skin-glass .dataTables_wrapper .dt-top .dataTables_filter,
html body.skin-glass .dataTables_wrapper .dt-top .dataTables_filter label {
  margin-bottom: 0 !important;
}
html body.skin-glass .dataTables_wrapper .dt-top + .row table.dataTable,
html body.skin-glass .dataTables_wrapper .dt-top ~ table.dataTable {
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html body.skin-glass .dataTables_wrapper .dt-top + .row table.dataTable thead tr:first-child > *,
html body.skin-glass .dataTables_wrapper .dt-top ~ table.dataTable thead tr:first-child > * {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html body.skin-glass.skin-glass-sharp .dataTables_wrapper .dt-top {
  border-radius: 0;
}
/* Click-to-select table rows (Sales list): selected rows in light blue. */
table.dataTable.selectable-rows tbody tr[id] {
  cursor: pointer;
}
/* Lists with row selection delete through "Delete Selected", so each row's
   own delete button is hidden - it stays in the page, since that is the
   link "Delete Selected" uses for the row. */
table.dataTable.selectable-rows tbody a.row-delete-link {
  display: none !important;
}
/* Justified button groups (e.g. Users) wrap each button in its own cell;
   drop the delete button's empty cell too and let the rest sit centered at
   their normal size instead of stretched across a half-empty row. */
table.dataTable.selectable-rows tbody .btn-group-justified > .btn-group:has(> a.row-delete-link) {
  display: none !important;
}
table.dataTable.selectable-rows tbody .btn-group-justified {
  display: inline-flex;
  width: auto;
}
table.dataTable.selectable-rows tbody .btn-group-justified > .btn-group {
  display: inline-block;
  float: none;
  width: auto;
}
table.dataTable.selectable-rows tbody tr.row-selected > td {
  background-color: rgba(61, 165, 255, .22) !important;
}
table.dataTable.selectable-rows tbody tr.row-selected:hover > td {
  background-color: rgba(61, 165, 255, .30) !important;
}
table.dataTable thead .th-select-all {
  display: inline-block;
  margin-bottom: 3px;
  color: #3da5ff !important;
}
table.dataTable thead .th-select-all.active {
  text-decoration: underline;
}
/* Nothing to select yet (empty list): shown, but greyed out. */
table.dataTable thead .th-select-all-empty {
  opacity: .45;
  cursor: default;
}

/* The second "Type & hit enter" search in the table's footer row: same
   padded panel and bordered input as the search in .dt-top above, instead of
   a borderless input pressed against the table edges. */
html body.skin-glass table.dataTable tfoot td.p0 {
  padding: 10px !important;
  background: rgba(0, 0, 0, .15) !important;
}
html body.skin-glass table.dataTable tfoot td.p0 #search_table {
  font-weight: 400 !important;
  background: rgba(0, 0, 0, .25) !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  border-radius: 3px !important;
}

/* Liquid Glass: a DataTable stays hidden until its first draw (glass_tables.js
   adds .dt-ready), then shows all at once instead of building up in front of
   you. The animation is a safety net: if a table never draws, it is shown
   after 2s anyway. */
html body.skin-glass .dataTables_wrapper:not(.dt-ready) {
  visibility: hidden;
  -webkit-animation: glass-dt-show 0s linear 2s forwards;
  animation: glass-dt-show 0s linear 2s forwards;
}
html body.skin-glass .dataTables_wrapper.dt-ready { visibility: visible; }
@-webkit-keyframes glass-dt-show { to { visibility: visible; } }
@keyframes glass-dt-show { to { visibility: visible; } }

/* Panel scrollbars in Liquid Glass: styled like the slimScroll bars (POS
   cart/product grid) - clear track, 7px rounded black thumb at 40%, no arrow
   buttons. */
html body.skin-glass,
html body.skin-glass * {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .4) transparent;
}
html body.skin-glass ::-webkit-scrollbar,
html body.skin-glass::-webkit-scrollbar {
  width: 11px !important;
  height: 11px !important;
  background: transparent !important;
}
html body.skin-glass ::-webkit-scrollbar-track,
html body.skin-glass::-webkit-scrollbar-track,
html body.skin-glass ::-webkit-scrollbar-corner,
html body.skin-glass::-webkit-scrollbar-corner {
  background: transparent !important;
  -webkit-box-shadow: none !important;
}
html body.skin-glass ::-webkit-scrollbar-thumb,
html body.skin-glass::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .4) !important;
  border-radius: 7px !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
  -webkit-box-shadow: none !important;
}
html body.skin-glass ::-webkit-scrollbar-thumb:hover,
html body.skin-glass::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .55) !important; }
html body.skin-glass ::-webkit-scrollbar-button,
html body.skin-glass::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Keep glass pages scrollable without native or legacy moving scrollbar chrome. */
html.glass-root {
  overflow-y: auto !important;
  scrollbar-width: none;
}
html.glass-root::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
#page-scrollbar {
  display: none !important;
  pointer-events: none !important;
}

/* Column-filter row under a table (tfoot): a Select2 dropdown there (e.g. the
   Status filter) got the same solid glass field box as a real form select,
   while its sibling <input class="text_filter"> next to it was already made
   text-only. Match that: text + arrow only, no box, so the whole filter row
   reads consistently. */
html body.skin-glass tfoot .select2-container--default .select2-selection--single.select2-selection--single.select2-selection--single.select2-selection--single.select2-selection--single.select2-selection--single,
html body.skin-glass tfoot .select2-container--default .select2-selection--multiple.select2-selection--multiple.select2-selection--multiple.select2-selection--multiple.select2-selection--multiple.select2-selection--multiple {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body.skin-glass tfoot .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  font-weight: 700;
  padding-left: 0 !important;
}
html body.skin-glass tfoot .select2-selection__arrow {
  color: #fff !important;
}

/* Product image preview modal: the photo rendered at its own natural size
   (some product photos are tall collages), overflowing the dialog far past
   a reasonable viewing size. Shown instead in a fixed, square frame - the
   whole photo always fits inside it, letterboxed rather than cropped or
   stretched. */
#picModal .modal-dialog {
  width: 520px;
}
#picModal .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
#picModal #product_image {
  width: 480px;
  height: 480px;
  max-width: 100%;
  object-fit: contain;
  border-radius: 6px;
}

/* Products table: the "Image" column thumbnail rendered at its source photo's
   own aspect ratio (various rectangles), while the no-photo placeholder is a
   round icon - inconsistent row to row. Every thumbnail (real photo or
   placeholder) is shown the same way: a round avatar, cropped to fill it,
   centered in the column. */
#prTables td:first-child,
#fileData td:first-child {
  text-align: center;
}
#prTables td:first-child > div,
#fileData td:first-child > div {
  width: auto !important;
  margin: 0 auto !important;
}
/* Same round thumbnail on the Stock Alert (and other alert) lists. */
#prTables td:first-child img.img-responsive,
#fileData td:first-child img.img-responsive {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  display: inline-block;
}

/* POS cart summary (Total items / Discount / Tax / Total payable): no
   background at all, same as the cart table itself (#posTable) - instead of
   the blue info + green success tints Bootstrap's default row classes gave
   it, it now sits flush on the panel behind it, colorless like the cart
   rows and header above it. */
html body.skin-glass #totaltbl > tbody > tr.info > td,
html body.skin-glass #totaltbl > tbody > tr.success > td,
html body.skin-glass #totaltbl > tbody > tr > td {
  background: transparent !important;
  border-color: rgba(255, 255, 255, .15) !important;
}

/* POS payment quick-cash buttons: the little repeat-count badge ("x2", "x3"
   ...) was a solid white chip sitting on the button - just the number now,
   no box around it. */
html body.skin-glass .quick-cash .badge {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 !important;
  font-weight: 700;
}

/* Top-right user (admin) menu now opens #userInfoModal (see header.php) - a
   real modal instead of a plain Bootstrap dropdown, so it gets the same
   backdrop + glass panel every other modal (e.g. Add Customer) gets, for
   free, from the site's existing .modal-content / .modal-backdrop rules.
   No extra rules needed here. */

/* User info modal footer: Profile blue, Sign out red - readable at a glance
   instead of both links sharing the same plain glass-panel text color. */
#userInfoModal .modal-footer a[href*="/profile/"] {
  color: #3da5ff !important;
}
#userInfoModal .modal-footer a.sign_out,
#userInfoModal .modal-footer a[href*="logout"] {
  color: #dd4b39 !important;
}

/* A Cancel button styled like its neighbouring primary button, in red. */
.btn.btn-cancel,
.btn.btn-cancel:hover,
.btn.btn-cancel:focus {
  color: #dd4b39 !important;
}

/* Language modal: mark the language in use, in the same blue as Profile. */
#languageModal .list-group-item.active {
  color: #3da5ff !important;
  font-weight: 700;
}

/* POS category bar: one scrollable row of category buttons above the product
   grid (replaces the right-hand category sidebar that covered the grid). */
#category-bar {
  /* width 0 + min-width 100%: fill the column without letting the row's own
     (nowrap) length widen the table cell around it. */
  width: 0;
  min-width: 100%;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 8px 8px 11px;
  margin-bottom: 8px;
  scrollbar-width: thin;
  box-sizing: border-box;
  /* Its own panel, matching the cart panel (#leftdiv) on the left, instead
     of chips floating loose above the product grid. */
  background: rgba(0, 0, 0, .2);
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
}
html body.skin-glass-sharp #category-bar {
  border-radius: 3px;
}
#category-bar .cat-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border-radius: 17px;
  border: 1px solid rgba(255, 255, 255, .25);
  background: rgba(0, 0, 0, .25);
  color: #f5f7fa;
  font-weight: 600;
  text-decoration: none;
}
#category-bar .cat-chip img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}
/* No white flash when tapped/clicked: no hover tint (it sticks after a tap
   on touch screens) and no tap highlight - hover/focus only turn the text
   the site's light link blue. */
#category-bar .cat-chip {
  -webkit-tap-highlight-color: transparent;
}
#category-bar .cat-chip:hover,
#category-bar .cat-chip:focus,
#category-bar .cat-chip:active {
  background: rgba(0, 0, 0, .25);
  color: #72afd2;
  outline: none;
}
#category-bar .cat-chip.active:hover,
#category-bar .cat-chip.active:focus,
#category-bar .cat-chip.active:active {
  color: #3da5ff;
}
/* The selected category is shown by its blue text alone. */
#category-bar .cat-chip.active {
  color: #3da5ff;
}
/* Category buttons press like the other glass buttons: a raised bottom
   edge at rest that they sink into when clicked. */
#category-bar .cat-chip {
  box-shadow: 0 3px 0 rgba(0, 0, 0, .6), 0 5px 10px rgba(0, 0, 0, .3);
  transition: transform .15s ease-out, box-shadow .15s ease-out, background-color .15s ease-out;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
#category-bar .cat-chip:active {
  transform: translateY(3px);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 1px 3px rgba(0, 0, 0, .3);
}
html body.skin-glass-sharp #category-bar .cat-chip {
  border-radius: 0;
}

/* POS product grid: fill the full width - columns of at least 120px that
   stretch to share out the leftover space, instead of fixed 120px tiles with
   an empty strip down the right. */
@media (min-width: 768px) {
  .pos .contents #item-list #bydefault-products,
  .pos .contents #item-list #searched-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
  .pos .contents #item-list #bydefault-products > .btn,
  .pos .contents #item-list #searched-products > .btn {
    width: auto;
    margin: 0;
  }
  /* Picture and name grow with the tile: a square picture as wide as the
     tile, and the name as wide as the tile. */
  .pos .contents #item-list #bydefault-products > .btn-both .bg-img,
  .pos .contents #item-list #searched-products > .btn-both .bg-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
  }
  .pos .contents #item-list #bydefault-products > .btn-both .bg-img img,
  .pos .contents #item-list #searched-products > .btn-both .bg-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .pos .contents #item-list #bydefault-products > .btn-both > span:not(.bg-img),
  .pos .contents #item-list #bydefault-products > .btn-both > span:not(.bg-img) > span,
  .pos .contents #item-list #searched-products > .btn-both > span:not(.bg-img),
  .pos .contents #item-list #searched-products > .btn-both > span:not(.bg-img) > span {
    width: 100% !important;
    text-align: center;
  }
}

.pos .contents #item-list #searched-products:empty {
  display: none;
}

/* On-screen keyboard: ordinary key labels take the opposite colour of the
   background video/photo behind each key (--ink, set by global_keyboard.js),
   so they stay readable and change as the background does. The action keys
   keep their own colours: Enter blue, Cancel red, Return green, Backspace
   orange. */
html body.skin-glass .ui-keyboard .ui-keyboard-button:not(.ui-keyboard-enter):not(.ui-keyboard-cancel):not(.ui-keyboard-accept):not(.ui-keyboard-bksp) > span {
  color: var(--ink, #fff) !important;
  -webkit-text-fill-color: var(--ink, #fff) !important;
  text-shadow: none !important;
  transition: none !important;
}
html body.skin-glass .ui-keyboard .ui-keyboard-button.ui-keyboard-enter > span  { --key-color: #2aa2ff; }
html body.skin-glass .ui-keyboard .ui-keyboard-button.ui-keyboard-cancel > span { --key-color: #ff4b3a; }
html body.skin-glass .ui-keyboard .ui-keyboard-button.ui-keyboard-accept > span { --key-color: #1fe08a; }
html body.skin-glass .ui-keyboard .ui-keyboard-button.ui-keyboard-bksp > span   { --key-color: #ffab1a; font-weight: 900; -webkit-text-stroke: 1.5px var(--key-color); }
html body.skin-glass .ui-keyboard .ui-keyboard-button.ui-keyboard-enter > span,
html body.skin-glass .ui-keyboard .ui-keyboard-button.ui-keyboard-cancel > span,
html body.skin-glass .ui-keyboard .ui-keyboard-button.ui-keyboard-accept > span,
html body.skin-glass .ui-keyboard .ui-keyboard-button.ui-keyboard-bksp > span {
  color: var(--key-color) !important;
  -webkit-text-fill-color: var(--key-color) !important;
  mix-blend-mode: normal;
}

/* Flash messages (Success / Warning / Error / Info): just coloured text,
   no box. */
html body.skin-glass .alert.alert-success,
html body.skin-glass .alert.alert-warning,
html body.skin-glass .alert.alert-danger,
html body.skin-glass .alert.alert-info {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body.skin-glass .alert.alert-success { --flash-color: #1fe08a; }
html body.skin-glass .alert.alert-warning { --flash-color: #ffb020; }
html body.skin-glass .alert.alert-danger  { --flash-color: #ff5a5a; }
html body.skin-glass .alert.alert-info    { --flash-color: #4fc3ff; }
html body.skin-glass .alert.alert-success, html body.skin-glass .alert.alert-success *,
html body.skin-glass .alert.alert-warning, html body.skin-glass .alert.alert-warning *,
html body.skin-glass .alert.alert-danger, html body.skin-glass .alert.alert-danger *,
html body.skin-glass .alert.alert-info, html body.skin-glass .alert.alert-info * {
  color: var(--flash-color) !important;
  text-shadow: none !important;
}
html body.skin-glass .alert .close { opacity: 1; }

/* Login: show the background photo/video sharp; only the login box itself
   stays frosted. */
body.skin-glass.app-login #app-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: none;
  filter: none;
}

/* Login: live date and time under the Sign in button. */
.login-box-body .login-clock {
  clear: both;
  padding-top: 14px;
  color: var(--ink, #fff);
  font-weight: 600;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

/* Topbar (every page, POS too): keep the profile clear of the right edge. */
@media (min-width:768px) {
  html body .main-header .navbar-custom-menu {
    margin-right: 20px;
  }
}

/* POS product grid: same scrollbar as the page scrollbar on other pages -
   a 7px dark thumb 2px from the window's right edge - instead of the thin
   one tucked inside the panel. */
@media (min-width: 961px) {
  html body.skin-glass.pos .contents #item-list .items {
    scrollbar-width: auto;
    scrollbar-color: auto;
    /* Reach over the column's 10px right padding to the window edge. The
       tiles end 15px from the window edge (11px scrollbar + 4px), the same
       gap as between the cart and the tiles on the left. */
    margin-right: -10px;
    padding-right: 4px;
  }
}

/* POS: the category bar ends in line with the product tiles below it, 15px
   from the window edge (its column already has 10px right padding). */
@media (min-width: 961px) {
  html body.skin-glass.pos #category-bar {
    min-width: calc(100% - 5px);
  }
}

/* Links can't be dragged out (a press-and-drag on a category was picking up
   its link/URL instead of just being a tap). Pictures on their own still
   drag; a picture inside a link doesn't, since that would drag the link. */
a, a * {
  -webkit-user-drag: none;
}

/* POS cart header: each row is a single glass box with the icon in front
   of the value ("Walk In", "No Delivery", ...) and the + / edit button after
   the dropdown arrow, all inside it. */
html body.skin-glass #lefttop .form-group > div[style*="display:flex"] {
  height: 34px;
  background: rgba(0, 0, 0, .25);
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 3px;
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  backdrop-filter: blur(10px) saturate(180%);
  box-sizing: border-box;
}
html body.skin-glass-sharp #lefttop .form-group > div[style*="display:flex"] { border-radius: 0; }
html body.skin-glass #lefttop .pos-row-icon {
  width: 34px !important;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f5f7fa !important;
}
html body.skin-glass #lefttop .form-group .select2-selection,
html body.skin-glass #lefttop .form-group .input-group-addon {
  height: 32px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body.skin-glass #lefttop .form-group .select2-selection {
  padding-left: 0 !important;
}
html body.skin-glass #lefttop .input-group-addon {
  width: 34px;
  text-align: center;
}
html body.skin-glass #lefttop .input-group-addon a.disabled {
  opacity: .3;
  cursor: default;
}

/* Liquid Glass (Sharp) and every ordinary theme (Classic layout): square corners on everything
   (not the new rail shell, .skin-mc / .mp, whose corners follow the Shape setting) - boxes, fields,
   buttons, keys, menus, dialogs, scrollbars. Only things that are meant to
   be round keep their shape: round pictures (profile, category icons) and
   radio buttons. */
html body.skin-glass-sharp *:not(img):not(input[type=radio]):not([class*="iradio_"]):not(.fa-circle-o),
html body.skin-glass-sharp *::before,
html body.skin-glass-sharp *::after,
html body.skin-glass-sharp ::-webkit-scrollbar-thumb,
html body:not(.skin-glass):not(.skin-mc):not(.mp):not(.lay-rounded):not(.lay-clean):not(.lay-compact) *:not(img):not(input[type=radio]):not([class*="iradio_"]):not(.fa-circle-o),
html body:not(.skin-glass):not(.skin-mc):not(.mp):not(.lay-rounded):not(.lay-clean):not(.lay-compact) *::before,
html body:not(.skin-glass):not(.skin-mc):not(.mp):not(.lay-rounded):not(.lay-clean):not(.lay-compact) *::after,
html body:not(.skin-glass):not(.skin-mc):not(.mp):not(.lay-rounded):not(.lay-clean):not(.lay-compact) ::-webkit-scrollbar-thumb {
  border-radius: 0 !important;
}
html body:not(.skin-glass) [class*="iradio_"]::after,
html body.skin-glass-sharp [class*="iradio_"]::after {
  border-radius: 50% !important;
}
html body.skin-glass-sharp #page-scrollbar,
html body.skin-glass-sharp table.dataTable tfoot td.p0 #search_table,
html body.skin-glass-sharp #leftdiv,
html body.skin-glass-sharp #add_item,
html body.skin-glass-sharp #pos #leftdiv,
html body.skin-glass-sharp .pos #add_item {
  border-radius: 0 !important;
}

/* Dropdowns in a list's header bar (Category / Store on Products, ...):
   clear (no white tint), only blurred. While open the
   menu lives on <body> (glass_menu.js) so the blur reaches the table and
   background under it. */
html body.skin-glass .dropdown-menu.glass-portal-menu {
  display: block;
  position: fixed;
  right: auto;
  z-index: 2000;
  margin: 0;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
  backdrop-filter: blur(15px) saturate(180%) !important;
}
/* As wide as its button: min-width off, long names wrap. */
html body.skin-glass .dropdown-menu.glass-portal-menu {
  min-width: 0;
  box-sizing: border-box;
}
html body.skin-glass .dropdown-menu.glass-portal-menu > li > a {
  white-space: normal;
}

/* Dashboard chart tooltips: a dark glass box with white text instead of
   Highcharts' white box (the glass theme's white text vanished on it). */
.chart-tip {
  padding: 6px 8px;
  color: #fff;
  background: rgba(0, 0, 0, .55);
  border: 1px solid rgba(255, 255, 255, .3);
  -webkit-backdrop-filter: blur(15px) saturate(180%);
  backdrop-filter: blur(15px) saturate(180%);
  white-space: nowrap;
}
.chart-tip table { margin: 0; color: #fff; }
.chart-tip td { color: #fff !important; }

/* Dashboard: Month / Year switch on the Sales chart - the picked one in blue. */
.sales-chart-type .btn.active {
  color: #3da5ff !important;
}

/* Dashboard, Top products: donut centre total and the list under it. */
.top-chart-type .btn.active { color: #3da5ff !important; }
.top-total { text-align: center; color: #fff; line-height: 1.1; }
.top-total b { display: block; font-size: 26px; }
.top-total span { font-size: 12px; opacity: .75; }
#top-list { margin-top: 6px; }
#top-list .top-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 2px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  font-size: 13px;
}
#top-list .top-dot { width: 10px; height: 10px; border-radius: 50% !important; flex-shrink: 0; }
#top-list .top-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#top-list .top-qty { font-weight: 700; font-variant-numeric: tabular-nums; }
/* Top products donut: list beside the donut (on the right) on desktop and
   tablet, under it on mobile. Crossing between the two while resizing, the
   donut glides between full width and 40% and the list fades back in, rather
   than everything jumping. The bar view has no list, so it stays full width. */
.top-wrap:not(.is-bar) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 20px;
}
.top-wrap:not(.is-bar) #chart2 {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
  transition: flex-basis .35s ease, max-width .35s ease;
}
.top-wrap:not(.is-bar) #top-list {
  flex: 1 1 100%;
  min-width: 0;
  transition: opacity .35s ease;
}
.top-wrap.top-moving #top-list {
  opacity: 0;
  transition: none;
}
@media (min-width: 768px) {
  .top-wrap:not(.is-bar) #chart2 {
    flex-basis: calc(40% - 20px);
    max-width: 360px;
  }
  .top-wrap:not(.is-bar) #top-list {
    flex-basis: 0;
    margin-top: 0;
  }
}

/* Tablet / mobile (< 992px): AdminLTE gives the breadcrumb under the page
   title a light grey box - under Liquid Glass it stays clear like on desktop. */
html body.skin-glass .content-header > .breadcrumb {
  background: transparent !important;
}
html body.skin-glass .content-header > .breadcrumb > li > a {
  color: rgba(255, 255, 255, .75);
}

/* POS stacked (phones and narrow tablets, up to 960px - the cart takes the
   full width, products below): the product area and tiles stay glass like on
   desktop (the stacked theme rules painted the area white and tiles grey). */
@media (max-width: 960px) {
  /* Products column: full width under the cart, as tall as its products. */
  html body.pos table.layout-table > tbody > tr > td {
    display: block;
    width: 100% !important;
  }
  html body.pos #right-col {
    height: auto !important;
  }
  html body.skin-glass.pos #bydefault-products {
    background: transparent !important;
  }
  /* The page scrolls here, not the grid: a grid that is a scroll container
     with overscroll-behavior: contain swallowed touch scrolling, so dragging
     on the products didn't move the page. */
  html body.pos .contents #item-list .items {
    overflow: visible;
    overscroll-behavior: auto;
    height: auto;
    /* No scrollbar lane here - the page scrolls, not the grid. */
    scrollbar-gutter: auto;
    padding-right: 0;
  }
  /* Cart totals: the phone layout turned every row/cell of the page's layout
     tables into blocks/flex, which squeezed the totals into a narrow ragged
     column. Keep them a normal full-width table. */
  html body.pos #leftdiv #totaltbl { display: table !important; width: 100% !important; table-layout: auto; }
  html body.pos #leftdiv #totaltbl > tbody { display: table-row-group !important; }
  html body.pos #leftdiv #totaltbl > tbody > tr { display: table-row !important; }
  html body.pos #leftdiv #totaltbl > tbody > tr > td { display: table-cell !important; width: auto !important; }
  html body.skin-glass.pos .contents #item-list .btn-both,
  html body.skin-glass.pos .contents #item-list .btn {
    background: rgba(0, 0, 0, .15) !important;
  }
  html body.skin-glass.pos .contents #item-list .btn-both > span:not(.bg-img) {
    background: rgba(8, 12, 20, .55) !important;
    color: #fff !important;
  }
}

/* On-screen keyboard: rows never wrap - on narrow screens the keys are shrunk
   to fit instead (global_keyboard.js, fitKeys). */
html body .ui-keyboard .ui-keyboard-keyset {
  white-space: nowrap;
  margin: 0 auto;
  width: max-content;
}

/* POS side-by-side layout (961px and up): the page was held at a minimum of
   1020-1024px, so on windows a bit narrower (961-1070px) the product area ran
   off the right edge (tiles and keyboard cut off). Let the layout take the
   window width instead - the product grid just gets fewer columns. */
@media (min-width: 961px) {
  html body.pos,
  html body.pos .content-wrapper .layout-table {
    min-width: 0 !important;
  }
  html body.pos .content-wrapper .layout-table {
    width: 100%;
  }
}

/* POS topbar keyboard button: white while the keyboard is closed, blue while
   it is open. */
html body.skin-glass .main-header .navbar #show-keyboard-btn,
html body.skin-glass .main-header .navbar #show-keyboard-btn:hover,
html body.skin-glass .main-header .navbar #show-keyboard-btn:focus {
  color: #fff !important;
}
html body.skin-glass .main-header .navbar #show-keyboard-btn.kb-on,
html body.skin-glass .main-header .navbar #show-keyboard-btn.kb-on:hover,
html body.skin-glass .main-header .navbar #show-keyboard-btn.kb-on:focus {
  color: #3da5ff !important;
}

/* Products > Print labels dialog: quantity tools row and the list. */
.label-batch-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 10px; }
.label-batch-tools label { display: flex; align-items: center; gap: 6px; margin: 0; font-weight: normal; }
.label-batch-tools .lb-all { width: 80px; }
.label-batch .lb-table { margin-bottom: 6px; }
.label-batch .lb-table td { vertical-align: middle !important; }
.label-batch .lb-total { text-align: right; font-weight: 700; }

/* POS product grid on phones: equal cells - two (or more, as the width
   allows) same-size columns with the same 10px gap between tiles and at the
   edges, square pictures, instead of flex tiles with uneven margins (and a
   lone last tile stretched across the whole row). */
@media (max-width: 767px) {
  html body.pos .contents #item-list #bydefault-products,
  html body.pos .contents #item-list #searched-products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
    padding: 10px;
  }
  html body.pos .contents #item-list #bydefault-products > .btn,
  html body.pos .contents #item-list #searched-products > .btn {
    flex: none;
    width: auto !important;
    margin: 0 !important;
  }
  html body.pos .contents #item-list #bydefault-products > .btn-both .bg-img,
  html body.pos .contents #item-list #searched-products > .btn-both .bg-img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
  }
  html body.pos .contents #item-list #bydefault-products > .btn-both .bg-img img,
  html body.pos .contents #item-list #searched-products > .btn-both .bg-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}

/* List header: "Delete Selected" / "Print Labels" the same size as the
   Category / Store buttons beside them (they were the smaller btn-sm). */
.box-header .bulk-delete-btn.btn-sm,
.box-header .print-labels-btn.btn-sm {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
}
/* Narrow screens: those two show just their icon (name on hover). */
@media (max-width: 991px) {
  .box-header .bulk-delete-btn .btn-label,
  .box-header .print-labels-btn .btn-label {
    display: none;
  }
}

/* POS cart on tablets/phones: the rows are flex rows, and the trash column
   got whatever was left (about 20px, squeezed against the edge). Give it a
   fixed 36px, centred, and let the other columns share the rest. */
@media (max-width: 960px) {
  html body.pos #posTable tr > th,
  html body.pos #posTable tr > td {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0;
  }
  html body.pos #posTable tr > :first-child {
    flex: 1.8 1 0 !important;
  }
  html body.pos #posTable tr > :nth-last-child(2) {
    flex: 1.35 1 0 !important;
  }
  html body.pos #posTable tr > :last-child {
    flex: 0 0 36px !important;
    width: 36px !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Delivery list: Status and Delivery Fee as coloured text only (no badge
   box) - red / orange / green / blue by the badge's own colour. */
table.labels-as-text .label {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
}
table.labels-as-text .label-danger { color: #ff5a5a !important; }
table.labels-as-text .label-warning { color: #ffb020 !important; }
table.labels-as-text .label-success { color: #1fe08a !important; }
table.labels-as-text .label-info,
table.labels-as-text .label-primary { color: #4fc3ff !important; }
table.labels-as-text .label-default { color: #f5f7fa !important; }

/* List Sales: the delivery (truck) button in its delivery status's colour,
   matching List Delivery - packing red, delivering blue, delivered green. */
html body #SLData a.truck-packing,
html body #SLData a.truck-packing i { color: #ff5a5a !important; }
html body #SLData a.truck-delivering,
html body #SLData a.truck-delivering i { color: #4fc3ff !important; }
html body #SLData a.truck-delivered,
html body #SLData a.truck-delivered i { color: #1fe08a !important; }

/* Dashboard chart switches (Monthly / Yearly, Donut / Bar): both buttons in
   a pair look the same - same box, same size - and the chosen one only
   turns its text/icon blue (the active state was dropping its box). */
html body.skin-glass .sales-chart-type .btn,
html body.skin-glass .sales-chart-type .btn.active,
html body.skin-glass .top-chart-type .btn,
html body.skin-glass .top-chart-type .btn.active {
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .45) !important;
  -webkit-backdrop-filter: blur(60px) saturate(180%) !important;
  backdrop-filter: blur(60px) saturate(180%) !important;
  color: #f5f7fa !important;
}
html body.skin-glass .sales-chart-type .btn.active,
html body.skin-glass .top-chart-type .btn.active,
html body.skin-glass .top-chart-type .btn.active i {
  color: #3da5ff !important;
}
.sales-chart-type .btn {
  min-width: 72px;
}
.top-chart-type .btn {
  min-width: 28px;
}
/* ...and they stay put: no pressed-down shift for the chosen one or on click. */
html body.skin-glass .sales-chart-type .btn,
html body.skin-glass .sales-chart-type .btn.active,
html body.skin-glass .sales-chart-type .btn:active,
html body.skin-glass .top-chart-type .btn,
html body.skin-glass .top-chart-type .btn.active,
html body.skin-glass .top-chart-type .btn:active {
  transform: none !important;
  top: 0 !important;
}
/* The chart never paints outside its own box (over the list beside it). */
.top-wrap #chart2 { overflow: hidden; }
/* Switching Donut <-> Bar: jump straight to the new layout (the glide is
   only for resizing the window). */
.top-wrap.no-glide #chart2 { transition: none !important; }

/* Edit Store > Customer Display: font + size on one row, playlist thumbs. */
.promo-settings { border: 1px solid rgba(255, 255, 255, .2); padding: 10px 12px; margin-bottom: 15px; }
.promo-settings legend { width: auto; padding: 0 6px; margin: 0; border: 0; font-size: 15px; color: inherit; }
.promo-font-row { display: flex; gap: 8px; margin-top: 6px; }
.promo-font-row > :first-child { flex: 1 1 auto; min-width: 0; }
.promo-font-row input { width: 130px; flex: 0 0 130px; }
/* Font size box: same height and text size as the Font list beside it. */
html body .promo-font-row input.form-control { height: 34px !important; font-size: 14px !important; padding: 6px 12px; }
.promo-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.promo-item { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 120px; margin: 0; font-weight: normal; cursor: pointer; }
.promo-item img, .promo-item video { width: 120px; height: 80px; object-fit: cover; border: 1px solid rgba(255, 255, 255, .3); }

/* POS topbar: name of the store in use, after the language flag. */
.main-header .navbar .pos-store-name {
  float: left;
  max-width: 34vw;
  padding: 0 12px;
  line-height: 50px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Customer Display playlist tiles: Show tick + delete button; switched-off
   items are dimmed. */
.promo-item { display: flex; flex-direction: column; width: 120px; }
.promo-item-bar { display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100%; }
.promo-item-bar label { margin: 0; font-weight: normal; display: flex; align-items: center; gap: 4px; }
.promo-item.is-off img, .promo-item.is-off video { opacity: .35; filter: grayscale(1); }

/* Topbar: store in use + list to switch store (replaces the old deselect
   square and the sidebar "Stores" item). */
.main-header .topbar-stores > a { display: flex; align-items: center; gap: 6px; }
.main-header .topbar-stores .topbar-store-name { max-width: 28vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.main-header .topbar-stores .dropdown-menu > li.active > a { color: #3da5ff !important; background: transparent !important; }
/* Store switcher list: same clear, blurred glass as the Category list (it
   is moved to <body> while open - glass_menu.js). */
html body .dropdown-menu.glass-portal-menu > li > a { padding: 8px 14px; }
html body .dropdown-menu.glass-portal-menu > li.active > a { color: #3da5ff !important; background: transparent !important; }

/* ===== Ordinary themes (everything except Liquid Glass): the plain AdminLTE
   look - no glass panels, no blur, dark text on light boxes. ===== */
body:not(.skin-glass) .login-box-body .login-clock { color: #666; }
body:not(.skin-glass) .chart-tip {
  color: #333; background: #fff; border: 1px solid #ccc;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
body:not(.skin-glass) .chart-tip table,
body:not(.skin-glass) .chart-tip td { color: #333 !important; }
body:not(.skin-glass) .top-total { color: #333; }
body:not(.skin-glass) #category-bar {
  background: #fff; border: 1px solid #d2d6de; border-radius: 0;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
body:not(.skin-glass) #category-bar .cat-chip,
body:not(.skin-glass) #category-bar .cat-chip:hover,
body:not(.skin-glass) #category-bar .cat-chip:focus,
body:not(.skin-glass) #category-bar .cat-chip:active {
  background: #f4f4f4; border: 1px solid #ddd; color: #444;
  border-radius: 3px; box-shadow: none; transform: none;
}
body:not(.skin-glass) #category-bar .cat-chip:hover { background: #e7e7e7; }
body:not(.skin-glass) #category-bar .cat-chip.active,
body:not(.skin-glass) #category-bar .cat-chip.active:hover {
  background: #3c8dbc; border-color: #367fa9; color: #fff;
}
body:not(.skin-glass) #top-list .top-row { border-bottom-color: #f0f0f0; }

/* Ordinary themes: the accent colour follows the theme's name - buttons,
   box tops, pagination, the picked category / chart switch, the open
   keyboard button. (Success/danger/warning keep their own colours.) */
body.skin-blue { --accent: #3c8dbc; --accent-dark: #367fa9; }
body.skin-black { --accent: #222d32; --accent-dark: #1a2226; }
body.skin-green { --accent: #00a65a; --accent-dark: #008d4c; }
body.skin-purple { --accent: #605ca8; --accent-dark: #555299; }
body.skin-red { --accent: #dd4b39; --accent-dark: #d73925; }
body.skin-yellow { --accent: #f39c12; --accent-dark: #e08e0b; }
body:not(.skin-glass) .btn-primary,
body:not(.skin-glass) .btn-primary:focus,
body:not(.skin-glass) .btn-primary.focus {
  background-color: var(--accent, #3c8dbc); border-color: var(--accent-dark, #367fa9); color: #fff;
}
body:not(.skin-glass) .btn-primary:hover,
body:not(.skin-glass) .btn-primary:active,
body:not(.skin-glass) .btn-primary.active,
body:not(.skin-glass) .open > .dropdown-toggle.btn-primary {
  background-color: var(--accent-dark, #367fa9); border-color: var(--accent-dark, #367fa9); color: #fff;
}
body:not(.skin-glass) .box.box-primary { border-top-color: var(--accent, #3c8dbc); }
body:not(.skin-glass) .pagination > .active > a,
body:not(.skin-glass) .pagination > .active > a:hover,
body:not(.skin-glass) .pagination > .active > a:focus,
body:not(.skin-glass) .pagination > .active > span {
  background-color: var(--accent, #3c8dbc); border-color: var(--accent, #3c8dbc); color: #fff;
}
body:not(.skin-glass) .bg-light-blue,
body:not(.skin-glass) .label-primary { background-color: var(--accent, #3c8dbc) !important; }
body:not(.skin-glass) #category-bar .cat-chip.active,
body:not(.skin-glass) #category-bar .cat-chip.active:hover,
body:not(.skin-glass) #category-bar .cat-chip.active:focus {
  background: var(--accent, #3c8dbc); border-color: var(--accent-dark, #367fa9); color: #fff;
}
body:not(.skin-glass) .sales-chart-type .btn.active,
body:not(.skin-glass) .top-chart-type .btn.active { color: var(--accent, #3c8dbc) !important; }
body:not(.skin-glass) .main-header .topbar-stores .dropdown-menu > li.active > a { color: var(--accent, #3c8dbc) !important; }
/* Ordinary themes: the open keyboard button is shaded like an active
   topbar item, in the theme's own header colours. */
body:not(.skin-glass) .main-header .navbar #show-keyboard-btn.kb-on { background: rgba(0, 0, 0, .15); }
body:not(.skin-glass) .text-primary,
body:not(.skin-glass) #lefttop .input-group-addon a,
body:not(.skin-glass) #lefttop .input-group-addon a i { color: var(--accent, #3c8dbc) !important; }
/* Ordinary themes: status text in colours that read on white. */
body:not(.skin-glass) table.labels-as-text .label-danger { color: #dd4b39 !important; }
body:not(.skin-glass) table.labels-as-text .label-warning { color: #e08e0b !important; }
body:not(.skin-glass) table.labels-as-text .label-success { color: #00a65a !important; }
body:not(.skin-glass) table.labels-as-text .label-info,
body:not(.skin-glass) table.labels-as-text .label-primary { color: #00a7d0 !important; }
body:not(.skin-glass) table.labels-as-text .label-default { color: #444 !important; }
body:not(.skin-glass) #SLData a.truck-packing, body:not(.skin-glass) #SLData a.truck-packing i { color: #dd4b39 !important; }
body:not(.skin-glass) #SLData a.truck-delivering, body:not(.skin-glass) #SLData a.truck-delivering i { color: #00a7d0 !important; }
body:not(.skin-glass) #SLData a.truck-delivered, body:not(.skin-glass) #SLData a.truck-delivered i { color: #00a65a !important; }

/* POS: the product area is sized to the page area, not the whole window.
   (Under Liquid Glass the page area's blur already did this; without it the
   products ran off the right edge by the sidebar's width.) */
/* z-index auto: AdminLTE's z-index 800 would take effect once positioned
   and trap POS dialogs (profile / Sign Out, ...) under the dark backdrop. */
body.pos:not(.skin-glass) .content-wrapper { position: relative; z-index: auto; }

/* Ordinary themes, POS cart header: like Liquid Glass (Sharp) - each row is
   one box with the icon in front of "Walk In" / "No Delivery" and the +
   button after the dropdown arrow, all inside it. */
html body:not(.skin-glass) #lefttop .form-group > div[style*="display:flex"] {
  height: 34px;
  background: #fff;
  border: 1px solid #d2d6de;
  box-sizing: border-box;
}
html body:not(.skin-glass) #lefttop .pos-row-icon {
  width: 34px !important;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555 !important;
  background: transparent !important;
  border: 0 !important;
}
html body:not(.skin-glass) #lefttop .form-group .select2-selection,
html body:not(.skin-glass) #lefttop .form-group .input-group-addon {
  height: 32px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body:not(.skin-glass) #lefttop .form-group .select2-selection { padding-left: 0 !important; }
html body:not(.skin-glass) #lefttop .input-group-addon { width: 34px; text-align: center; }
html body:not(.skin-glass) #lefttop .input-group-addon a.disabled { opacity: .3; cursor: default; }

/* Ordinary themes: no focus ring (yellow/orange frame) around a button
   after clicking it - only when moving through the page with the keyboard. */
body:not(.skin-glass) .btn:focus:not(:focus-visible),
body:not(.skin-glass) .btn:active:focus:not(:focus-visible),
body:not(.skin-glass) .btn.active:focus:not(:focus-visible) {
  outline: none;
}

/* Black theme: a black topbar with white text (AdminLTE's own "black" skin
   has a white topbar, so the theme didn't read as black at all). */
.skin-black .main-header > .navbar,
.skin-black .main-header > .logo,
.skin-black .main-header > .logo:hover {
  background-color: #1a1a1a;
  color: #fff;
  border-right-color: #333;
}
.skin-black .main-header { box-shadow: none; }
.skin-black .main-header .navbar-brand,
.skin-black .main-header .navbar-toggle,
.skin-black .main-header > .navbar .nav > li > a,
.skin-black .main-header > .navbar .sidebar-toggle,
.skin-black .main-header .navbar .clock,
.skin-black .main-header .navbar .pos-store-name {
  color: #fff;
}
.skin-black .main-header > .navbar .nav .open > a,
.skin-black .main-header > .navbar .nav .open > a:focus,
.skin-black .main-header > .navbar .nav .open > a:hover,
.skin-black .main-header > .navbar .nav > li > a:active,
.skin-black .main-header > .navbar .nav > li > a:focus,
.skin-black .main-header > .navbar .nav > li > a:hover,
.skin-black .main-header > .navbar .sidebar-toggle:hover {
  background: #000;
  color: #ccc;
}
.skin-black .main-header > .navbar .navbar-nav > li > a,
.skin-black .main-header > .navbar > .sidebar-toggle,
.skin-black .main-header .navbar-brand,
.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header > .navbar .navbar-right > li > a {
  border-color: #333;
}

/* Ordinary themes: not glaring white - the page takes a light tint of the
   theme's colour and panels an off-white of it. */
body.skin-blue   { --page-bg: #d3dee8; --panel-bg: #e9eff4; --field-bg: #f6f9fb; }
body.skin-black  { --page-bg: #d4d7da; --panel-bg: #e8eaec; --field-bg: #f5f6f7; }
body.skin-green  { --page-bg: #d2e3d9; --panel-bg: #e8f1ec; --field-bg: #f5f9f7; }
body.skin-purple { --page-bg: #dad8e9; --panel-bg: #edecf5; --field-bg: #f7f6fa; }
body.skin-red    { --page-bg: #e8d6d3; --panel-bg: #f4eae8; --field-bg: #faf6f5; }
body.skin-yellow { --page-bg: #eae0ca; --panel-bg: #f5f0e4; --field-bg: #faf8f2; }
body:not(.skin-glass),
body:not(.skin-glass) .content-wrapper,
body:not(.skin-glass) .right-side {
  background-color: var(--page-bg, #ecf0f5);
}
body:not(.skin-glass) .box,
body:not(.skin-glass) .modal-content,
body:not(.skin-glass) .main-footer,
body:not(.skin-glass) .login-box-body,
body:not(.skin-glass) .nav-tabs-custom,
body:not(.skin-glass) .nav-tabs-custom > .tab-content,
body:not(.skin-glass) .dropdown-menu,
body:not(.skin-glass) .panel,
body:not(.skin-glass) .well,
body:not(.skin-glass) #leftdiv,
body:not(.skin-glass) #category-bar,
body:not(.skin-glass) .ui-keyboard {
  background-color: var(--panel-bg, #fff);
}
body:not(.skin-glass) .form-control,
body:not(.skin-glass) .select2-container--default .select2-selection--single,
body:not(.skin-glass) .select2-container--default .select2-selection--multiple,
body:not(.skin-glass) #lefttop .form-group > div[style*="display:flex"],
body:not(.skin-glass) .input-group-addon {
  background-color: var(--field-bg, #fff);
}
body:not(.skin-glass) .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .03); }
body:not(.skin-glass) .pos .contents #item-list .btn-both,
body:not(.skin-glass) .pos .contents #item-list .btn-both > span:not(.bg-img) {
  background-color: var(--panel-bg, #fff);
}
body:not(.skin-glass) .table > thead > tr > th,
body:not(.skin-glass) table.dataTable thead th,
body:not(.skin-glass) .table > tfoot > tr > th { background-color: rgba(0, 0, 0, .05); }
body:not(.skin-glass) .pagination > li:not(.active) > a,
body:not(.skin-glass) .pagination > li:not(.active) > span,
body:not(.skin-glass) .btn-default:not(:hover):not(.active) {
  background-color: var(--field-bg, #fff);
}

/* Ordinary themes, tables: a row under the mouse turns a little darker
   (never white), and the grid lines are light black. */
body:not(.skin-glass) .table-hover > tbody > tr:hover > td,
body:not(.skin-glass) .table-hover > tbody > tr:hover > th,
body:not(.skin-glass) table.dataTable.hover tbody tr:hover,
body:not(.skin-glass) table.dataTable.display tbody tr:hover,
body:not(.skin-glass) .table-hover > tbody > tr:hover {
  background-color: rgba(0, 0, 0, .1) !important;
}
/* Selected rows (Select All / click to select) in the theme's colour. */
body:not(.skin-glass) table.dataTable.selectable-rows tbody tr.row-selected > td {
  background-color: color-mix(in srgb, var(--accent, #3c8dbc) 28%, transparent) !important;
}
body:not(.skin-glass) table.dataTable.selectable-rows tbody tr.row-selected:hover > td {
  background-color: color-mix(in srgb, var(--accent, #3c8dbc) 40%, transparent) !important;
}
body:not(.skin-glass) .table-bordered,
body:not(.skin-glass) .table-bordered > thead > tr > th,
body:not(.skin-glass) .table-bordered > thead > tr > td,
body:not(.skin-glass) .table-bordered > tbody > tr > th,
body:not(.skin-glass) .table-bordered > tbody > tr > td,
body:not(.skin-glass) .table-bordered > tfoot > tr > th,
body:not(.skin-glass) .table-bordered > tfoot > tr > td,
body:not(.skin-glass) table.dataTable.table-bordered th,
body:not(.skin-glass) table.dataTable.table-bordered td {
  border-color: rgba(0, 0, 0, .3) !important;
}
body:not(.skin-glass) table.dataTable thead .th-select-all:not(.th-select-all-empty) { color: var(--accent, #3c8dbc) !important; }

/* Ordinary themes, buttons inside table rows: no coloured box - a plain
   button with just the icon in the button's colour (view/payments in the
   theme colour, edit orange, delete red, ...). */
body:not(.skin-glass) .table td .btn.btn-xs,
body:not(.skin-glass) .table td .btn.btn-xs:hover,
body:not(.skin-glass) .table td .btn.btn-xs:focus,
body:not(.skin-glass) .table td .btn.btn-xs:active {
  background: var(--field-bg, #fff) !important;
  border-color: rgba(0, 0, 0, .2) !important;
  box-shadow: none !important;
}
body:not(.skin-glass) .table td .btn.btn-xs:hover { background: rgba(0, 0, 0, .06) !important; }
body:not(.skin-glass) .table td .btn-primary.btn-xs,
body:not(.skin-glass) .table td .btn-primary.btn-xs i { color: var(--accent, #3c8dbc) !important; }
body:not(.skin-glass) .table td .btn-warning.btn-xs,
body:not(.skin-glass) .table td .btn-warning.btn-xs i { color: #e08e0b !important; }
body:not(.skin-glass) .table td .btn-danger.btn-xs,
body:not(.skin-glass) .table td .btn-danger.btn-xs i { color: #dd4b39 !important; }
body:not(.skin-glass) .table td .btn-success.btn-xs,
body:not(.skin-glass) .table td .btn-success.btn-xs i { color: #00a65a !important; }
body:not(.skin-glass) .table td .btn-info.btn-xs,
body:not(.skin-glass) .table td .btn-info.btn-xs i { color: #00a7d0 !important; }
body:not(.skin-glass) .table td .btn-default.btn-xs,
body:not(.skin-glass) .table td .btn-default.btn-xs i { color: #444 !important; }
/* A little bigger. */
body:not(.skin-glass) .table td .btn.btn-xs {
  padding: 3px 7px;
  font-size: 14px;
  line-height: 1.4;
}

/* Ordinary themes: a dropdown in a list's header bar (Category / Store on
   Products, ...) and the topbar store list are as wide as their button. */
body:not(.skin-glass) .box-header .dropdown > .dropdown-menu,
body:not(.skin-glass) .box-header .btn-group > .dropdown-menu,
body:not(.skin-glass) .main-header .topbar-stores > .dropdown-menu {
  min-width: 0;
  width: 100%;
  left: 0;
  right: auto;
  box-sizing: border-box;
}
body:not(.skin-glass) .box-header .dropdown > .dropdown-menu > li > a,
body:not(.skin-glass) .box-header .btn-group > .dropdown-menu > li > a,
body:not(.skin-glass) .main-header .topbar-stores > .dropdown-menu > li > a {
  white-space: normal;
}
body:not(.skin-glass) .box-header .dropdown > .dropdown-menu,
body:not(.skin-glass) .box-header .btn-group > .dropdown-menu,
body:not(.skin-glass) .main-header .topbar-stores > .dropdown-menu {
  border-color: rgba(0, 0, 0, .2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
}

/* Sale status filter (List Sales): each choice in its status colour -
   Paid green, Paid Loan blue, Partial orange, Due red - in the open list
   and once picked. */
.select2-results__option[id$="-paid"], .status-filter-rendered.st-paid { color: #1fe08a; }
.select2-results__option[id$="-loan_paid"], .status-filter-rendered.st-loan_paid { color: #4fc3ff; }
.select2-results__option[id$="-partial"], .status-filter-rendered.st-partial { color: #ffb020; }
.select2-results__option[id$="-due"], .status-filter-rendered.st-due { color: #ff5a5a; }
body:not(.skin-glass) .select2-results__option[id$="-paid"], body:not(.skin-glass) .status-filter-rendered.st-paid { color: #00a65a; }
body:not(.skin-glass) .select2-results__option[id$="-loan_paid"], body:not(.skin-glass) .status-filter-rendered.st-loan_paid { color: #00a7d0; }
body:not(.skin-glass) .select2-results__option[id$="-partial"], body:not(.skin-glass) .status-filter-rendered.st-partial { color: #e08e0b; }
body:not(.skin-glass) .select2-results__option[id$="-due"], body:not(.skin-glass) .status-filter-rendered.st-due { color: #dd4b39; }
.select2-results__option[id$="-paid"], .select2-results__option[id$="-loan_paid"],
.select2-results__option[id$="-partial"], .select2-results__option[id$="-due"] { font-weight: 700; }
.select2-results__option--highlighted[id$="-paid"], .select2-results__option--highlighted[id$="-loan_paid"],
.select2-results__option--highlighted[id$="-partial"], .select2-results__option--highlighted[id$="-due"] { color: #fff !important; }

/* Ordinary themes: dropdown lists (select2) - the option under the mouse /
   keyboard in a tint of the theme's colour (a status keeps its own text
   colour), the chosen one in a lighter tint of it. */
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected],
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected="true"] {
  background-color: color-mix(in srgb, var(--accent, #3c8dbc) 30%, transparent) !important;
  color: #333 !important;
}
body:not(.skin-glass) .select2-container--default .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
  background-color: color-mix(in srgb, var(--accent, #3c8dbc) 12%, transparent) !important;
}
body:not(.skin-glass) .select2-container--default.select2-container--focus .select2-selection--single,
body:not(.skin-glass) .select2-container--default.select2-container--open .select2-selection--single,
body:not(.skin-glass) .select2-container--default .select2-search--dropdown .select2-search__field:focus,
body:not(.skin-glass) .form-control:focus {
  border-color: var(--accent, #3c8dbc) !important;
}
body:not(.skin-glass) .select2-dropdown { border-color: var(--accent, #3c8dbc) !important; }
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-paid"] { color: #00a65a !important; }
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-loan_paid"] { color: #00a7d0 !important; }
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-partial"] { color: #e08e0b !important; }
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-due"] { color: #dd4b39 !important; }

/* Ordinary themes: a dropdown filter under a table column (Status "All",
   ...) shows just its text and arrow, centred together in the cell. */
body:not(.skin-glass) table.dataTable tfoot .select2-container { display: block; width: 100% !important; }
body:not(.skin-glass) table.dataTable tfoot .select2-container .select2-selection--single {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
body:not(.skin-glass) table.dataTable tfoot .select2-container .select2-selection__rendered {
  padding: 0 !important;
  flex: 0 1 auto;
  text-align: center;
}
body:not(.skin-glass) table.dataTable tfoot .select2-container .select2-selection__arrow {
  position: static !important;
  flex: 0 0 auto;
  width: 16px;
  height: auto;
  margin-left: 4px;
}
body:not(.skin-glass) table.dataTable tfoot .select2-container .select2-selection__arrow b {
  position: static !important;
  display: inline-block;
  margin: 0 !important;
  vertical-align: middle;
}

/* List Delivery filters: each choice in its colour too - Packing red,
   Delivering blue, Delivered green; COD blue, Charged orange, Free green. */
.select2-results__option[id$="-packing"], .status-filter-rendered.st-packing { color: #ff5a5a; }
.select2-results__option[id$="-delivering"], .status-filter-rendered.st-delivering { color: #4fc3ff; }
.select2-results__option[id$="-delivered"], .status-filter-rendered.st-delivered { color: #1fe08a; }
.select2-results__option[id$="-cod"], .status-filter-rendered.st-cod { color: #4fc3ff; }
.select2-results__option[id$="-charged"], .status-filter-rendered.st-charged { color: #ffb020; }
.select2-results__option[id$="-free"], .status-filter-rendered.st-free { color: #1fe08a; }
body:not(.skin-glass) .select2-results__option[id$="-packing"], body:not(.skin-glass) .status-filter-rendered.st-packing,
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-packing"] { color: #dd4b39 !important; }
body:not(.skin-glass) .select2-results__option[id$="-delivering"], body:not(.skin-glass) .status-filter-rendered.st-delivering,
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-delivering"],
body:not(.skin-glass) .select2-results__option[id$="-cod"], body:not(.skin-glass) .status-filter-rendered.st-cod,
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-cod"] { color: #00a7d0 !important; }
body:not(.skin-glass) .select2-results__option[id$="-delivered"], body:not(.skin-glass) .status-filter-rendered.st-delivered,
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-delivered"],
body:not(.skin-glass) .select2-results__option[id$="-free"], body:not(.skin-glass) .status-filter-rendered.st-free,
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-free"] { color: #00a65a !important; }
body:not(.skin-glass) .select2-results__option[id$="-charged"], body:not(.skin-glass) .status-filter-rendered.st-charged,
body:not(.skin-glass) .select2-container--default .select2-results__option--highlighted[aria-selected][id$="-charged"] { color: #e08e0b !important; }
.select2-results__option[id$="-packing"], .select2-results__option[id$="-delivering"], .select2-results__option[id$="-delivered"],
.select2-results__option[id$="-cod"], .select2-results__option[id$="-charged"], .select2-results__option[id$="-free"] { font-weight: 700; }

/* Filter dropdowns under a table (Status, Delivery Fee, ...) are at least
   as wide as their longest choice - whole words, no sideways scrollbar.
   Only those (table_select.js marks them): other dropdowns, e.g. the POS
   Customer list, keep their box's width. */
.select2-dropdown.select2-dropdown-fit { min-width: max-content; }
.select2-dropdown.select2-dropdown-fit .select2-results > .select2-results__options { overflow-x: hidden; }
.select2-dropdown.select2-dropdown-fit .select2-results__option { white-space: nowrap; }
/* Status text only (no box) - also for "Paid" (primary), whose theme-coloured
   box would otherwise win here. */
body:not(.skin-glass) table.labels-as-text .label { background: none !important; }
body:not(.skin-glass) table.labels-as-text .label-primary { color: #00a7d0 !important; }

/* POS cart: the item name is plain coloured text telling the stock -
   blue enough in stock, yellow nearly out, red not enough in stock (the row
   itself is no longer tinted pink for it). */
#posTable .btn.edit.stock-name,
#posTable .btn.edit.stock-name:hover,
#posTable .btn.edit.stock-name:focus,
#posTable .btn.edit.stock-name:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  text-align: left;
  white-space: normal;
  /* Same text as the product names on the tiles. */
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
#posTable .btn.edit.stock-ok, #posTable .btn.edit.stock-ok .sname { color: #4fc3ff !important; }
#posTable .btn.edit.stock-low, #posTable .btn.edit.stock-low .sname { color: #ffb020 !important; }
#posTable .btn.edit.stock-out, #posTable .btn.edit.stock-out .sname { color: #ff5a5a !important; }
body:not(.skin-glass) #posTable .btn.edit.stock-ok, body:not(.skin-glass) #posTable .btn.edit.stock-ok .sname { color: #0073b7 !important; }
body:not(.skin-glass) #posTable .btn.edit.stock-low, body:not(.skin-glass) #posTable .btn.edit.stock-low .sname { color: #e08e0b !important; }
body:not(.skin-glass) #posTable .btn.edit.stock-out, body:not(.skin-glass) #posTable .btn.edit.stock-out .sname { color: #dd4b39 !important; }
#posTable tr.danger > td { background-color: transparent !important; }
/* Ordinary themes: the POS keyboard button is faded while the on-screen
   keyboard is switched off on this computer. */
body:not(.skin-glass) .main-header .navbar #show-keyboard-btn:not(.kb-on) { opacity: .45; }
/* Customer Display list in Edit Store: a video shows as its still frame with
   a small film mark. */
.promo-item { position: relative; }
.promo-item img.promo-still { width: 120px; height: 80px; object-fit: cover; border: 1px solid rgba(255, 255, 255, .3); }
.promo-item:has(img.promo-still)::after {
  content: "\f008"; font-family: FontAwesome; position: absolute; top: 4px; right: 6px;
  color: #fff; font-size: 13px; text-shadow: 0 1px 3px rgba(0, 0, 0, .8); pointer-events: none;
}

/* Ordinary themes, Login: in the theme's colour - a light tint of it over
   the whole page, the card's top edge, the logo ring, the clock, and the
   Sign in button (btn-primary follows the theme already). */
body:not(.skin-glass).app-login {
  /* The whole page in a very light tint of the theme's colour. */
  background: color-mix(in srgb, var(--accent, #3c8dbc) 14%, #fff) !important;
}
html:has(> body.app-login:not(.skin-glass)) {
  background: #fff !important;
}
html:has(> body.app-login.skin-blue) { background: color-mix(in srgb, #3c8dbc 14%, #fff) !important; }
html:has(> body.app-login.skin-black) { background: color-mix(in srgb, #222d32 14%, #fff) !important; }
html:has(> body.app-login.skin-green) { background: color-mix(in srgb, #00a65a 14%, #fff) !important; }
html:has(> body.app-login.skin-purple) { background: color-mix(in srgb, #605ca8 14%, #fff) !important; }
html:has(> body.app-login.skin-red) { background: color-mix(in srgb, #dd4b39 14%, #fff) !important; }
html:has(> body.app-login.skin-yellow) { background: color-mix(in srgb, #f39c12 14%, #fff) !important; }
body:not(.skin-glass).app-login .login-box-body {
  border-top: 4px solid var(--accent, #3c8dbc);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}
body:not(.skin-glass).app-login .login-box-body .login-clock { color: var(--accent, #3c8dbc); }
body:not(.skin-glass).app-login .login-logo { box-shadow: 0 0 0 3px var(--accent, #3c8dbc); }

/* Login: on-screen keyboard on/off (this computer) beside "Remember me", and
   the theme swatches under the card (theme for this computer). */
.login-kb-toggle, .login-kb-toggle:hover, .login-kb-toggle:focus { color: #999; margin-top: -2px; cursor: pointer; text-decoration: none; display: inline-block; font-size: 20px; line-height: 1; padding: 0 2px; }
.login-kb-toggle.kb-on { color: var(--accent, #3c8dbc); }
.skin-glass .login-kb-toggle { color: rgba(255, 255, 255, .5); }
.skin-glass .login-kb-toggle.kb-on { color: #3da5ff; }

/* Login: a bar in the theme's colour along the bottom of the card (like the
   one on top) - click it for the next theme on this computer. */
html body .login-box-body { position: relative; }
html body .login-box-body .login-theme-bar {
  position: absolute; left: 0; right: 0; bottom: 0; height: 6px; padding: 0; margin: 0;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; opacity: 1 !important;
  transition: height .15s ease;
}
html body .login-box-body .login-theme-bar:hover,
html body .login-box-body .login-theme-bar:focus-visible { height: 12px; outline: none; }
html body .login-box-body { padding-bottom: 26px; }
html body .login-theme-bar.lt-glass-sharp { background: rgba(255, 255, 255, .35) !important; }
html body .login-theme-bar.lt-glass-sharp:hover { background: rgba(255, 255, 255, .55) !important; }
html body .login-theme-bar.lt-black { background: #222d32 !important; }
html body .login-theme-bar.lt-blue { background: #3c8dbc !important; }
html body .login-theme-bar.lt-green { background: #00a65a !important; }
html body .login-theme-bar.lt-purple { background: #605ca8 !important; }
html body .login-theme-bar.lt-red { background: #dd4b39 !important; }
html body .login-theme-bar.lt-yellow { background: #f39c12 !important; }
/* Login keyboard on/off: just the icon, no box. */
html body .login-box-body .login-kb-toggle,
html body .login-box-body .login-kb-toggle:hover,
html body .login-box-body .login-kb-toggle:focus {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  width: auto; height: auto; padding: 0 2px; font-size: 20px; line-height: 1;
}
html body .login-box-body .login-kb-toggle:hover,
html body .login-box-body .login-kb-toggle:focus,
html body .login-box-body .login-kb-toggle:focus-visible,
html body .login-box-body .login-kb-toggle:active,
html body .login-box-body .login-kb-toggle::before,
html body .login-box-body .login-kb-toggle::after {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  outline: none !important; transform: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html body .login-box-body .login-kb-toggle { -webkit-tap-highlight-color: transparent; }

/* Ordinary themes: the on-screen keyboard in the theme's colour - a light
   tint of it behind the keys, white keys edged in it. */
html body:not(.skin-glass) .ui-keyboard {
  background: color-mix(in srgb, var(--accent, #3c8dbc) 16%, #fff) !important;
  border-color: color-mix(in srgb, var(--accent, #3c8dbc) 45%, #fff) !important;
}
html body:not(.skin-glass) .ui-keyboard .ui-keyboard-button:not(.ui-keyboard-enter):not(.ui-keyboard-cancel):not(.ui-keyboard-accept):not(.ui-keyboard-bksp):not(.ui-state-active) {
  background: #fff;
  border-color: color-mix(in srgb, var(--accent, #3c8dbc) 35%, #fff);
}
html body:not(.skin-glass) .ui-keyboard .ui-keyboard-button:not(.ui-keyboard-enter):not(.ui-keyboard-cancel):not(.ui-keyboard-accept):not(.ui-keyboard-bksp):not(.ui-state-active):hover {
  background: color-mix(in srgb, var(--accent, #3c8dbc) 10%, #fff);
}
html body:not(.skin-glass) .ui-keyboard .ui-keyboard-button:not(.ui-keyboard-enter):not(.ui-keyboard-cancel):not(.ui-keyboard-accept):not(.ui-keyboard-bksp):not(.ui-state-active),
html body:not(.skin-glass) .ui-keyboard .ui-keyboard-button:not(.ui-keyboard-enter):not(.ui-keyboard-cancel):not(.ui-keyboard-accept):not(.ui-keyboard-bksp):not(.ui-state-active) > span {
  color: var(--accent, #3c8dbc);
}

/* Liquid Glass speed: things that sit on a panel which already blurs the
   background (keyboard keys on the keyboard, product tiles on the page area,
   pagination, buttons in table rows / input add-ons) don't run a blur of
   their own - dozens to hundreds of 60px blurs made the page stutter, and
   over an already blurred backdrop they looked almost the same. The few
   stand-alone buttons keep a lighter blur. */
html body.skin-glass .ui-keyboard .ui-keyboard-button,
html body.skin-glass .ui-keyboard .ui-keyboard-button:hover,
html body.skin-glass .ui-keyboard .ui-keyboard-button:active,
html body.skin-glass .ui-keyboard .ui-keyboard-enter,
html body.skin-glass .ui-keyboard .ui-keyboard-cancel,
html body.skin-glass .ui-keyboard .ui-keyboard-accept,
html body.skin-glass .ui-keyboard .ui-keyboard-bksp,
html body.skin-glass .btn-both.product,
html body.skin-glass .btn-both.product:hover,
html body.skin-glass .btn-both.product:active,
html body.skin-glass .pagination > li > a,
html body.skin-glass .pagination > li > span,
html body.skin-glass .table td .btn,
html body.skin-glass .input-group-addon,
html body.skin-glass .icheckbox_square-blue,
html body.skin-glass .iradio_square-blue {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body.skin-glass button:not(.ui-keyboard-button):not(.product):not(.login-kb-toggle):not(.login-theme-bar),
html body.skin-glass .btn:not(.ui-keyboard-button):not(.product),
html body.skin-glass .login-box-body button[type="submit"],
html body.skin-glass #reset, html body.skin-glass #suspend, html body.skin-glass #payment,
html body.skin-glass #submit-sale, html body.skin-glass #print_order, html body.skin-glass #print_bill {
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
}

/* Liquid Glass without a background photo/video: a dark blue-black backdrop
   instead of white, so the glass panels read as glass (not as grey boxes on
   white). A background set in Settings still covers it. */
html body.skin-glass {
  background-color: #0b1622 !important;
  background-image:
    radial-gradient(ellipse at 18% 12%, rgba(40, 110, 170, .55) 0, rgba(40, 110, 170, 0) 55%),
    radial-gradient(ellipse at 85% 85%, rgba(20, 70, 120, .5) 0, rgba(20, 70, 120, 0) 55%),
    radial-gradient(ellipse at 60% 40%, rgba(60, 40, 120, .25) 0, rgba(60, 40, 120, 0) 60%) !important;
  background-attachment: fixed !important;
}