/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/*! X-editable - v1.5.1 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
    margin-bottom: 0; /* overwrites bootstrap margin */
}

.editableform .control-group {
    margin-bottom: 0; /* overwrites bootstrap margin */
    white-space: nowrap; /* prevent wrapping buttons on new line */
    line-height: 20px; /* overwriting bootstrap line-height. See #133 */
}

/* 
  BS3 width:1005 for inputs breaks editable form in popup 
  See: https://github.com/vitalets/x-editable/issues/393
*/
.editableform .form-control {
    width: auto;
}

.editable-buttons {
   display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
   vertical-align: top;
   margin-left: 7px;
   /* inline-block emulation for IE7*/
   zoom: 1; 
   *display: inline;
}

.editable-buttons.editable-buttons-bottom {
   display: block; 
   margin-top: 7px;
   margin-left: 0;
}

.editable-input {
    vertical-align: top; 
    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
    width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
    white-space: normal; /* reset white-space decalred in parent*/
   /* display-inline emulation for IE7*/
   zoom: 1; 
   *display: inline;   
}

.editable-buttons .editable-cancel {
   margin-left: 7px; 
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
   height: 24px; 
   width: 30px;
}

.editableform-loading {
    background: url('../img/loading.gif') center center no-repeat;  
    height: 25px;
    width: auto; 
    min-width: 25px; 
}

.editable-inline .editableform-loading {
    background-position: left 5px;      
}

 .editable-error-block {
    max-width: 300px;
    margin: 5px 0 0 0;
    width: auto;
    white-space: normal;
}

/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
    padding: 3px;  
}  

.editable-error {
   color: red;  
}

/* ---- For specific types ---- */

.editableform .editable-date {
    padding: 0; 
    margin: 0;
    float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
   margin-top: 3px;
   margin-left: 1px; 
}


/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"], 
.editable-checklist label span {
    vertical-align: middle;
    margin: 0;
}

.editable-checklist label {
    white-space: nowrap; 
}

/* clear button shown as link in date inputs */
.editable-clear {
   clear: both;
   font-size: 0.9em;
   text-decoration: none;
   text-align: right;
}

/* IOS-style clear button for text inputs */
.editable-clear-x {
   background: url('../img/clear.png') center center no-repeat;
   display: block;
   width: 13px;    
   height: 13px;
   position: absolute;
   opacity: 0.6;
   z-index: 100;
   
   top: 50%;
   right: 6px;
   margin-top: -6px;
   
}

.editable-clear-x:hover {
   opacity: 1;
}

.editable-pre-wrapped {
   white-space: pre-wrap;
}
.editable-container.editable-popup {
    max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
}  

.editable-container.popover {
    width: auto; /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
    display: inline-block; 
    vertical-align: middle;
    width: auto;
    /* inline-block emulation for IE7*/
    zoom: 1; 
    *display: inline;    
}

.editable-container.ui-widget {
   font-size: inherit;  /* jqueryui widget font 1.1em too big, overwrite it */
   z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
}
.editable-click, 
a.editable-click, 
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
}

.editable-click.editable-disabled, 
a.editable-click.editable-disabled, 
a.editable-click.editable-disabled:hover {
   color: #585858;  
   cursor: default;
   border-bottom: none;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus{
  font-style: italic; 
  color: #DD1144;  
  /* border-bottom: none; */
  text-decoration: none;
}

.editable-unsaved {
  font-weight: bold; 
}

.editable-unsaved:after {
/*    content: '*'*/
}

.editable-bg-transition {
  -webkit-transition: background-color 1400ms ease-out;
  -moz-transition: background-color 1400ms ease-out;
  -o-transition: background-color 1400ms ease-out;
  -ms-transition: background-color 1400ms ease-out;
  transition: background-color 1400ms ease-out;  
}

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable
{ 
    padding-top: 5px;
    display:inline-block;
}


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/* pagination */

nav.pagination { 
  display: block;
  margin-top: 2em;
  text-align: center;
}

nav.pagination a, nav.pagination .current {
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  margin: 0px;
  padding: 0.5em 0.8em; 
  text-decoration: none;
}

nav.pagination a { 
  background-color: #ffffff;
  color: #404040;
}

nav.pagination a:hover {
  background-color: #131313;  
  color: #ffffff;
}

nav.pagination .current {
  background: rgba(248, 248, 248, 0.5);
  color: #404040;
  -webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

nav.pagination .first { margin-right: 0.4em; margin-right: 0px; }
nav.pagination .last { margin-left: 0.4em; margin-left: -1px; }

nav.pagination span { margin: -1px; padding:0px; }

/* ============================================================
 * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */
.bootstrap-switch {
  border-radius: 30px;
  display: inline-block;
  cursor: pointer;
  line-height: 1.231;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.bootstrap-switch.deactivate {
  opacity: 0.5;
  filter: alpha(opacity=70);
  zoom: 1;
  cursor: default !important;
}
.bootstrap-switch.deactivate label,
.bootstrap-switch.deactivate span {
  cursor: default !important;
}
.bootstrap-switch > div {
  width: 162%;
  position: relative;
  top: 0;
}
.bootstrap-switch > div.switch-animate {
  -webkit-transition: left 0.25s ease-out;
  -moz-transition: left 0.25s ease-out;
  -o-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.bootstrap-switch > div.switch-off {
  left: -63%;
}
.bootstrap-switch > div.switch-off label {
  background-color: #7f8c9a;
  border-color: #bdc3c7;
  -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
}
.bootstrap-switch > div.switch-on {
  left: 0%;
}
.bootstrap-switch > div.switch-on label {
  background-color: #007fb7;
}
.bootstrap-switch input[type=checkbox] {
  display: none;
}
.bootstrap-switch span {
  cursor: pointer;
  font-size: 14.994px;
  font-weight: 700;
  float: left;
  height: 29px;
  line-height: 19px;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 5px;
  position: relative;
  text-align: center;
  width: 50%;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.bootstrap-switch span.switch-left {
  border-radius: 30px 0 0 30px;
  background-color: #26bbe3;
  color: #ffffff;
  border-left: 1px solid transparent;
  margin-left: -5px;
  margin-right: 5px;
}
.bootstrap-switch span.switch-right {
  border-radius: 0 30px 30px 0;
  background-color: #b6c4cd;
  color: #ffffff;
  text-indent: 7px;
}
.bootstrap-switch span.switch-right [class*="fui-"] {
  text-indent: 0;
}
.bootstrap-switch label {
  border: 4px solid #b6c4ce;
  border-radius: 50%;
  float: left;
  height: 29px;
  margin: 0 -11px 0 -10px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 21px;
  z-index: 100;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.switch-square {
  border-radius: 6px;
  border-radius: 0px;
}
.switch-square > div.switch-off label {
  border-color: #7f8c9a;
  border-radius: 6px 0 0 6px;
  border-radius: 0px;
}
.switch-square span.switch-left {
  border-radius: 6px 0 0 6px;
  border-radius: 0px;
}
.switch-square span.switch-left [class*="fui-"] {
  text-indent: -10px;
}
.switch-square span.switch-right {
  border-radius: 0 6px 6px 0;
  border-radius: 0px;
}
.switch-square span.switch-right [class*="fui-"] {
  text-indent: 5px;
}
.switch-square label {
  border-radius: 0 6px 6px 0;
  border-radius: 0px;
  border-color: #007fb7;
}




  html, body { 
      height: 100%; 
			-webkit-overflow-scrolling: touch;
  }

  .header-panel {
    background-color: #ffffff;
    padding: 0.5em 2.5em 1.5em 2.5em;
    -webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  }
  .header-panel h1 { color: #007eb2; margin-bottom: 0em; text-transform: uppercase; }
  .header-panel p { font-size:0.85em; color:#979797; }

  .warning-panel, .info-panel {
    background-color: #da4c00;
    color: #ffffff;
    padding: 0.1em 2.5em 1em 2.25em;
    -webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  }

  .warning-panel h1, .info-panel h1 { color: #ffffff; font-size: 1.2em; font-weight:bold;margin-bottom: 0em; text-transform: uppercase; }
  .warning-panel p, .info-panel p  { color: rgba(255,255,255, 0.5); }
  .warning-panel p strong, .info-panel p strong  { color: rgba(255,255,255, 0.8); }

  .info-panel { background-color: #f05863; }

  .nav-tabs { border-bottom: 0px; }
  
  .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
    border-color: transparent;
    background-color: #ffffff;
    color: #404040;
  }
  


  .plupload { display: block; }
  .plupload_header { display:none; }

  /* layout */
  /* navigation lists */
    
  ul#tab { background-color: #007EB0; color: #ffffff; z-index:3;

background: #007eb2;
background: -moz-linear-gradient(-45deg,  #007eb2 0%, #589ac9 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#007eb2), color-stop(100%,#589ac9));
background: -webkit-linear-gradient(-45deg,  #007eb2 0%,#589ac9 100%);
background: -o-linear-gradient(-45deg,  #007eb2 0%,#589ac9 100%);
background: -ms-linear-gradient(-45deg,  #007eb2 0%,#589ac9 100%);
background: linear-gradient(135deg,  #007eb2 0%,#589ac9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007eb2', endColorstr='#589ac9',GradientType=1 );

  }
  #tab { padding-left: 5.3em; } 

  .nav-tabs { margin-bottom: 0px; }
  .nav-tabs > li { margin-bottom: 0px; }

  .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background-color: #007caf;
    border: 0px;
    border-right: 1px solid rgba(235,235,235, 0.2);
    -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
    border-radius:0px;
    color: #c7e3ee; 
    margin-bottom:0px;
    outline: none;
  }
  
  .nav-tabs > li:first-child > a.dropdown-toggle {
    padding: 1em 1.6em 1em 1.5em;
  }
  
  .nav-tabs > li > a {
    color: #014f70;
    text-shadow: rgba(255,255,255,0.3) 0px 1px 1px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
    border-right: 1px solid rgba(235,235,235, 0.2);
    padding: 1em 1.6em 1em 1.5em;
      font-size: 0.7em;

    line-height: 1.5em;
    -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;

  }
  .nav-tabs > li > a, .nav-pills > li > a { margin-right:0px; }
  

  .nav > li > a:hover { 
    background-color: transparent;
    color: #ffffff;
        text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;

    border-right: 1px solid rgba(235,235,235, 0.2);
    border-bottom: 3px solid #d13447;
    margin-bottom: -3px;
    -webkit-transition: color 0s ease;
  -moz-transition: color 0s ease;
  transition: color 0s ease;

  }

  .tab-content, .tab-pane {
    min-height: 100%;
    height:100%;    
    position:relative;    
  }


  /* tooltips */
  .tooltip.in { 
    opacity: 1;
    filter: alpha(opacity=0);
  }

h1, h2, h3, h4, h5, h6 {
  color: #404040;
  font-family: 'Dosis', Arial,sans-serif;
  font-weight: normal;
}

h1 { font-size: 18pt; margin-bottom: 1em; }


.clear { clear: both; }
.inset-panel { padding: 20px 50px 50px 40px; }
.info-link { font-size: 0.9em; }
label.date { display:block; }

form .control-group { margin-bottom: -1px; }

/* flash messages */
#flash-message-container{ display:none;position:relative;width:100%; }
.flash-message{padding:1.1em;text-align:center;}
.flash-info{background-color:#fffce5;background-color:rgba(255, 252, 229, 0.95);color:#444444;}
.flash-success{background-color:#8bd021;background-color:rgba(139, 208, 33, 0.95);color:#ffffff;}
.flash-error{background-color:#f9f0ec;background-color:rgba(249, 240, 236, 0.95);color:#bd3420;}
.flash-info a{color:#444444;}.flash-info a:visited,.flash-info a:link{color:#444444;}
.flash-success a{color:#ffffff;}.flash-success a:visited,.flash-success a:link{color:#ffffff;}
.flash-error a{color:#bd3420;}.flash-error a:visited,.flash-error a:link{color:#bd3420;}
#flash-close{position:absolute;z-index:10;top:5px;right:10px;text-decoration:none;font-size:10pt;font-family:Arial;}
a#flash-close:hover{text-decoration:underline;}



/* asset versions */
#asset_versions { margin-left: -10px; width: 960px; overflow: hidden; *zoom: 1; width: 960px; font-family: 'Arial';}
#asset_versions p { border: 1px solid #666666; overflow: hidden; padding: 10px 0; text-align: center; }
#asset_versions .asset_version { height: 40px; margin-top: 1em; overflow: hidden; }
#asset_versions .asset_version a { background-color: #dedede; color: #404040; font-size: 8pt; display: block; width: 100%; height: 100%; padding-left: 1.5em; padding-top: 10px; }
#asset_versions .asset_version a:hover { background-color: #96d100; color: #ffffff; text-decoration: none; }
#asset_versions .asset_version a.selected_asset_version { background-color: #96d100; color: #ffffff; }
#asset_versions .column_1 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 20px; }
#asset_versions .column_2 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 60px; }
#asset_versions .column_3 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 100px; }
#asset_versions .column_4 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 140px; }
#asset_versions .column_5 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 180px; }
#asset_versions .column_6 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; }
#asset_versions .column_7 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 260px; }
#asset_versions .column_8 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; }
#asset_versions .column_9 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 340px; }
#asset_versions .column_10 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 380px; }
#asset_versions .column_11 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 420px; }
#asset_versions .column_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 460px; }
#asset_versions .column_13 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 500px; }
#asset_versions .column_14 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 540px; }
#asset_versions .column_15 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 580px; }
#asset_versions .column_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 620px; }
#asset_versions .column_17 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 660px; }
#asset_versions .column_18 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 700px; }
#asset_versions .column_19 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 740px; }
#asset_versions .column_20 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 780px; }
#asset_versions .column_21 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 820px; }
#asset_versions .column_22 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 860px; }
#asset_versions .column_23 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 900px; }
#asset_versions .column_24 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; }

.dot {
  border-radius: 50%;
  width: 6px;
  height: 6px; 
  background-color: #555351;
}

.green-dot { background-color: #95bf3d; }
.blue-dot { background-color: #3b86c4; }
.red-dot { background-color: #bc1e04; }
.orange-dot { background-color: #da4c00; }

.green { color: #95bf3d; }
.blue { color: #3b86c4; }
.red { color: #bc1e04; }
.orange { color: #da4c00; }
.gray { color: #a2a2a2; }
.panel {
  padding: 0px 30px;
}

@media (max-width:640px) {
  .panel {
    padding: 0px 15px;
  }
}


.panel h1 {
  margin-bottom: 0.25em;
}

.panel h2 { margin-top:0em;font-size:1.2em;line-height:1.2em; color:#404040;}

.list {
  width: 100%;
  min-height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px;
  list-style: none;
  color: #4f4f4f;
}

.inactive { 
  opacity: 0.4;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.inactive:hover { opacity: 1; }
.warning {background-color: rgba(244, 248, 249, 0.35); } 
.inactive.warning {background-color: transparent; } 

.destroy { position:relative; }
.trash .inline-confirmation-block { position:relative; top: -4px;}

.ui-sortable-helper { border: 3px dashed #c7e2f3; border-radius: 4px; }
.ui-sortable-helper.list.inactive:hover { border: 3px dashed #c7e2f3; border-radius: 4px;}

.trash a.destroy { color: #cfcfcf;}
.trash a.destroy:hover { color: #616161; text-decoration: none; }
.sidebar .trash a.destroy { color: #676767; }
.sidebar .trash a.destroy:hover { color: #ffffff; }

.list:last-child {
  border-bottom: 0px;
}

.list.contact { height:35px; }
.list .geo { text-align:left;min-width:150px;color: #3b86c4;margin-right:1em;margin-top:7px;font-size:1.1em; }
.list .list-content{ padding-top: 5px; }
.sortable-state-highlight { 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px dashed #bbc0c0; height: 40px; 
}

.handle {
  background: transparent;
  position: relative;
  padding-right: 1em;
  display: inline-block;
  cursor: move;
  color: #404040;
  color: rgba(0,0,0,0.1);
}

.handle:hover { color: rgba(0,0,0,0.5); }
.tooltip { font-family: 'Arial'; line-height: 1.2em; border-radius: 0px;}
.icon.red { color: #c70202; }
.icon.green { color: #0aa34e; }

form .help-inline { display: block; }
form .input-prepend, form .input-append { font-size: inherit; overflow: hidden; }

.sortable-links .list:first-child { 
  border-radius: 0px; 
}
.sortable-links .list:first-child .row { 
  border-left: 2px solid rgba(61, 177, 232, 1);
  margin-left: -30px;
  padding-left: 13px;
}
.sortable-links .list:first-child .row.multiple { 
  border-left: 2px solid rgba(242, 118, 80, 1);
  margin-left: -30px;
  padding-left: 13px;
}

.sortable-links .list:first-child .row .slug-name {
  color:#ffffff;
}
.sortable-links .list .warning {
  background-color:#f27650;
  font-size: 9.5pt;
  display: none;
  position:relative;
  padding-top:5px;
  padding-bottom: 5px;
  top:-15px;
  width:100%;
  color: #e5e5e5; 
  text-align:center;
}
.sortable-links .list .warning:hover { color: #ffffff; }
.sortable-links .list.multiple:first-child .warning { display: block; }

.list { position: relative; }
.destroy { margin-left: 1em; }


/* buttons */
.btn {
    -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

  background: transparent;
  background-color: #e5e5e5;
  text-shadow: none;
}

.btn-primary, .btn-primary:hover {
  background-color: #0077b8;
}

.btn-info, .btn-info:hover { background-color: #ffb400; }
.btn-success, .btn-success:hover { background-color: #5bbb4f; }
.btn-danger, .btn-danger:hover { background-color: #c93b1f; }

/* dropdown menus */
.dropdown-menu { border-radius: 0!important; }
.dropdown-menu li { padding: 3px 10px; }
.dropdown-menu .divider { margin: 5px 15px; padding: 0; }
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #0f63a3;
  background-image: none;
  color: #ffffff;
}

.dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}

.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}







/****************************************************************/

html, body {
  font-family: 'Dosis',Arial,sans-serif;
  min-height: 100%;
  padding: 0px;
  margin: 0px;
  color: #5b6264;
	background-color: #F4F8F9;
	background-color: #fff;
}


a { text-decoration: none; color: #007ca0;}
a:hover { text-decoration: none; color: #26bbe3; }

.list a { color: #007eaf;}
.list a:hover { color: #0296d0;}

.page-wrap {
  float: right;
  background: #ffffff;
  width: 100%;
  min-height: 100%;
  position: relative;
	/*overflow: auto;*/
	overflow-x: hidden;
  z-index: 2;
  -webkit-transition: width 0.1s ease;
  -moz-transition: width 0.1s ease;
  transition: width 0.1s ease;
}

.main-nav-check {
  display: none;
}

.main-nav {  
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
}

#wrapper { background: #ffffff; }

.main-nav #bg1, .main-nav #bg2 { 
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  min-height: 100%;
  width: auto;
}

.main-nav #bg2 {
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  transition: opacity 2s ease;
}

.main-nav:hover #bg2 {
  opacity: 0;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  transition: opacity 2s ease;
}

.main-nav a {
  position: relative;
  display: block;
  border-bottom: 0px solid #2e2e2e;
  font-size: 1em;
  -webkit-text-stroke: 0.55px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
}

.main-nav a .nav-icon {
  display: inline-block;
  width:30px;
  text-align:center;
  padding: 10px 0px 10px 5px;
  margin-right: 10px;
  border-right: 0px solid #2e2e2e;
  height: 100%;
  width: 50px;
  color: #414141;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.main-nav a .nav-text {
  display: inline-block;
  padding: 10px 0px 10px 0px;
}

.main-nav a:hover, .main-nav a:focus, .main-nav a:hover .nav-icon, .main-nav a:focus .nav-icon {
  background: transparent;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-nav a:hover {
  background-color: rgba(0,0,0,0.2);
}
.main-nav a:hover .nav-icon, .main-nav a:focus .nav-icon {
  border-right: 0px solid transparent;
  width: 50px;
  padding-left:  30px;
  padding-right: 0px;
}

.main-nav:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 14px;
  background: -webkit-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}

.content {
  height: 100%;
  overflow: hidden;
}


.close-menu {
  display: none;
}

.main-nav a .right-arrow {
  margin: 10px 15px 10px 0px;
}

.page-wrap .section {
  top: 62px;
	/*overflow-x: hidden;*/
  right: 0px;
  width: 100%; 
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

#main-nav-check:checked + #main-nav { width: 20%; }
#main-nav-check:checked ~ .page-wrap { width: 80%; }
#main-nav-check:checked ~ .page-wrap .section { }
#main-nav-check:checked ~ .page-wrap .close-menu { display: block; }
#main-nav-check:checked ~ .page-wrap .open-menu { display: none; }
#main-nav-check:checked ~ .main-nav { width: 20%; }
#main-nav-check:checked ~ .page-wrap .toggle-menu { color: #000000; }

  

@media (min-width: 768px) and (max-width: 979px) { 
  /* tablet */ 
  #main-nav-check:checked + #main-nav { width: 40%; }
  #main-nav-check:checked ~ .page-wrap { width: 60%; }
  #main-nav-check:checked ~ .page-wrap .section { }
  #main-nav-check:checked ~ .main-nav { width: 40%; }
}

@media (max-width: 767px) { 
  #main-nav-check:checked + #main-nav { width: 80%; }
  #main-nav-check:checked ~ .page-wrap { width: 20%; }
  #main-nav-check:checked ~ .page-wrap header { min-width: 767px; }
  #main-nav-check:checked ~ .page-wrap .section { min-width: 767px; }
  #main-nav-check:checked ~ .page-wrap .content { min-width: 767px; }
  #main-nav-check:checked ~ .page-wrap { overflow: hidden; }
  #main-nav-check:checked ~ .main-nav { width: 20%; }
}

@media (max-width: 320px) { 
  #main-nav-check:checked + #main-nav { width: 80%; }
  #main-nav-check:checked ~ .page-wrap { width: 20%; }
  #main-nav-check:checked ~ .page-wrap header { min-width: 320px; }
  #main-nav-check:checked ~ .page-wrap .section { min-width: 320px; }
  #main-nav-check:checked ~ .page-wrap .content { min-width: 320px; }
  #main-nav-check:checked ~ .page-wrap { overflow: hidden; }
  #main-nav-check:checked ~ .main-nav { width: 20%; }
}

.empty-screen { text-align:center; margin-top:2em; }
.empty-screen h1 { color:#c5cfd1;text-shadow:1px 1px rgba(255, 255, 255, 1); }
a.empty {
  -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color:rgba(197, 207, 209, 1);
  border-bottom: 1px dashed #c5cfd1;
} 

a.empty.create, a.create-small { 
  color: rgba(197, 207, 209, 0.7);
  border:3px dashed rgba(197, 207, 209, 0.7);
  border-radius:4px;
  padding: 1em 1.5em;
  display:inline-block;
  text-transform:uppercase;
  text-shadow:1px 1px rgba(255, 255, 255, 1);
  text-align:center;
  -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
} 

.empty-screen a:hover { 
  color: #97a5a8;
  -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.empty-screen a.create:hover { }

a.create-small {
  color: rgba(151, 165, 168, 1);
  font-size:0.8em;
  padding: 0.5em 1em;
  border: 2px dashed rgba(197, 207, 209, 0.2);
  border-radius: 3px;
  margin-right: 1em;
  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}
a.create-small:hover { 
  color:#788a8e;
  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 2px dashed rgba(197, 207, 209, 1);
}

.sub-nav { display: none; }

select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-append .add-on, .input-prepend .add-on {
}

@-moz-document url-prefix() {
  select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-append .add-on, .input-prepend .add-on {
  }
  select {
  }
}


.inline-block {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
@media (max-width: 767px) {
  .hide-on-tablets {
    display: none;
  }
}

input,
button,
select,
textarea {
  font-size: 14px;
}

.label,
.badge {
  background-color: #ebedef;
  color: #7b8996;
  font-size: 13.006px;
  line-height: 18.004px;
  font-weight: normal;
  margin-right: 4px;
  padding: 1px 9px 2px;
  text-shadow: none;
  text-decoration: none;
}
.label-small,
.badge-small {
  font-size: 10.08px;
  line-height: 14px;
  font-weight: 600;
  padding: 0 5px 2px;
}
.label-large,
.badge-large {
  font-weight: 600;
  padding: 4px 10px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.label-inverse,
.badge-inverse,
.label-inverse[href],
.badge-inverse[href] {
  background-color: #34495e;
  color: #ffffff;
}
.label-success,
.badge-success,
.label-success[href],
.badge-success[href] {
  background-color: #2ecc71;
  color: #ffffff;
}
.label-important,
.badge-important,
.label-important[href],
.badge-important[href] {
  background-color: #e74c3c;
  color: #ffffff;
}
.label-warning,
.badge-warning,
.label-warning[href],
.badge-warning[href] {
  background-color: #f1c40f;
  color: #ffffff;
}
.label-info,
.badge-info,
.label-info[href],
.badge-info[href] {
  background-color: #3498db;
  color: #ffffff;
}
.label-primary,
.badge-primary,
.label-primary[href],
.badge-primary[href] {
  background-color: #007fb5;
  color: #ffffff;
}
.badge {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}




.btn,
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14.994px;
  /* 15px */

}
.btn {
  border: none;
  background: #035391;
  color: #ffffff;
  padding: 9px 12px 10px;
  line-height: 22px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-backface-visibility: hidden;
}
.btn:hover,
.btn:focus,
.btn-group:focus .btn.dropdown-toggle {
  background-color: #0f63a3;
  color: #ffffff;
  outline: none;
  -webkit-backface-visibility: hidden;
}
.btn:active,
.btn-group.open .btn.dropdown-toggle,
.btn.active {
  background-color: #0f63a3;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.disabled,
.btn[disabled] {
  background-color: #b6c4cd;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  zoom: 1;
}
.btn.btn-huge {
  font-size: 21.994px;
  /* 22px */

  line-height: 22px;
  padding: 15px 20px 16px;
}
.btn.btn-huge > [class^="fui-"] {
  top: 1px;
}
.btn.btn-huge > [class^="fui-"].pull-right {
  margin-right: -2px;
}
.btn.btn-large {
  font-size: 16.996px;
  /* 17px */

  line-height: 20px;
  padding: 12px 18px 13px;
}
.btn.btn-large > [class^="fui-"] {
  top: 0;
}
.btn.btn-large > [class^="fui-"].pull-right {
  margin-right: -2px;
}
.btn.btn-small {
  font-size: 12.992px;
  /* 13px */

  line-height: 20px;
  padding: 6px 13px 8px;
}
.btn.btn-small > [class^="fui-"] {
  top: 1px;
}
.btn.btn-mini {
  font-size: 11.998px;
  /* 12px */

  padding: 8px 13px 9px;
  line-height: 1.2;
}
.btn.btn-mini > [class^="fui-"] {
  top: 0;
}
.btn.btn-embossed {
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-embossed.active,
.btn.btn-embossed:active {
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-wide {
  min-width: 140px;
  padding-left: 30px;
  padding-right: 30px;
}
.btn.btn-primary {
  background-color: #007fb5;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-group:focus .btn.btn-primary.dropdown-toggle {
  background-color: #328fc3;
}
.btn.btn-primary:active,
.btn-group.open .btn.btn-primary.dropdown-toggle,
.btn.btn-primary.active {
  background-color: #16a085;
}
.btn.btn-info {
  background-color: #3498db;
}
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn-group:focus .btn.btn-info.dropdown-toggle {
  background-color: #5dade2;
}
.btn.btn-info:active,
.btn-group.open .btn.btn-info.dropdown-toggle,
.btn.btn-info.active {
  background-color: #2c81ba;
}
.btn.btn-danger {
  background-color: #e74c3c;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn-group:focus .btn.btn-danger.dropdown-toggle {
  background-color: #ec7063;
}
.btn.btn-danger:active,
.btn-group.open .btn.btn-danger.dropdown-toggle,
.btn.btn-danger.active {
  background-color: #c44133;
}
.btn.btn-success {
  background-color: #2ecc71;
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn-group:focus .btn.btn-success.dropdown-toggle {
  background-color: #58d68d;
}
.btn.btn-success:active,
.btn-group.open .btn.btn-success.dropdown-toggle,
.btn.btn-success.active {
  background-color: #27ad60;
}
.btn.btn-warning {
  background-color: #f1c40f;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn-group:focus .btn.btn-warning.dropdown-toggle {
  background-color: #f5d313;
}
.btn.btn-warning:active,
.btn-group.open .btn.btn-warning.dropdown-toggle,
.btn.btn-warning.active {
  background-color: #cda70d;
}
.btn.btn-inverse {
  background-color: #34495e;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn-group:focus .btn.btn-inverse.dropdown-toggle {
  background-color: #415b76;
}
.btn.btn-inverse:active,
.btn-group.open .btn.btn-inverse.dropdown-toggle,
.btn.btn-inverse.active {
  background-color: #2c3e50;
}
.btn > [class^="fui-"] {
  margin: 0 4px;
  position: relative;
  top: 1px;
  vertical-align: top;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.btn > [class^="fui-"].pull-right {
  margin-right: 0px;
}
.btn-toolbar .btn.active {
  color: #ffffff;
}
.btn-toolbar .btn:first-child {
  -webkit-border-radius: 0px 0 0 0px;
  -moz-border-radius: 0px 0 0 0px;
  border-radius: 0px 0 0 0px;

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

}
.btn-toolbar .btn:last-child {
  -webkit-border-radius: 0 0px 0px 0;
  -moz-border-radius: 0 0px 0px 0;
  border-radius: 0 0px 0px 0;

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

}
.btn-toolbar .btn > [class^="fui-"] {
  font-size: 16px;
  top: 0;
}
.btn-tip {
  font-weight: 300;
  padding-left: 10px;
}
.btn-group > .btn {
  border-radius: 0;
  text-align: center;
}
.btn-group > .btn:active + .btn,
.btn-group > .btn.active + .btn {
  border-left-color: transparent;
}
.btn-group > .btn:first-of-type {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.btn-group > .btn:last-of-type {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;

  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.btn-group > .btn + .btn {
  margin-left: 0;
}
.btn-group > .btn + .dropdown-toggle {
  border-left: 2px solid rgba(255, 255, 255, 0.25);
  padding-left: 13px;
  padding-right: 13px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-group > .btn + .dropdown-toggle .caret {
  margin-left: 3px;
  margin-right: 3px;
}
.btn-group > .btn.btn-huge + .dropdown-toggle .caret {
  margin-left: 7px;
  margin-right: 7px;
}
.btn-group > .btn.btn-small + .dropdown-toggle .caret {
  margin-left: 0;
  margin-right: 0;
}
.btn-social-pinterest {
  background-color: #cb2028;
}
.btn-social-pinterest:hover,
.btn-social-pinterest:focus {
  background-color: #d54d53;
}
.btn-social-pinterest:active,
.btn-social-pinterest.active {
  background-color: #ad1b22;
}
.btn-social-linkedin {
  background-color: #0072b5;
}
.btn-social-linkedin:hover,
.btn-social-linkedin:focus {
  background-color: #338ec4;
}
.btn-social-linkedin:active,
.btn-social-linkedin.active {
  background-color: #00619a;
}
.btn-social-stumbleupon {
  background-color: #ed4a13;
}
.btn-social-stumbleupon:hover,
.btn-social-stumbleupon:focus {
  background-color: #f16e42;
}
.btn-social-stumbleupon:active,
.btn-social-stumbleupon.active {
  background-color: #c93f10;
}
.btn-social-googleplus {
  background-color: #2d2d2d;
}
.btn-social-googleplus:hover,
.btn-social-googleplus:focus {
  background-color: #575757;
}
.btn-social-googleplus:active,
.btn-social-googleplus.active {
  background-color: #262626;
}
.btn-social-facebook {
  background-color: #2f4b93;
}
.btn-social-facebook:hover,
.btn-social-facebook:focus {
  background-color: #596fa9;
}
.btn-social-facebook:active,
.btn-social-facebook.active {
  background-color: #28407d;
}
.btn-social-twitter {
  background-color: #00bdef;
}
.btn-social-twitter:hover,
.btn-social-twitter:focus {
  background-color: #33caf2;
}
.btn-social-twitter:active,
.btn-social-twitter.active {
  background-color: #00a1cb;
}
@media (max-width: 480px) {
  .btn.btn-block {
    margin: 9px 0 18px;
  }
}
.caret {
  border-left-width: 3px;
  border-right-width: 3px;
  border-top-width: 4px;
  border-bottom-color: #ffffff;
  border-style: solid;
  border-bottom-style: none;
  border-top-color: #ffffff;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.dropup .caret,
.dropup .btn-large .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-bottom-width: 8px;
}
.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
  margin-top: 7px;
}
.btn-large .caret {
  border-top-width: 8px;
  border-right-width: 6px;
  border-left-width: 6px;
}










.select {
  display: inline-block;
  margin-bottom: 10px;
}
[class*="span"] > .select[class*="span"] {
  margin-left: 0;
}
.select[class*="span"] .btn {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select.select-block {
  display: block;
  float: none;
  margin-left: 0;
  width: auto;
}
.select.select-block .btn {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select .btn {
  width: 220px;
}
.select .btn.btn-huge .filter-option {
  left: 20px;
  right: 40px;
  top: 16px;
}
.select .btn.btn-huge .caret {
  right: 20px;
}
.select .btn.btn-large .filter-option {
  left: 18px;
  right: 38px;
  top: 12px;
}
.select .btn.btn-small .filter-option {
  left: 13px;
  right: 33px;
  top: 7px;
}
.select .btn.btn-small .caret {
  right: 13px;
}
.select .btn.btn-mini .filter-option {
  left: 13px;
  right: 33px;
  top: 5px;
}
.select .btn.btn-mini .caret {
  right: 13px;
}
.select .btn .filter-option {
  height: 26px;
  left: 13px;
  overflow: hidden;
  position: absolute;
  right: 33px;
  text-align: left;
  top: 10px;
}
.select .btn .caret {
  position: absolute;
  right: 16px;
}
.select .btn .dropdown-toggle {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.select .btn .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select .btn .dropdown-menu dt {
  cursor: default;
  display: block;
  padding: 3px 20px;
}
.select .btn .dropdown-menu li:not(.disabled) > a:hover small {
  color: rgba(255, 255, 255, 0.004);
}
.select .btn .dropdown-menu li > a {
  min-height: 20px;
}
.select .btn .dropdown-menu li > a.opt {
  padding-left: 35px;
}
.select .btn .dropdown-menu li small {
  padding-left: 0.5em;
}
.select .btn .dropdown-menu li > dt small {
  font-weight: normal;
}
.select .btn > .disabled,
.select .btn .dropdown-menu li.disabled > a {
  cursor: default;
}
.select .caret {
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-width: 8px;
  border-bottom-color: #ffffff;
  border-style: solid;
  border-bottom-style: none;
  border-top-color: #ffffff;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 2px solid #acdfec;
  color: #34495e;
  font-size: 14px;
  padding: 7px 5px;
  text-indent: 6px;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border .25s linear, color .25s linear;
  -moz-transition: border .25s linear, color .25s linear;
  -o-transition: border .25s linear, color .25s linear;
  transition: border .25s linear, color .25s linear;
  -webkit-backface-visibility: hidden;
}
textarea:-moz-placeholder { color: #78cde2; }
input[type="text"]:-moz-placeholder { color: #78cde2; }
input[type="password"]:-moz-placeholder { color: #78cde2; }
input[type="datetime"]:-moz-placeholder { color: #78cde2; }
input[type="datetime-local"]:-moz-placeholder { color: #78cde2; }
input[type="date"]:-moz-placeholder { color: #78cde2; }
input[type="month"]:-moz-placeholder { color: #78cde2; }
input[type="time"]:-moz-placeholder { color: #78cde2; }
input[type="week"]:-moz-placeholder { color: #78cde2; }
input[type="number"]:-moz-placeholder { color: #78cde2; }
input[type="email"]:-moz-placeholder { color: #78cde2; }
input[type="url"]:-moz-placeholder { color: #78cde2; }
input[type="search"]:-moz-placeholder { color: #78cde2; }
input[type="tel"]:-moz-placeholder { color: #78cde2; }
input[type="color"]:-moz-placeholder { color: #78cde2; }
.uneditable-input:-moz-placeholder { color: #78cde2; }

textarea::-webkit-input-placeholder { color: #78cde2; }
input[type="text"]::-webkit-input-placeholder { color: #78cde2; }
input[type="password"]::-webkit-input-placeholder { color: #78cde2; }
input[type="datetime"]::-webkit-input-placeholder { color: #78cde2; }
input[type="datetime-local"]::-webkit-input-placeholder { color: #78cde2; }
input[type="date"]::-webkit-input-placeholder { color: #78cde2; }
input[type="month"]::-webkit-input-placeholder { color: #78cde2; }
input[type="time"]::-webkit-input-placeholder { color: #78cde2; }
input[type="week"]::-webkit-input-placeholder { color: #78cde2; }
input[type="number"]::-webkit-input-placeholder { color: #78cde2; }
input[type="email"]::-webkit-input-placeholder { color: #78cde2; }
input[type="url"]::-webkit-input-placeholder { color: #78cde2; }
input[type="search"]::-webkit-input-placeholder { color: #78cde2; }
input[type="tel"]::-webkit-input-placeholder { color: #78cde2; }
input[type="color"]::-webkit-input-placeholder { color: #78cde2; }
.uneditable-input::-webkit-input-placeholder { color: #78cde2; }

textarea.placeholder,
input[type="text"].placeholder,
input[type="password"].placeholder,
input[type="datetime"].placeholder,
input[type="datetime-local"].placeholder,
input[type="date"].placeholder,
input[type="month"].placeholder,
input[type="time"].placeholder,
input[type="week"].placeholder,
input[type="number"].placeholder,
input[type="email"].placeholder,
input[type="url"].placeholder,
input[type="search"].placeholder,
input[type="tel"].placeholder,
input[type="color"].placeholder,
.uneditable-input.placeholder {
  color: #78cde2;
}

@media (max-width: 767px) {
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    height: 41px;
    margin: 9px 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  textarea textarea,
  input[type="text"] textarea,
  input[type="password"] textarea,
  input[type="datetime"] textarea,
  input[type="datetime-local"] textarea,
  input[type="date"] textarea,
  input[type="month"] textarea,
  input[type="time"] textarea,
  input[type="week"] textarea,
  input[type="number"] textarea,
  input[type="email"] textarea,
  input[type="url"] textarea,
  input[type="search"] textarea,
  input[type="tel"] textarea,
  input[type="color"] textarea,
  .uneditable-input textarea {
    height: 120px;
  }
}
.control-group.focus textarea,
.control-group.focus input[type="text"],
.control-group.focus input[type="password"],
.control-group.focus input[type="datetime"],
.control-group.focus input[type="datetime-local"],
.control-group.focus input[type="date"],
.control-group.focus input[type="month"],
.control-group.focus input[type="time"],
.control-group.focus input[type="week"],
.control-group.focus input[type="number"],
.control-group.focus input[type="email"],
.control-group.focus input[type="url"],
.control-group.focus input[type="search"],
.control-group.focus input[type="tel"],
.control-group.focus input[type="color"],
.control-group.focus .uneditable-input,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #29bce1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea.flat,
input[type="text"].flat,
input[type="password"].flat,
input[type="datetime"].flat,
input[type="datetime-local"].flat,
input[type="date"].flat,
input[type="month"].flat,
input[type="time"].flat,
input[type="week"].flat,
input[type="number"].flat,
input[type="email"].flat,
input[type="url"].flat,
input[type="search"].flat,
input[type="tel"].flat,
input[type="color"].flat,
.uneditable-input.flat {
  border-color: transparent;
}
textarea.flat:hover,
input[type="text"].flat:hover,
input[type="password"].flat:hover,
input[type="datetime"].flat:hover,
input[type="datetime-local"].flat:hover,
input[type="date"].flat:hover,
input[type="month"].flat:hover,
input[type="time"].flat:hover,
input[type="week"].flat:hover,
input[type="number"].flat:hover,
input[type="email"].flat:hover,
input[type="url"].flat:hover,
input[type="search"].flat:hover,
input[type="tel"].flat:hover,
input[type="color"].flat:hover,
.uneditable-input.flat:hover {
  border-color: #b6c4cd;
}
textarea.flat:focus,
input[type="text"].flat:focus,
input[type="password"].flat:focus,
input[type="datetime"].flat:focus,
input[type="datetime-local"].flat:focus,
input[type="date"].flat:focus,
input[type="month"].flat:focus,
input[type="time"].flat:focus,
input[type="week"].flat:focus,
input[type="number"].flat:focus,
input[type="email"].flat:focus,
input[type="url"].flat:focus,
input[type="search"].flat:focus,
input[type="tel"].flat:focus,
input[type="color"].flat:focus,
.uneditable-input.flat:focus {
  border-color: #007fb7;
}
.control-group.error textarea,
.control-group.error input[type="text"],
.control-group.error input[type="password"],
.control-group.error input[type="datetime"],
.control-group.error input[type="datetime-local"],
.control-group.error input[type="date"],
.control-group.error input[type="month"],
.control-group.error input[type="time"],
.control-group.error input[type="week"],
.control-group.error input[type="number"],
.control-group.error input[type="email"],
.control-group.error input[type="url"],
.control-group.error input[type="search"],
.control-group.error input[type="tel"],
.control-group.error input[type="color"],
.control-group.error .uneditable-input {
  border-color: #e74c3c;
  color: #e74c3c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.error textarea:focus,
.control-group.error input[type="text"]:focus,
.control-group.error input[type="password"]:focus,
.control-group.error input[type="datetime"]:focus,
.control-group.error input[type="datetime-local"]:focus,
.control-group.error input[type="date"]:focus,
.control-group.error input[type="month"]:focus,
.control-group.error input[type="time"]:focus,
.control-group.error input[type="week"]:focus,
.control-group.error input[type="number"]:focus,
.control-group.error input[type="email"]:focus,
.control-group.error input[type="url"]:focus,
.control-group.error input[type="search"]:focus,
.control-group.error input[type="tel"]:focus,
.control-group.error input[type="color"]:focus,
.control-group.error .uneditable-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.success textarea,
.control-group.success input[type="text"],
.control-group.success input[type="password"],
.control-group.success input[type="datetime"],
.control-group.success input[type="datetime-local"],
.control-group.success input[type="date"],
.control-group.success input[type="month"],
.control-group.success input[type="time"],
.control-group.success input[type="week"],
.control-group.success input[type="number"],
.control-group.success input[type="email"],
.control-group.success input[type="url"],
.control-group.success input[type="search"],
.control-group.success input[type="tel"],
.control-group.success input[type="color"],
.control-group.success .uneditable-input {
  border-color: #2ecc71;
  color: #2ecc71;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.success textarea:focus,
.control-group.success input[type="text"]:focus,
.control-group.success input[type="password"]:focus,
.control-group.success input[type="datetime"]:focus,
.control-group.success input[type="datetime-local"]:focus,
.control-group.success input[type="date"]:focus,
.control-group.success input[type="month"]:focus,
.control-group.success input[type="time"]:focus,
.control-group.success input[type="week"]:focus,
.control-group.success input[type="number"]:focus,
.control-group.success input[type="email"]:focus,
.control-group.success input[type="url"]:focus,
.control-group.success input[type="search"]:focus,
.control-group.success input[type="tel"]:focus,
.control-group.success input[type="color"]:focus,
.control-group.success .uneditable-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.warning textarea,
.control-group.warning input[type="text"],
.control-group.warning input[type="password"],
.control-group.warning input[type="datetime"],
.control-group.warning input[type="datetime-local"],
.control-group.warning input[type="date"],
.control-group.warning input[type="month"],
.control-group.warning input[type="time"],
.control-group.warning input[type="week"],
.control-group.warning input[type="number"],
.control-group.warning input[type="email"],
.control-group.warning input[type="url"],
.control-group.warning input[type="search"],
.control-group.warning input[type="tel"],
.control-group.warning input[type="color"],
.control-group.warning .uneditable-input {
  border-color: #f1c40f;
  color: #f1c40f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.warning textarea:focus,
.control-group.warning input[type="text"]:focus,
.control-group.warning input[type="password"]:focus,
.control-group.warning input[type="datetime"]:focus,
.control-group.warning input[type="datetime-local"]:focus,
.control-group.warning input[type="date"]:focus,
.control-group.warning input[type="month"]:focus,
.control-group.warning input[type="time"]:focus,
.control-group.warning input[type="week"]:focus,
.control-group.warning input[type="number"]:focus,
.control-group.warning input[type="email"]:focus,
.control-group.warning input[type="url"]:focus,
.control-group.warning input[type="search"]:focus,
.control-group.warning input[type="tel"]:focus,
.control-group.warning input[type="color"]:focus,
.control-group.warning .uneditable-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.info textarea,
.control-group.info input[type="text"],
.control-group.info input[type="password"],
.control-group.info input[type="datetime"],
.control-group.info input[type="datetime-local"],
.control-group.info input[type="date"],
.control-group.info input[type="month"],
.control-group.info input[type="time"],
.control-group.info input[type="week"],
.control-group.info input[type="number"],
.control-group.info input[type="email"],
.control-group.info input[type="url"],
.control-group.info input[type="search"],
.control-group.info input[type="tel"],
.control-group.info input[type="color"],
.control-group.info .uneditable-input {
  border-color: #3498db;
  color: #3498db;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.info textarea:focus,
.control-group.info input[type="text"]:focus,
.control-group.info input[type="password"]:focus,
.control-group.info input[type="datetime"]:focus,
.control-group.info input[type="datetime-local"]:focus,
.control-group.info input[type="date"]:focus,
.control-group.info input[type="month"]:focus,
.control-group.info input[type="time"]:focus,
.control-group.info input[type="week"]:focus,
.control-group.info input[type="number"]:focus,
.control-group.info input[type="email"]:focus,
.control-group.info input[type="url"]:focus,
.control-group.info input[type="search"]:focus,
.control-group.info input[type="tel"]:focus,
.control-group.info input[type="color"]:focus,
.control-group.info .uneditable-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.huge textarea,
.control-group.huge input[type="text"],
.control-group.huge input[type="password"],
.control-group.huge input[type="datetime"],
.control-group.huge input[type="datetime-local"],
.control-group.huge input[type="date"],
.control-group.huge input[type="month"],
.control-group.huge input[type="time"],
.control-group.huge input[type="week"],
.control-group.huge input[type="number"],
.control-group.huge input[type="email"],
.control-group.huge input[type="url"],
.control-group.huge input[type="search"],
.control-group.huge input[type="tel"],
.control-group.huge input[type="color"],
.control-group.huge .uneditable-input,
textarea.huge,
input[type="text"].huge,
input[type="password"].huge,
input[type="datetime"].huge,
input[type="datetime-local"].huge,
input[type="date"].huge,
input[type="month"].huge,
input[type="time"].huge,
input[type="week"].huge,
input[type="number"].huge,
input[type="email"].huge,
input[type="url"].huge,
input[type="search"].huge,
input[type="tel"].huge,
input[type="color"].huge,
.uneditable-input.huge {
  font-size: 21.994px;
  /* 22px */

  line-height: 28px;
  height: 29px;
  padding: 10px 5px;
  text-indent: 9px;
}
@media (max-width: 767px) {
  .control-group.huge textarea,
  .control-group.huge input[type="text"],
  .control-group.huge input[type="password"],
  .control-group.huge input[type="datetime"],
  .control-group.huge input[type="datetime-local"],
  .control-group.huge input[type="date"],
  .control-group.huge input[type="month"],
  .control-group.huge input[type="time"],
  .control-group.huge input[type="week"],
  .control-group.huge input[type="number"],
  .control-group.huge input[type="email"],
  .control-group.huge input[type="url"],
  .control-group.huge input[type="search"],
  .control-group.huge input[type="tel"],
  .control-group.huge input[type="color"],
  .control-group.huge .uneditable-input,
  textarea.huge,
  input[type="text"].huge,
  input[type="password"].huge,
  input[type="datetime"].huge,
  input[type="datetime-local"].huge,
  input[type="date"].huge,
  input[type="month"].huge,
  input[type="time"].huge,
  input[type="week"].huge,
  input[type="number"].huge,
  input[type="email"].huge,
  input[type="url"].huge,
  input[type="search"].huge,
  input[type="tel"].huge,
  input[type="color"].huge,
  .uneditable-input.huge {
    height: 53px;
  }
}
.control-group.large textarea,
.control-group.large input[type="text"],
.control-group.large input[type="password"],
.control-group.large input[type="datetime"],
.control-group.large input[type="datetime-local"],
.control-group.large input[type="date"],
.control-group.large input[type="month"],
.control-group.large input[type="time"],
.control-group.large input[type="week"],
.control-group.large input[type="number"],
.control-group.large input[type="email"],
.control-group.large input[type="url"],
.control-group.large input[type="search"],
.control-group.large input[type="tel"],
.control-group.large input[type="color"],
.control-group.large .uneditable-input,
textarea.large,
input[type="text"].large,
input[type="password"].large,
input[type="datetime"].large,
input[type="datetime-local"].large,
input[type="date"].large,
input[type="month"].large,
input[type="time"].large,
input[type="week"].large,
input[type="number"].large,
input[type="email"].large,
input[type="url"].large,
input[type="search"].large,
input[type="tel"].large,
input[type="color"].large,
.uneditable-input.large {
  font-size: 16.996px;
  /* 17px */

  height: 25px;
  padding: 8px 5px;
  text-indent: 8px;
}
@media (max-width: 767px) {
  .control-group.large textarea,
  .control-group.large input[type="text"],
  .control-group.large input[type="password"],
  .control-group.large input[type="datetime"],
  .control-group.large input[type="datetime-local"],
  .control-group.large input[type="date"],
  .control-group.large input[type="month"],
  .control-group.large input[type="time"],
  .control-group.large input[type="week"],
  .control-group.large input[type="number"],
  .control-group.large input[type="email"],
  .control-group.large input[type="url"],
  .control-group.large input[type="search"],
  .control-group.large input[type="tel"],
  .control-group.large input[type="color"],
  .control-group.large .uneditable-input,
  textarea.large,
  input[type="text"].large,
  input[type="password"].large,
  input[type="datetime"].large,
  input[type="datetime-local"].large,
  input[type="date"].large,
  input[type="month"].large,
  input[type="time"].large,
  input[type="week"].large,
  input[type="number"].large,
  input[type="email"].large,
  input[type="url"].large,
  input[type="search"].large,
  input[type="tel"].large,
  input[type="color"].large,
  .uneditable-input.large {
    height: 45px;
  }
}
.control-group.small textarea,
.control-group.small input[type="text"],
.control-group.small input[type="password"],
.control-group.small input[type="datetime"],
.control-group.small input[type="datetime-local"],
.control-group.small input[type="date"],
.control-group.small input[type="month"],
.control-group.small input[type="time"],
.control-group.small input[type="week"],
.control-group.small input[type="number"],
.control-group.small input[type="email"],
.control-group.small input[type="url"],
.control-group.small input[type="search"],
.control-group.small input[type="tel"],
.control-group.small input[type="color"],
.control-group.small .uneditable-input,
textarea.small,
input[type="text"].small,
input[type="password"].small,
input[type="datetime"].small,
input[type="datetime-local"].small,
input[type="date"].small,
input[type="month"].small,
input[type="time"].small,
input[type="week"].small,
input[type="number"].small,
input[type="email"].small,
input[type="url"].small,
input[type="search"].small,
input[type="tel"].small,
input[type="color"].small,
.uneditable-input.small {
  font-size: 12.992px;
  /* 13px */
  padding: 5px;
  text-indent: 3px;
}
@media (max-width: 767px) {
  .control-group.small textarea,
  .control-group.small input[type="text"],
  .control-group.small input[type="password"],
  .control-group.small input[type="datetime"],
  .control-group.small input[type="datetime-local"],
  .control-group.small input[type="date"],
  .control-group.small input[type="month"],
  .control-group.small input[type="time"],
  .control-group.small input[type="week"],
  .control-group.small input[type="number"],
  .control-group.small input[type="email"],
  .control-group.small input[type="url"],
  .control-group.small input[type="search"],
  .control-group.small input[type="tel"],
  .control-group.small input[type="color"],
  .control-group.small .uneditable-input,
  textarea.small,
  input[type="text"].small,
  input[type="password"].small,
  input[type="datetime"].small,
  input[type="datetime-local"].small,
  input[type="date"].small,
  input[type="month"].small,
  input[type="time"].small,
  input[type="week"].small,
  input[type="number"].small,
  input[type="email"].small,
  input[type="url"].small,
  input[type="search"].small,
  input[type="tel"].small,
  input[type="color"].small,
  .uneditable-input.small {
    height: 34px;
  }
}
.control-group textarea,
.control-group input[type="text"],
.control-group input[type="password"],
.control-group input[type="datetime"],
.control-group input[type="datetime-local"],
.control-group input[type="date"],
.control-group input[type="month"],
.control-group input[type="time"],
.control-group input[type="week"],
.control-group input[type="number"],
.control-group input[type="email"],
.control-group input[type="url"],
.control-group input[type="search"],
.control-group input[type="tel"],
.control-group input[type="color"],
.control-group .uneditable-input {
  margin-bottom: 0;
}
.control-group {
  position: relative;
}
.control-group > .input-icon {
  position: absolute;
  top: 2px;
  right: 2px;
  line-height: 37px;
  vertical-align: middle;
  font-size: 19.991999999999997px;
  /* 20px */

  color: #b2bcc5;
  background-color: #ffffff;
  padding: 0 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.control-group input:focus + .input-icon {
  color: #34495e;
}
.control-group.huge > .input-icon {
  line-height: 49px;
}
.control-group.large > .input-icon {
  line-height: 41px;
}
.control-group.small > .input-icon {
  font-size: 15.988px;
  /* 16px */

  line-height: 30px;
}
.control-group.success > .input-icon,
.control-group.success input + .input-icon {
  color: #2ecc71;
}
.control-group.warning > .input-icon,
.control-group.warning input + .input-icon {
  color: #f1c40f;
}
.control-group.error > .input-icon,
.control-group.error input + .input-icon {
  color: #e74c3c;
}
.control-group.disabled > .input-icon,
.control-group.disabled input + .input-icon {
  color: #d5dbdb;
  background-color: #f4f6f6;
}
input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly] {
  background-color: #f4f6f6;
  border-color: #d5dbdb;
  color: #d5dbdb;
  cursor: default;
}
input,
textarea,
.uneditable-input {
  width: 192px;
}
textarea {
  height: auto;
  font-size: 14.994px;
  /* 15px */

  line-height: 24px;
  padding: 8px 5px;
  text-indent: 0;
}
textarea[class*="span"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 1.231;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14.994px;
  /* 15px */

}
@media (max-width: 767px) {
  .input-append input,
  .input-prepend input,
  .input-append select,
  .input-prepend select,
  .input-append .uneditable-input,
  .input-prepend .uneditable-input,
  .input-append .dropdown-menu,
  .input-prepend .dropdown-menu,
  .input-append .popover,
  .input-prepend .popover {
    margin-top: 0;
  }
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;

  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
  height: 1.231;
  min-width: 32px;
  padding: 6px 10px 7px 5px;
  font-size: 18px;
  /* 18px */

  line-height: 38px;
  height: 19px;
  background-color: #ACDFEC;
  border: 2px solid #ACDFEC;
  color: #ffffff;
  text-shadow: none;
  text-indent: 2px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  -moz-transition: border .25s linear, color .25s linear, background-color .25s linear;
  -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-backface-visibility: hidden;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #26bce3;
  border-color: #26bce3;
}
.control-group.huge .add-on,
.add-on.huge {
  height: 31px;
  line-height: 29px;
}
.control-group.large .add-on,
.add-on.large {
  line-height: 21px;
}
.control-group.small .add-on,
.add-on.small {
  height: 12px;
  line-height: 10px;
}
.control-group.focus .add-on {
  background-color: #29bce1;
  border-color: #29bce1;
}
.control-group.focus .btn {
  background-color: #007fb7;
}
.control-group.focus .btn:hover,
.control-group.focus .btn:focus,
.btn-group:focus .control-group.focus .btn.dropdown-toggle {
  background-color: #29bce1;
}
.control-group.focus .btn:active,
.btn-group.open .control-group.focus .btn.dropdown-toggle,
.control-group.focus .btn.active {
  background-color: #16a085;
}
.control-group.focus .input-append .btn + .btn {
  border-left-color: #16a085;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -2px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;

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

}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;

  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;

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

}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -2px;
}
.input-append .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-append .btn + .btn {
  border-left: 2px solid #b6c4cd;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;

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

}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -2px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;

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

}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -2px;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;

  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}



.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover,
.datepicker td.active, .datepicker td.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover,
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover
 {
  background-image: none;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled]:hover
 {
  background-color: #26BBE3;
}

/* DASHBOARD */
.tab-content.home {
}

.tab-content.home .chart.doughnut h2 { 
  position:absolute;
  top:10px;
  left:0;
  width:80px;
}

.counter a {
  color: #ffffff;
} 

.tab-content.home .chart.doughnut .counter {
  position: relative;
}

.tab-content.home .chart.doughnut .side .title {
  color:#404040;
  font-size: 60px;
  line-height: 50px;
  margin-bottom:4px;
}

.tab-content.home .chart.doughnut .side .footer {
  font-size:10pt;
}

.tab-content.home h2 {
  text-transform: uppercase;
  font-size: 28px;
}

.tab-content.home h2, 
.tab-content.home a {
/*  color: #fff;*/
}

.tab-content.home #charts {
  margin: 30px 0 0 30px;
}

.tab-content.home #charts .chart {
  margin-right: 30px;
}

.tab-content.home #charts .chart .days {
  font-size: 10pt;
}

.tab-content.home #charts .chart .days strong {
  color: #ffffff;
  font-size: 16pt;
  font-weight: normal;
  margin-right: 5px;
}

.tab-content.home #charts .chart .side {
  position: relative;
  color: #404040;
  height:74px;
}

.tab-content.home #charts .chart .contacts {
  font-size: 10pt;
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
}

.tab-content.home #charts .chart .contacts strong {
  font-weight: normal;
  color: #ffffff;
  margin-right: 5px;
}

.tab-content.home #charts .chart .contacts .title {
  margin-right: 10px;
}

.tab-content.home #charts .chart .counter {
  color: #ffffff;
  font-size: 90px;
  line-height: 65px;
  text-align: center;
  margin-right: 20px;

  text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
  filter: dropshadow(color=rgba(0,0,0,0.5), offx=2, offy=2);

}
  
.tab-content.home #charts .chart .ctx div {
  float: left;
  margin-left: -8px;
}

.tab-content.home #charts .chart .ctx div:first-child {
  margin-left: 0;
}

.tab-content.home .charts {
  margin-top: 50px;
}

.tab-content.home .charts .chart {
  float: left;
  margin-right: 2em;
  text-align: center;
  position: relative;
}

.tab-content.home .charts .chart h3 {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
}

.tab-content.home .charts .chart p {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 110px;
  line-height: 110px;
  font-size: 35px;
}

.tab-content.home #counter-container {
  width: 430px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.tab-content.home #counter-container h2 {
  color: #5B6264;
  font-size: 14px;
  height: 1px;
  text-align: center;
  position: relative;
}

.tab-content.home #counter-container h2 span {
  position: relative;
  top: -1.5em;
  display: inline-block;
}

.tab-content.home #counter {
  text-align: center;
  margin: 0 auto 20px;
  font: bold 170px/160px Dosis, "Helvetica Neue", helvetica, serif;
  font-weight: 300;
  color: #ffffff;
  opacity: 0.5;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;

  text-shadow: 3px 3px 0px rgba(0,0,0,0.1);
  filter: dropshadow(color=rgba(0,0,0,0.1), offx=3, offy=3);

}

.tab-content.home #counter.come-in {
  opacity: 1;
}

#item-counter {
  width: 115px;
  text-align: left;
}

#orders-counter,
#contacts-counter {
  width: 200px;
  text-align: right !important;
  padding-right: 20px;
}

#orders-counter:before {
  content: "$";
}

#page-wrap > section {
  height: 100%;
  padding-bottom: 60px;
}

#page-wrap > section > .panel {
  height: 100%;
  overflow: auto;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
}

.plupload_filelist_footer {
  height: 38px !important;
}

.control-group.error .help-inline { color: #E74C3C; }

.popover { border-radius: 0px; }
.popover-content { color: #000; }

.page-wrap > header {
  padding: 13px 18px;
  margin-bottom: 0px;
  position: relative;
  z-index: 5;
  background: #ffffff url(/spitfire/admin/img/stripe.png) 0px 100% repeat-x;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
  -webkit-transition: background 2s ease 0s;
  -moz-transition: background 2s ease 0s;
  transition: background 2s ease 0s;
}

.page-wrap > header:hover {
    background-position: 100px 100%;
    -webkit-transition: background 2s ease 0s;
    -moz-transition: background 2s ease 0s;
    transition: background 2s ease 0s;
}

.page-wrap > header .header-shortcuts a {
  color: #e5e5e5;
  -webkit-transition: color 2s ease 0s;
  -moz-transition: color 2s ease 0s;
  transition: color 2s ease 0s;
}

.page-wrap > header .header-shortcuts a:hover {
  color: #000000;
  -webkit-transition: color 2s ease 0s;
  -moz-transition: color 2s ease 0s;
  transition: color 2s ease 0s;
}

.toggle-menu {
  color: #595b65;
  position: relative;
  z-index: 4;
  padding: 0.4em 0.8em;
  cursor: pointer;
}

@media print {
  #page-wrap > header { display: none; }
}


/* tooltips */

.tooltip .tooltip-inner {
  border-radius: 0px;
  font-size: 8pt;
}

.right {
  text-align: right;
}

/* print style */
@media print {

  @page {
    margin: 0.5cm;
  }

  #main-nav, .toggle-menu, .nav { display: none; }
}

@media print {
  .no-print { display: none; }
}

.panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* padding */

.ptn,
.pvn,
.pan {
  padding-top: 0;
}
.ptx,
.pvx,
.pax {
  padding-top: 3px;
}
.pts,
.pvs,
.pas {
  padding-top: 5px;
}
.ptm,
.pvm,
.pam {
  padding-top: 10px;
}
.ptl,
.pvl,
.pal {
  padding-top: 20px;
}
.prn,
.phn,
.pan {
  padding-right: 0;
}
.prx,
.phx,
.pax {
  padding-right: 3px;
}
.prs,
.phs,
.pas {
  padding-right: 5px;
}
.prm,
.phm,
.pam {
  padding-right: 10px;
}
.prl,
.phl,
.pal {
  padding-right: 20px;
}
.pbn,
.pvn,
.pan {
  padding-bottom: 0;
}
.pbx,
.pvx,
.pax {
  padding-bottom: 3px;
}
.pbs,
.pvs,
.pas {
  padding-bottom: 5px;
}
.pbm,
.pvm,
.pam {
  padding-bottom: 10px;
}
.pbl,
.pvl,
.pal {
  padding-bottom: 20px;
}
.pln,
.phn,
.pan {
  padding-left: 0;
}
.plx,
.phx,
.pax {
  padding-left: 3px;
}
.pls,
.phs,
.pas {
  padding-left: 5px;
}
.plm,
.phm,
.pam {
  padding-left: 10px;
}
.pll,
.phl,
.pal {
  padding-left: 20px;
}
.mtn,
.mvn,
.man {
  margin-top: 0px;
}
.mtx,
.mvx,
.max {
  margin-top: 3px;
}
.mts,
.mvs,
.mas {
  margin-top: 5px;
}
.mtm,
.mvm,
.mam {
  margin-top: 10px;
}
.mtl,
.mvl,
.mal {
  margin-top: 20px;
}
.mrn,
.mhn,
.man {
  margin-right: 0px;
}
.mrx,
.mhx,
.max {
  margin-right: 3px;
}
.mrs,
.mhs,
.mas {
  margin-right: 5px;
}
.mrm,
.mhm,
.mam {
  margin-right: 10px;
}
.mrl,
.mhl,
.mal {
  margin-right: 20px;
}
.mbn,
.mvn,
.man {
  margin-bottom: 0px;
}
.mbx,
.mvx,
.max {
  margin-bottom: 3px;
}
.mbs,
.mvs,
.mas {
  margin-bottom: 5px;
}
.mbm,
.mvm,
.mam {
  margin-bottom: 10px;
}
.mbl,
.mvl,
.mal {
  margin-bottom: 20px;
}
.mln,
.mhn,
.man {
  margin-left: 0px;
}
.mlx,
.mhx,
.max {
  margin-left: 3px;
}
.mls,
.mhs,
.mas {
  margin-left: 5px;
}
.mlm,
.mhm,
.mam {
  margin-left: 10px;
}
.mll,
.mhl,
.mal {
  margin-left: 20px;
}

.empty-screen h1 { margin-top: 4em; }
.empty-screen a.create.empty { margin-top: 2.5em; }

/* custom checkboxes */

.radio, .checkbox { padding-left: 5px; }

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f00d"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f00c"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 7px; } /* allow space for check mark */

input[type=checkbox] + label { opacity: 0.7; }
input[type=checkbox]:checked + label { opacity: 1; color: #141414; }


h5 {
  text-transform: uppercase;
  font-size: 1.1em;
  margin-top: 1.2em;
}


.gravatar.img-circle {
  border: 3px solid rgba(214, 214, 214, 0.5);
  -webkit-transition: border 2s ease 0s;
  -moz-transition: border 2s ease 0s;
  transition: border 2s ease 0s;
}

.gravatar.img-circle:hover {
  border: 3px solid rgba(214, 214, 214, 1);
  -webkit-transition: border 2s ease 0s;
  -moz-transition: border 2s ease 0s;
  transition: border 2s ease 0s;
}


/*******************************/

      .counter {
        position: relative;
      }
    
      .counter .box {
        color: #fff;
        padding: 14px 16px;
        margin-bottom: 20px;
      }
      
      .counter .box header {
        text-transform: uppercase;
      }
      
      .counter .box footer {
        text-align: center;
        font-size: 16px;
      }
      
      .counter .box section {
        text-align: center;
        font-size: 100px;
      }
      
      .counter .last {
        color: #b6c4cd;
        position: absolute;
        bottom: 0;
        left: 15px;
      }

			.counter .row.chart {
				margin-bottom: 20px;
			}
      
      .counter .chart span {
        font-size: 40px;
				margin-bottom: 20px;
				display: block;
      }

			.counter .chart .last div {
				margin-left: 20px;
			}
    
      #account-usage .box {
        background-color: #239fd7;
      }
    
      #orders .box {
        background-color: #06325b;
      }
      
      #orders .chart span {
        color: #06325b;
      }
      
      #contacts .box {
        background-color: #289e4d;
      }
      
      #contacts .chart span {
        color: #289e4d;
      }
      
      #ctx-item {
        margin-top: 10px;
      }
      
      #chart-items {
        position: relative;
      }
      
      #chart-items a {
        position: absolute;
        top: 47px;
        left: 47px;
        color: #fff;
        font-size: 50px;
        display: block;
      }
      
      .container {
        margin-top: 50px;
      }
  /*    
      form .btn {
        width: 59px;
        background-color: #d9eff5;
        border-color: #d9eff5;
        color: #fff;
        line-height: 34px;
        border-radius: 0;
        font-size: 25px;
        margin-left: -3px;
      }
      
      form .btn:hover {
        background-color: #d9eff5;
        border-color: #d9eff5;
        color: #fff;
      }
      
      #search {
        height: 35px;
        border-radius: 0;
        border-color: #d9eff5;
        width: 285px;
        font-size: 20px;
      }
*/      
      #search::-webkit-input-placeholder { color: #d9eff5; }
      #search:-moz-placeholder { #searchcolor: #d9eff5; }
      #search::-moz-placeholder { color: #d9eff5; }
      #search:-ms-input-placeholder { color: #d9eff5; }
      

/*******************************/
.right { text-align: right; }
.left { text-align: left; }


.panel { background: transparent; border-radius: 0px; border: 0px; }

.sidebar .panel.header {
  background:#2e2e2e;
}

.sidebar .panel.header,
.sidebar .panel.header a,
.sidebar .panel.header .btn-toggle-menu {
  color: #ffffff;
}

.sidebar .handle {
  color: #3e3e3e;
}

.cbp-spmenu {
    background: #292929;
    position: absolute;
}

.cbp-spmenu:after {
  content: "";
  position: absolute;
  right: 0;
  width: 7px;
  background: -webkit-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
 
._cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}
 
._cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
}
 
._cbp-spmenu a:hover {
    background: #258ecd;
}
 
._cbp-spmenu a:active {
    background: #afdefa;
    color: #47a3da;
}
 
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
    width: 400px;
    height: 100%;
    z-index: 1000;
    overflow-y: auto;
}
 
.cbp-spmenu-vertical a {
  color: #ffffff;
}

.cbp-spmenu-vertical .list .list a {
  color: #676767;
}
 
.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}
 
.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}
 
.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}
 
/* Vertical menu that slides from the left or right */
 
.cbp-spmenu-left {
    left: -42%;
}
 
.cbp-spmenu-right {
    right: -240px;
}
 
.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}
 
.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}
 
/* Horizontal menu that slides from the top or bottom */
 
.cbp-spmenu-top {
    top: -150px;
}
 
.cbp-spmenu-bottom {
    bottom: -150px;
}
 
.cbp-spmenu-top.cbp-spmenu-open {
    top: 62px;
    padding-bottom: 62px;
}
 
.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}
 
/* Push classes applied to the body */
 
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
 
.cbp-spmenu-push-toright {
    left: 240px;
}
 
.cbp-spmenu-push-toleft {
    left: -240px;
}
 
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btn-toggle-menu {
  margin-top: 50px;
}

.btn-toggle-menu {
  cursor: pointer;
}

.cbp-spmenu { position: absolute; }


.cbp-spmenu-vertical { }

.sidebar .dot {
  margin-top:8px;
  margin-left:4px;
}







textarea, input { outline: none; }

pre.ace_editor { 
  border-radius: 0px; 
  border-color: #eaeaeb;
  border-right:0px;
  border-left:0px;
}

.inline {
  display: inline-block;
}

.payment-card {
  cursor:pointer;
}

.btn-gray {
  background: #e2e2e2;
}

.btn-gray:hover {
  background: #292929;
}

.btn-dark {
  color: #5B6264;
  background: transparent;
  padding: 4px 8px 7px 8px;
}

.btn-dark.btn:hover, .btn-dark.btn:focus, .btn-dark.btn-group:focus .btn-dark.btn.dropdown-toggle {
  color: #5B6264;
  background: transparent;
}

.btn-dark:hover {
  color: #404040;
  background: transparent;
}

.divider-bottom {
  border-bottom: 1px solid #f2f2f2;
}

/* ITEM SHOW PAGE */
h1.item {
  font-size: 2em;
  margin-top: 1.5em;
  margin-bottom: 2em;
}

.item-box { 
  color: #fff; 
  padding: 20px 0;
  margin-bottom: 2em;
  width: 218px;
  height: 193px;
  position: relative;
}

.item-box .action {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
      -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;

}

.item-box:hover .action {
  display: block;
  opacity: 1;
}

.item-box .action a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 35%;
  text-align: center;
  color: #ffffff;
  position: absolute;
  font-size: 2em;
}

.item-box .head { font-size: 16px; }

.item-box .num { font-size: 100px; line-height: 100px; }
.item-box a { color: #ffffff; }

.item-box:first-child, .item-box:first-child .action { background-color: #345fa5; }
.item-box:nth-child(2), .item-box:nth-child(2) .action { background-color: #55a93c; }
.item-box:last-child, .item-box:last-child .action { background-color: #ffad17; }

.item-content, .item-variant, .item-link {
  padding: 0;  
}

.item-content, .item-variant {
  border-style: solid;
  border-color: #f0f0f0 #f0f0f0 transparent;
  border-width: 1px;
}

.item-content .clearfix,
.item-variant .clearfix:last-child {
  border-style: solid;
  border-width: 1px;
  border-color: #f0f0f0 transparent #f0f0f0;
}

.item-content .clearfix .pull-left,
.item-variant .clearfix:last-child .pull-left {
  border-right: solid 1px #E1E1E1;
}

.item-content .clearfix .pull-left:last-child,
.item-variant .clearfix:last-child .pull-left:last-child {
  border-right: 0;
}

.brn { border-right: 0; }

.item-content .handle,
.item-variant .handle,
.item-link .handle {
  padding: 0;
}

.item-content h4 a,
.item-variant h4 a,
.item-link h4 a {
  color: #5B6264;
}

.item-content a,
.item-variant a,
.item-link a {
  color: #858585;
}

.item-content a:hover,
.item-variant a:hover,
.item-link a:hover {
  color: #000000;
}

.item-content h4,
.item-variant h4,
.item-link h4 {
  color: #2a2a2a;
}


h2.heading-item-link {
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
  padding-left: 70px;
}

.item-link.clearfix {
  border-bottom: solid 1px #f0f0f0;
}

@media (max-width:800px) {
  .item-box {
    margin-right: 15px;
    &:last-child {
      margin-right: 0;
    }
  }
  .cbp-spmenu-left {
    left: -53%;
  }
}

@media (max-width:600px) {
  .cbp-spmenu-left {
    left: -67%;
  }
  .item-box {
    width: 165px;
    height: 165px;
  }
  .item-box .num {
    font-size: 80px;
  }
}

@media (max-width:480px) {
  .cbp-spmenu-left {
    left: -84%;
  }
  .item-box {
    width: 125px;
    height: 125px;
    padding: 8px 0;
  }
  .item-box .head {
    font-size: 12px;
  }
  .item-box .num {
    font-size: 65px;
  }
}

@media (max-width:320px) {
  .cbp-spmenu-left {
    left: -125%;
  }
  .item-box {
    margin-right: 0;
    width: 260px;
    height: 260px;
    padding: 20px 0;
  }
  .item-box .head {
    font-size: 16px;
  }
  .item-box .num {
    font-size: 100px;
    line-height: 165px;
  }
  .cbp-spmenu-vertical {
    width: 100%;
  }
}

/* Question Mark */

.help-underlay * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.help-underlay {
  position: absolute;
  background: #555;
  background: rgba(0,0,0,0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
  left: 0; right: 0; top: 0; bottom: 0;
}

.ie8 .help-underlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=95)"; /* for IE8 in IE7 mode */
  filter: alpha(opacity=95); /* for IE8 */
  visibility: hidden;
}

.help-modal {
  position: fixed;
  z-index: 99999;
  left: 0; right: 0; top: 0; bottom: 0;
  width: 80%;
  margin: auto;
  background: #fff;
  color: #676767;
  max-height: 80%;
  overflow: auto;
  font-family: Arial, sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.5);
  box-shadow: 0 4px 12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.5);
  -webkit-transition: width .2s linear;
  -moz-transition: width .2s linear;
  -o-transition: width .2s linear;
  transition: width .2s linear;
}

  .help-modal-content {
    padding: 0 20px;
  }

  .help-close {
    position: absolute;
    top: .4em;
    right: .5em;
    font-size: 1.8em;
    cursor: pointer;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
  }

    .help-close:hover {
      color: #000;
    }

.help-modal h1 {
  text-align: center;
  margin: .5em;
  font-size: 1.5em;
  padding-bottom: .4em;
  border-bottom: solid 2px #ccc;
  font-weight: normal;
}

  .help-modal h1 .help-key {
    float: none;
    line-height: 1.5;
    position: relative;
    bottom: 4px;
  }

.help-isVisible {
  opacity: 1;
  visibility: visible;
  height: auto;
  z-index: 8888;
}

.ie8 .help-underlay.help-isVisible {
  visibility: visible;
}

.help-list-wrap {
  overflow: hidden;
  margin: 0 auto;
  -webkit-transition: width .2s linear;
  -moz-transition: width .2s linear;
  -o-transition: width .2s linear;
  transition: width .2s linear;
}

.help-list {
  list-style: none;
  margin: 0;
  padding: 0 0 10px 0;
  overflow: hidden;
  float: left;
  width: 310px;
}

.help-list h4 {
  margin-left:5px;
}

  .help-list li {
    margin-right: 40px;
  }

.help-key-unit {
  line-height: 1.8;
  margin-right: 2em;
  padding: 5px 0;
}

.help-key {
  position: relative;
  bottom: 2px;
  margin-left: 5px;
  margin-right: 5px;
}

.help-key span {
  font-size: 12px;
  color: #ffffff;
  display: inline-block;
  padding: 2px 8px;
  text-align: center;
  background-color: #005393;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.help-key-def {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.control-group input[type="text"],
.control-group input[type="email"],
.control-group input[type="url"] {
	height: auto;
}

/* billing */
#billing-date-range {
	text-align: right;
}

@media (max-width: 767px) {
	#billing-date-range {
		text-align: left;
	}
}

#markdown-help .modal-dialog {
	width: 95%;
}

#markdown-help .nav-pills > li > a:hover {
	background-color: #eee;
	text-shadow: none;
	color: #007CA0;
	border-color: rgba(0,0,0,0);
}

#markdown-help .code {
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 10px;
}

#markdown-help .code pre {
	background: none;
	border: none;
	border-radius: 0;
	margin: 0 0 0 -60px;
}

/* edit order */
form.simple_form.edit_order input {
	width: 100%;
}

.ready {
  background: #d9f4ff;
}

/* dashboard */
@media (max-width:640px) {
	#dashboard .panel.pln.prm.mtl {
		padding: 0;
	}

	#dashboard .col-md-8 {
		padding: 0;
	}
	
	#dashboard .list .geo {
		margin-right: 0 !important;
	}
	
	.counter .box section {
		font-size: 60px;
	}
	
	#chart-items {
		display: none;
	}
	
	#account-usage .pull-right {
		float: none !important;
		text-align: center;
	}
}

/* login */
#secure-info {
	position:absolute;
	bottom:0px;
	padding: 5px 5px 5px 10px;
}

@media (min-width:320px) and (max-width:480px) {
	#secure-info {
		bottom: auto;
		top: 400px;
	}
}

/* primary domain */
#account_domain {
	width: 300px;
}

@media (max-width:320px) {
	#account_domain {
		width: 180px;
	}
}

.search-form { padding: 4px; padding-right:0px; background-color: transparent; margin-right: 0px; margin-top: 5px; }
.search-form form { margin: 0; }
.search-form #s { 
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    font-size: 1.2em;
    border-bottom: solid 1px #efefef;
    padding: 5px 0px;
    text-indent: 0px;
    font-weight: normal;
    width: 80px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    height: 1.2em;
    transition: all .25s linear;
}

.search-form #s:focus  {
  width: 80%;
  color: #404040 !important;
  border-color: #e3dfdf;
    transition: all .25s linear;
}

@media (min-width:320px) and (max-width:480px) {
.search-form #s { 
    width: 90%;
}
  .search-form #s:focus  {
    width: 90%;
  }
}
@media (max-width:320px) {
.search-form #s { 
    width: 110px;
}
  .search-form #s:focus  {
    width: 110px;
  }
}

.search-form #s::-webkit-input-placeholder { color: #efefef; }
.search-form #s:-moz-placeholder { color: #efefef; }
.search-form #s::-moz-placeholder { color: #efefef; }
.search-form #s:-ms-input-placeholder { color: #efefef; }

.search-form #search_submit {
  padding: 0px;
  background-color: transparent;
  border: 0px; 
  position: relative;
  top:6px;
  margin-left: 10px;
  color: #efefef;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

.search-form #search_submit:hover {
  color: #404040;
  -webkit-transition: color 0.8s ease;
  -moz-transition: color 0.8s ease;
  transition: color 0.8s ease;
}

.search-form #search_submit i {
  font-size: 1.5em;
}

.items-sidebar { width:130px; }

@media (max-width:640px) {
  .items-sidebar { width:80px  }
}

@media (max-width:340px) {
  .items-sidebar { width:40px  }
}

#contacts .geo {
	min-width:250px;
	text-align:left;
	margin-top:0px;
	margin-right:110px;
}

@media (max-width:480px) {
	#variant_manufacturer_part_number,
	#variant_stock_on_hand,
	#region_handling_fee,
	#region_freight_fixed_charge_per_line_item,
	#region_freight_percentage_charge_per_line_item,
	#region_max_freight,
	#region_free_freight_threshold,
	#shipping_company_organisation,
	#shipping_company_tracking_url,
	#shipping_company_reference_name {
		width: 365px;
	}
	
	#freight_policy_name,
	#payment_gateway_eway_customer_id,
	#payment_gateway_paypal_login,
	#payment_gateway_paypal_signature,
	#payment_gateway_paypal_password,
	#payment_gateway_stripe_test_secret_key,
	#payment_gateway_stripe_test_publishable_key,
	#payment_gateway_stripe_live_secret_key,
	#payment_gateway_stripe_live_publishable_key,
	#payment_gateway_payment_express_username,
	#payment_gateway_payment_express_password,
	#navigation_category_name,
	#navigation_category_title,
	#navigation_category_link,
	#navigation_category_window_target,
	#snippet_name,
	#snippet_address_pattern,
	#snippet_subject,
	#snippet_from,
	#snippet_from_name,
	#snippet_bcc,
	#style_sheet_name,
	#style_set_name,
	#style_set_media {
		width: 365px !important;
	}
	
	#link_slug {
		width: 280px !important;
	}
	
	#discount_code {
		width: 230px;
	}
	
	#freight_policy_minimum_value,
	#freight_policy_maximum_value {
		margin-top: 0;
	}
}

@media (max-width:320px) {
	#contacts .geo {
		margin-right: 15px;
	}
	
	.item-content > .clearfix > div:first-child,
	.item-content > .clearfix > div:nth-child(2),
	.item-content > .clearfix > div:nth-child(3) {
		padding-left: 0;
		padding-right: 0;
	}
	
	.item-content > .clearfix > div:nth-child(3) {
		font-size: 11px;
		padding-top: 13px;
	}
	
	.item-link div:last-child {
		font-size: 11px;
	}
	
	#variant_manufacturer_part_number,
	#variant_stock_on_hand,
	#region_handling_fee,
	#region_freight_fixed_charge_per_line_item,
	#region_freight_percentage_charge_per_line_item,
	#region_max_freight,
	#region_free_freight_threshold,
	#shipping_company_organisation,
	#shipping_company_tracking_url,
	#shipping_company_reference_name {
		width: 270px;
	}
	
	#freight_policy_name,
	#freight_policy_policy_type,
	#payment_gateway_eway_customer_id,
	#payment_gateway_paypal_login,
	#payment_gateway_paypal_signature,
	#payment_gateway_paypal_password,
	#payment_gateway_stripe_test_secret_key,
	#payment_gateway_stripe_test_publishable_key,
	#payment_gateway_stripe_live_secret_key,
	#payment_gateway_stripe_live_publishable_key,
	#payment_gateway_payment_express_username,
	#payment_gateway_payment_express_password,
	#navigation_category_name,
	#navigation_category_title,
	#navigation_category_link,
	#navigation_category_window_target,
	#snippet_name,
	#snippet_address_pattern,
	#snippet_subject,
	#snippet_from,
	#snippet_from_name,
	#snippet_bcc,
	#style_sheet_name,
	#style_set_name,
	#style_set_media {
		width: 270px !important;
	}
	
	#link_slug {
		width: 150px !important;
	}
}

/* full screen search */
.search-button {
	font-size: 12px;
  color: #efefef;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

.search-button:hover {
  color: #404040;
  -webkit-transition: color 0.8s ease;
  -moz-transition: color 0.8s ease;
  transition: color 0.8s ease;
}

.search-overlay {
	position: fixed;
	right: 0px;
	bottom: 0px;
	top: 0px;
	left: 0px;
	display:none;
	z-index: 9999;
	background-color: #ffffff;
}

.search-overlay.open {
	display: block;
}

.search-overlay .search-close {
	position: absolute;
	right: 1em;
	top: 0.5em;
	font-size:2em;
	border: none;
	outline: none;
	z-index: 100;
	background: transparent;
}

.search-overlay form {
	top: 20%;
	position:relative;
	margin: 75px auto 40px;
	width: 75%;
	max-width: 1200px;
}

.search-overlay form input {
	border: none;
	background: none;
	width: 100%;
	font-size: 50px;
	font-weight: 300;
	line-height: 65px;
	color: #2b2f33;
}

.search-overlay form input::-webkit-input-placeholder {
   color: #919da8;
}

.search-overlay form input:-moz-placeholder { /* Firefox 18- */
   color: #919da8;  
}

.search-overlay form input::-moz-placeholder {  /* Firefox 19+ */
   color: #919da8;  
}

.search-overlay form input:-ms-input-placeholder {  
   color: #919da8;  
}

@media screen and (max-width: 600px) {

	.search-overlay .search-close {
		font-size:1.5em;
		right: -15px !important;
		top: 5px !important;
	}
	
	.search-overlay form {
		top: 50px;
		margin: 0px 0px 0px 10px;
	}
	
	.search-overlay form input {
		font-size: 25px;
		line-height: 35px;		
	}
	
}