/*http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all*/

/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../../include/family/fonts/1.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../../include/family/fonts/2.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../../include/family/fonts/3.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../../include/family/fonts/4.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../../include/family/fonts/5.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../../include/family/fonts/6.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url("../../include/family/fonts/7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("../../include/family/fonts/8.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("../../include/family/fonts/9.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("../../include/family/fonts/10.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("../../include/family/fonts/11.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("../../include/family/fonts/12.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("../../include/family/fonts/13.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url("../../include/family/fonts/14.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("../../include/family/fonts/15.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("../../include/family/fonts/16.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("../../include/family/fonts/17.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("../../include/family/fonts/18.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("../../include/family/fonts/19.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("../../include/family/fonts/20.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("../../include/family/fonts/21.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../include/family/fonts/22.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../include/family/fonts/23.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../include/family/fonts/24.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../include/family/fonts/25.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../include/family/fonts/26.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../include/family/fonts/27.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../include/family/fonts/28.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*********************************
 METRONIC SQUARE STYLE COMPONENTS 
*********************************/

/*--------------------------------------------------
    [TRANSITION]
----------------------------------------------------*/

/* Cubic Bezier Transition */

/*--------------------------------------------------
    [RGBA Opacity]
----------------------------------------------------*/

/***
Rounded corners reset
***/

/* Reset rounded corners for all elements */

input,
select,
textarea,
span,
img,
label,
ul,
code,
pre,
 {
  /*-webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;*/
}

div,
button,
table,
li,
td,
th,
p,
a,
.inline-edit-cell input {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* except below bootstrap elements */

.img-circle {
  border-radius: 50% !important;
}

.img-rounded {
  border-radius: 6px !important;
}

/***
General reset
***/

/* Set default body */

body {
  color: #333333;
  font-family: "Open Sans", sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 13px;
  direction: ltr;
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
 properly apply the media queries in Bootstrap's CSS. To address this, 
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/

@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, 
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 
*/

@-ms-viewport {
  width: auto !important;
}

.md-shadow-z-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
}

.md-shadow-z-1-i {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

.md-shadow-z-1-hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-2-i {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-z-2-hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
}

.md-shadow-z-3 {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.md-shadow-z-3-i {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important;
}

.md-shadow-z-3-hover {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26);
}

.md-shadow-z-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-4-i {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-z-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-5-i {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-none {
  box-shadow: none !important;
}

.md-click-circle {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}

.md-click-circle.md-click-animate {
  -webkit-animation: mdClickEffect 0.65s linear;
  -moz-animation: mdClickEffect 0.65s linear;
  animation: mdClickEffect 0.65s linear;
}

@-webkit-keyframes mdClickEffect {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
  }

  100% {
    opacity: 0 !important;
    -webkit-transform: scale(2.5);
  }
}

@-moz-keyframes mdClickEffect {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
  }

  100% {
    opacity: 0 !important;
    -moz-transform: scale(2.5);
  }
}

@keyframes mdClickEffect {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
  }

  100% {
    opacity: 0 !important;
    transform: scale(2.5);
  }
}

.form-group.form-md-line-input {
  position: relative;
  margin: 0 0 35px 0;
  padding-top: 20px;
}

.form-horizontal .form-group.form-md-line-input {
  padding-top: 10px;
  margin-bottom: 20px;
  margin: 0 -15px 20px -15px;
}

.form-horizontal .form-group.form-md-line-input > label {
  padding-top: 5px;
  font-size: 13px;
  color: #888888;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control {
  background: none;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #333;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}

.form-group.form-md-line-input .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-group.form-md-line-input .form-control:-ms-input-placeholder {
  color: #999;
}

.form-group.form-md-line-input .form-control::-webkit-input-placeholder {
  color: #999;
}

.form-group.form-md-line-input .form-control.form-control-static {
  border-bottom: 0;
}

.form-group.form-md-line-input .form-control.input-sm {
  font-size: 14px;
  padding: 6px 0;
}

.form-group.form-md-line-input .form-control.input-lg {
  font-size: 20px;
  padding: 14px 0;
}

.form-group.form-md-line-input .form-control ~ label,
.form-group.form-md-line-input .form-control ~ .form-control-focus {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}

.form-horizontal .form-group.form-md-line-input .form-control ~ label,
.form-horizontal
.form-group.form-md-line-input .form-control ~ .form-control-focus {
  width: auto;
  left: 15px;
  right: 15px;
}

.form-group.form-md-line-input .form-control ~ label:after,
.form-group.form-md-line-input .form-control ~ .form-control-focus:after {
  content: '';
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  width: 0;
  visibility: hidden;
  transition: 0.2s ease all;
}

.form-group.form-md-line-input .form-control ~ label {
  top: 0;
  margin-bottom: 0;
  font-size: 13px;
  color: #888888;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus {
  color: #888888;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  visibility: visible;
  left: 0;
  width: 100%;
  background: #45B6AF;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label {
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block {
  color: #45B6AF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control[readonly],
.form-group.form-md-line-input .form-control[disabled],
fieldset[disabled] .form-group.form-md-line-input .form-control {
  background: none;
  cursor: text;
  border-bottom: 1px dashed #e5e5e5;
}

.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
  font-size: 16px;
  top: 25px;
  transition: 0.2s ease all;
  color: #999;
}

.form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label {
  font-size: 14px;
  top: 24px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label {
  font-size: 20px;
  top: 30px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}

.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
  padding-left: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-icon.right > label {
  padding-left: 0;
  padding-right: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label {
  padding-left: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label {
  padding-right: 34px;
}

.form-group.form-md-line-input + .input-icon {
  padding-top: 0;
}

.form-group.form-md-line-input .help-block {
  position: absolute;
  margin: 2px 0 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 13px;
}

.form-group.form-md-line-input > .input-icon > i {
  left: 0;
  bottom: 0;
  margin: 9px 2px 10px 10px;
  color: #888888;
}

.form-group.form-md-line-input > .input-icon.input-icon-lg > i {
  top: 6px;
}

.form-group.form-md-line-input > .input-icon.input-icon-sm > i {
  top: -1px;
}

.form-group.form-md-line-input > .input-icon .form-control {
  padding-left: 34px;
}

.form-group.form-md-line-input > .input-icon > label {
  margin-top: -20px;
}

.form-group.form-md-line-input > .input-icon.right .form-control {
  padding-left: 0;
  padding-right: 34px;
}

.form-group.form-md-line-input > .input-icon.right > i {
  left: auto;
  right: 8px;
  margin: 11px 2px 10px 10px;
}

.form-group.form-md-line-input + .input-group {
  padding-top: 0;
}

.form-group.form-md-line-input .input-group {
  padding-top: 0;
}

.form-group.form-md-line-input .input-group > label {
  margin-top: -20px;
}

.form-group.form-md-line-input .input-group .input-group-addon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: none;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.form-group.form-md-line-input .input-group + .input-group-control {
  padding-top: 0;
}

.form-group.form-md-line-input .input-group .input-group-control {
  padding-top: 0;
  position: relative;
  display: table-cell;
  vertical-align: bottom;
}

.form-group.form-md-line-input .input-group .input-group-control > label {
  margin-top: -20px;
}

.form-group.form-md-line-input .input-group .input-group-btn .btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn {
  margin-right: 10px;
}

.form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn {
  margin-left: 10px;
}

.form-group.form-md-line-input .input-group .help-block {
  margin-top: 35px;
}

.form-group.form-md-line-input .input-group.input-group-sm .help-block {
  margin-top: 30px;
}

.form-group.form-md-line-input .input-group.input-group-lg .help-block {
  margin-top: 47px;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  background: #3c763d;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ label,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label {
  color: #3c763d;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ i,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i {
  color: #3c763d;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block {
  color: #3c763d;
}

.form-group.form-md-line-input.has-success .input-group-addon {
  color: #3c763d;
}

.form-horizontal .form-group.form-md-line-input.has-success > label {
  color: #3c763d;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  background: #8a6d3b;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label {
  color: #8a6d3b;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i {
  color: #8a6d3b;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block {
  color: #8a6d3b;
}

.form-group.form-md-line-input.has-warning .input-group-addon {
  color: #8a6d3b;
}

.form-horizontal .form-group.form-md-line-input.has-warning > label {
  color: #8a6d3b;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  background: #a94442;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ label,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label {
  color: #a94442;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ i,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i {
  color: #a94442;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block {
  color: #a94442;
}

.form-group.form-md-line-input.has-error .input-group-addon {
  color: #a94442;
}

.form-horizontal .form-group.form-md-line-input.has-error > label {
  color: #a94442;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  background: #31708f;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ label,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label {
  color: #31708f;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ i,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i {
  color: #31708f;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block {
  color: #31708f;
}

.form-group.form-md-line-input.has-info .input-group-addon {
  color: #31708f;
}

.form-horizontal .form-group.form-md-line-input.has-info > label {
  color: #31708f;
}

.form-inline .form-md-line-input {
  margin: 0;
  padding-top: 0;
  margin-right: 20px;
}

.form-inline .form-md-line-input > .input-icon {
  padding: 0;
}

.form-horizontal .form-group.form-md-line-input .input-icon .form-control {
  padding-left: 33px;
}

.form-horizontal .form-group.form-md-line-input .input-icon > i {
  top: 0;
}

.form-horizontal .form-group.form-md-line-input .input-icon.right .form-control {
  padding-left: 0;
  padding-right: 33px;
}

.form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}

.form-horizontal .form-group.form-md-line-input .input-group {
  padding-top: 0;
}

.form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn {
  margin-bottom: 0 !important;
}

.form-horizontal .form-group.form-md-line-input .input-group > .input-group-control {
  padding-top: 0;
}

.form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}

.form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}

.md-checkbox {
  position: relative;
  /* handling click events */
  /* when checkbox is checked */
}

.md-checkbox.md-checkbox-inline {
  display: inline-block;
}

.form-inline .md-checkbox.md-checkbox-inline {
  margin-right: 20px;
  top: 3px;
}

.md-checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}

.md-checkbox label {
  cursor: pointer;
  padding-left: 30px;
}

.md-checkbox label > span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.md-checkbox label > span.inc {
  background: #fff;
  left: -20px;
  top: -20px;
  height: 60px;
  width: 60px;
  opacity: 0;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
}

.md-checkbox label > .box {
  top: 0px;
  border: 2px solid #666;
  height: 20px;
  width: 20px;
  z-index: 5;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.md-checkbox label > .check {
  top: -4px;
  left: 6px;
  width: 10px;
  height: 20px;
  border: 2px solid #45B6AF;
  border-top: none;
  border-left: none;
  opacity: 0;
  z-index: 5;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.md-checkbox label > span.inc {
  -webkit-animation: growCircle 0.3s ease;
  -moz-animation: growCircle 0.3s ease;
  animation: growCircle 0.3s ease;
}

.md-checkbox input[type=checkbox]:checked ~ label > .box {
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
}

.md-checkbox input[type=checkbox]:checked ~ label > .check {
  opacity: 1;
  -webkit-transform: scale(1) rotate(45deg);
  -moz-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg);
}

.md-checkbox input[type=checkbox]:disabled ~ label,
.md-checkbox input[type=checkbox][disabled] ~ label {
  cursor: text;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.md-checkbox input[type=checkbox]:disabled ~ label > .box,
.md-checkbox input[type=checkbox][disabled] ~ label > .box {
  cursor: text;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.md-checkbox input[type=checkbox]:disabled:checked ~ label > .check,
.md-checkbox input[type=checkbox][disabled]:checked ~ label > .check {
  cursor: text;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.md-checkbox.has-error label {
  color: #F3565D;
}

.md-checkbox.has-error label > .box {
  border-color: #F3565D;
}

.md-checkbox.has-error label > .check {
  border-color: #F3565D;
}

.md-checkbox.has-info label {
  color: #89C4F4;
}

.md-checkbox.has-info label > .box {
  border-color: #89C4F4;
}

.md-checkbox.has-info label > .check {
  border-color: #89C4F4;
}

.md-checkbox.has-success label {
  color: #45B6AF;
}

.md-checkbox.has-success label > .box {
  border-color: #45B6AF;
}

.md-checkbox.has-success label > .check {
  border-color: #45B6AF;
}

.md-checkbox.has-warning label {
  color: #dfba49;
}

.md-checkbox.has-warning label > .box {
  border-color: #dfba49;
}

.md-checkbox.has-warning label > .check {
  border-color: #dfba49;
}

.form-md-checkboxes > label {
  font-size: 13px;
  color: #888888;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-md-checkboxes.has-error > label {
  color: #F3565D;
}

.form-md-checkboxes.has-info > label {
  color: #89C4F4;
}

.form-md-checkboxes.has-success > label {
  color: #45B6AF;
}

.form-md-checkboxes.has-warning > label {
  color: #dfba49;
}

.md-checkbox-list {
  margin: 10px 0;
}

.form-horizontal .md-checkbox-list {
  margin-top: 0px;
}

.md-checkbox-list .md-checkbox {
  display: block;
  margin-bottom: 10px;
}

.md-checkbox-inline {
  margin: 10px 0;
}

.form-horizontal .md-checkbox-inline {
  margin-top: 5px;
}

.md-checkbox-inline .md-checkbox {
  display: inline-block;
  margin-right: 20px;
}

.md-checkbox-inline .md-checkbox:last-child {
  margin-right: 0;
}

/* bubble animation */

@-webkit-keyframes growCircle {
  0%, 100% {
    -webkit-transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    -webkit-transform: scale(1.25);
  }
}

@-moz-keyframes growCircle {
  0%, 100% {
    -moz-transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    -moz-transform: scale(1.25);
  }
}

@keyframes growCircle {
  0%, 100% {
    transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    transform: scale(1.25);
  }
}

.md-radio {
  position: relative;
  /* handling click events */
  /* when radio is checked */
}

.md-radio input[type=radio] {
  visibility: hidden;
  position: absolute;
}

.md-radio label {
  cursor: pointer;
  padding-left: 30px;
}

.md-radio label > span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.md-radio label > span.inc {
  background: #fff;
  left: -20px;
  top: -20px;
  height: 60px;
  width: 60px;
  opacity: 0;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
}

.md-radio label > .box {
  top: 0px;
  border: 2px solid #666;
  height: 20px;
  width: 20px;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  z-index: 5;
}

.md-radio label > .check {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #45B6AF;
  opacity: 0;
  z-index: 6;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}

.md-radio label > span.inc {
  -webkit-animation: growCircleRadio 0.3s ease;
  -moz-animation: growCircleRadio 0.3s ease;
  animation: growCircleRadio 0.3s ease;
}

.md-radio input[type=radio]:checked ~ label > .check {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.md-radio input[type=radio]:disabled ~ label,
.md-radio input[type=radio][disabled] ~ label {
  cursor: text;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.md-radio input[type=radio]:disabled ~ label > .box,
.md-radio input[type=radio][disabled] ~ label > .box {
  cursor: text;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.md-radio input[type=radio]:disabled:checked ~ label > .check,
.md-radio input[type=radio][disabled]:checked ~ label > .check {
  cursor: text;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.md-radio.has-error label {
  color: #F3565D;
}

.md-radio.has-error label > .box {
  border-color: #F3565D;
}

.md-radio.has-error label > .check {
  background: #F3565D;
}

.md-radio.has-info label {
  color: #89C4F4;
}

.md-radio.has-info label > .box {
  border-color: #89C4F4;
}

.md-radio.has-info label > .check {
  background: #89C4F4;
}

.md-radio.has-success label {
  color: #45B6AF;
}

.md-radio.has-success label > .box {
  border-color: #45B6AF;
}

.md-radio.has-success label > .check {
  background: #45B6AF;
}

.md-radio.has-warning label {
  color: #dfba49;
}

.md-radio.has-warning label > .box {
  border-color: #dfba49;
}

.md-radio.has-warning label > .check {
  background: #dfba49;
}

.form-md-radios > label {
  font-size: 13px;
  color: #888888;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-md-radios.has-error > label {
  color: #F3565D;
}

.form-md-radios.has-info > label {
  color: #89C4F4;
}

.form-md-radios.has-success > label {
  color: #45B6AF;
}

.form-md-radios.has-warning > label {
  color: #dfba49;
}

.md-radio-list {
  margin: 10px 0;
}

.form-horizontal .md-radio-list {
  margin-top: 0px;
}

.md-radio-list .md-radio {
  display: block;
  margin-bottom: 10px;
}

.md-radio-inline {
  margin: 10px 0;
}

.form-horizontal .md-radio-inline {
  margin-top: 5px;
}

.md-radio-inline .md-radio {
  display: inline-block;
  margin-right: 20px;
}

.md-radio-inline .md-radio:last-child {
  margin-right: 0;
}

/* bubble animation */

@-webkit-keyframes growCircleRadio {
  0%, 100% {
    -webkit-transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    -webkit-transform: scale(1.25);
  }
}

@-moz-keyframes growCircleRadio {
  0%, 100% {
    -moz-transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    -moz-transform: scale(1.25);
  }
}

@keyframes growCircleRadio {
  0%, 100% {
    transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    transform: scale(1.25);
  }
}

/***
General typography
***/

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

h1 {
  font-size: 33px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 23px;
}

h4 {
  font-size: 17px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 12px;
}

/* Headings helper text */

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #444444;
}

/* Block headings */

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Links */

a {
  text-shadow: none;
  color: #5b9bd1;
}

a:hover {
  color: #3175af;
}

a:focus,
a:hover,
a:active {
  outline: 0;
}

/* Horizontal break */

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 0;
}

/* Unstyled List */

.list-unstyled li > .list-unstyled {
  margin-left: 25px;
}

/* Code */

code {
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* Disabled Navigation Link */

.disabled-link .disable-target {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

.disabled-link .disable-target:hover {
  cursor: text !important;
}

.disabled-link:hover {
  cursor: text !important;
}

/***
Utilities
***/

/* Links */

a:hover {
  cursor: pointer;
}

/* Primary Link */

.primary-link {
  color: #65A0D0;
  font-weight: 600;
}

.primary-link:hover {
  color: #5194ca;
}

/* Rounded Element */

.rounded-2 {
  border-radius: 2px !important;
}

.rounded-3 {
  border-radius: 3px !important;
}

.rounded-4 {
  border-radius: 4px !important;
}

/* Circle Element */

.circle {
  border-radius: 25px !important;
}

.circle-right {
  border-radius: 0 25px 25px 0 !important;
}

.circle-left {
  border-radius: 25px 0 0 25px !important;
}

.circle-bottom {
  border-radius: 0 0 25px 25px !important;
}

.circle-top {
  border-radius: 25px 25px 0 0 !important;
}

/* General utilities */

.display-none,
.display-hide {
  display: none;
}

.hidden {
  display: none !important;
}

.primary-font {
  font-family: "Open Sans", sans-serif !important;
}

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

.thin {
  font-weight: 300 !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.fix-margin {
  margin-left: 0px !important;
}

.border {
  border: 1px solid red;
}

.font-hg {
  font-size: 23px;
}

.font-lg {
  font-size: 18px;
}

.font-md {
  font-size: 14px;
}

.font-sm {
  font-size: 13px;
}

.font-xs {
  font-size: 11px;
}

.inline {
  display: inline;
}

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

.text-align-reverse {
  text-align: right;
}

/* Margin and padding utilities */

.no-space {
  margin: 0px !important;
  padding: 0px !important;
}

.no-margin {
  margin: 0;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

/* IE8 & IE9 mode utilities */

.visible-ie8 {
  display: none;
}

.ie8 .visible-ie8 {
  display: inherit !important;
}

.visible-ie9 {
  display: none;
}

.ie9 .visible-ie9 {
  display: inherit !important;
}

.hidden-ie8 {
  display: inherit;
}

.ie8 .hidden-ie8 {
  display: none !important;
}

.hidden-ie9 {
  display: inherit;
}

.ie9 .hidden-ie9 {
  display: none !important;
}

/***
Responsive Utils
***/

@media (max-width: 1024px) {
  .hidden-1024 {
    display: none;
  }
}

@media (max-width: 480px) {
  .hidden-480 {
    display: none;
  }
}

@media (max-width: 320px) {
  .hidden-320 {
    display: none;
  }
}

/***
Demo Utils
***/

.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 10px;
  overflow: auto;
}

.util-btn-margin-bottom-5 .btn {
  margin-bottom: 5px !important;
}

.util-btn-group-margin-bottom-5 .btn-group {
  margin-bottom: 5px !important;
}

/***
Users
***/

.user-info {
  margin-bottom: 10px !important;
}

.user-info img {
  float: left;
  margin-right: 5px;
}

.user-info .details {
  display: inline-block;
}

.user-info .label {
  font-weight: 300;
  font-size: 11px;
}

/***
Top News Blocks(new in v1.2.2) 
***/

.top-news {
  color: #fff;
  margin: 8px 0;
}

.top-news em {
  font-size: 13px;
  margin-bottom: 8px;
  margin-bottom: 0;
  font-style: normal;
  display: block;
}

.top-news em i {
  font-size: 14px;
}

.top-news span {
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
  text-align: left;
}

.top-news a {
  display: block;
  text-align: left;
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
}

.top-news a .top-news-icon {
  right: 8px;
  bottom: 15px;
  opacity: 0.3;
  font-size: 35px;
  position: absolute;
  filter: alpha(opacity=30);
  /*For IE8*/
}

.top-news .btn + .btn {
  margin-left: 0;
}

/***
Block Images(new in v1.2.2)
***/

.blog-images {
  margin-bottom: 0;
}

.blog-images li {
  padding: 0;
  margin: 0;
  display: inline;
}

.blog-images li a:hover {
  text-decoration: none;
}

.blog-images li img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin: 0 2px 8px;
}

.blog-images li img:hover {
  opacity: 1;
  box-shadow: 0 0 0 4px #72c02c;
  transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
}

/***
Sidebar Tags
***/

.sidebar-tags li {
  padding: 0;
}

.sidebar-tags li a {
  color: #555;
  font-size: 12px;
  padding: 3px 5px;
  background: #f7f7f7;
  margin: 0 2px 5px 0;
  display: inline-block;
}

.sidebar-tags li a:hover,
.sidebar-tags li a:hover i {
  background: #EEE;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sidebar-tags li a i {
  color: #777;
}

/***
Custom vertical inline menu
***/

.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ver-inline-menu li {
  position: relative;
  margin-bottom: 1px;
}

.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color: #b9cbd5;
  font-size: 15px;
  padding: 12px 10px 10px 8px;
  margin: 0 8px 0 0;
  text-align: center;
  background: #e0eaf0 !important;
}

.ver-inline-menu li a {
  font-size: 14px;
  font-weight: 300;
  color: #557386;
  display: block;
  background: #f0f6fa;
  border-left: solid 2px #c4d5df;
}

.ver-inline-menu li:hover a {
  background: #e0eaf0;
  text-decoration: none;
}

.ver-inline-menu li:hover i {
  color: #fff;
  background: #c4d5df !important;
}

.ver-inline-menu li.active a {
  border-left: solid 2px #0c91e5;
}

.ver-inline-menu li.active i {
  background: #0c91e5 !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color: #fff;
  background: #169ef4;
  text-decoration: none;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 14px;
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}

@media (max-width: 767px) {
  .ver-inline-menu > li.active:after {
    display: none;
  }
}

/***
Separated List
***/

.list-separated {
  margin-top: 10px;
  margin-bottom: 15px;
}

.list-separated > div:last-child {
  border-right: 0;
}

@media (max-width: 767px) {
  .list-separated {
    /* 767px */
  }

  .list-separated > div {
    margin-bottom: 20px;
  }
}

/***
Number & Chart Stats
***/

.number-stats {
  margin: 10px 0;
}

.number-stats .stat-number {
  display: inline-block;
  margin: 0 5px;
}

.number-stats .stat-number .title {
  font-size: 13px;
  margin-bottom: 3px;
  color: #B8C3C7;
}

.number-stats .stat-number .number {
  font-size: 27px;
  line-height: 27px;
  color: #7D8C9D;
}

.number-stats .stat-chart {
  display: inline-block;
  margin: 0 5px;
}

.number-stats > div {
  border-right: 1px solid #f5f5f5;
}

.number-stats > div:last-child {
  border-right: 0;
}

.number-stats .stat-left {
  float: right;
}

.number-stats .stat-left .stat-number {
  float: right;
  text-align: right;
}

.number-stats .stat-left .stat-chart {
  float: right;
}

.number-stats .stat-right {
  float: left !important;
}

.number-stats .stat-right .stat-number {
  float: left;
  text-align: left;
}

.number-stats .stat-right .stat-chart {
  float: left;
}

.number-stats .stat-number {
  float: left;
  text-align: left;
}

.number-stats .stat-chart {
  float: left;
}

/***
General User Record Listing
***/

.general-item-list > .item {
  padding: 10px 0;
  border-bottom: 1px solid #F1F4F7;
}

.general-item-list > .item:last-child {
  border-bottom: 0;
}

.general-item-list > .item > .item-head {
  margin-bottom: 5px;
}

.general-item-list > .item > .item-head:before,
.general-item-list > .item > .item-head:after {
  content: " ";
  display: table;
}

.general-item-list > .item > .item-head:after {
  clear: both;
}

.general-item-list > .item > .item-head > .item-details {
  display: inline-block;
  float: left;
}

.general-item-list > .item > .item-head > .item-details > .item-pic {
  height: 35px;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.general-item-list > .item > .item-head > .item-details > .item-name {
  display: inline-block;
  margin-right: 10px;
}

.general-item-list > .item > .item-head > .item-details > .item-label {
  color: #C0C9CC;
}

.general-item-list > .item > .item-head > .item-status {
  color: #C0C9CC;
  top: 10px;
  position: relative;
  display: inline-block;
  float: right;
}

.general-item-list > .item > .item-head > .item-status > .badge {
  margin-top: -2px;
}

.general-item-list > .item > .item-body {
  color: #96a5aa;
}

/***
File dropzone
***/

.file-drop-zone {
  border: 2px dashed #ddd;
  padding: 30px;
  text-align: center;
}

.file-drop-zone.file-drop-zone-over {
  border-color: #aaa;
}

/***
Fontawesome Icons
***/

[class^="fa-"]:not(.fa-stack),
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"]:not(.fa-stack),
[class*=" glyphicon-"],
[class*=" icon-"] {
  display: inline-block;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}

/* Make font awesome icons fixed width */

li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

li [class^="glyphicon-"],
li [class*=" glyphicon-"] {
  top: 4px;
}

li [class^="icon-"],
li [class*=" icon-"] {
  top: 1px;
  position: relative;
}

li [class^="fa-"].icon-large,
li [class^="glyphicon-"].icon-large,
li [class^="icon-"].icon-large,
li [class*=" fa-"].icon-large,
li [class*=" glyphicon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/* Icon sizing */

.fa-sm:not(.fa-stack),
.icon-sm {
  font-size: 12px;
}

.fa-lg:not(.fa-stack),
.icon-lg {
  font-size: 16px !important;
}

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

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

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

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

/* Icon coloring */

.icon-state-default {
  color: #c6c6c6;
}

.icon-state-success {
  color: #45B6AF;
}

.icon-state-info {
  color: #89C4F4;
}

.icon-state-warning {
  color: #dfba49;
}

.icon-state-danger {
  color: #F3565D;
}

/***
Font Awesome 4.x Demo
***/

.fa-item {
  font-size: 14px;
  padding: 10px 10px 10px 20px;
}

.fa-item i {
  font-size: 16px;
  display: inline-block;
  width: 20px;
  color: #333;
}

.fa-item:hover {
  cursor: pointer;
  background: #eee;
}

/***
Simple Line Icons Demo
***/

.simplelineicons-demo .item-box {
  display: inline-block;
  font-size: 16px;
  margin: 0 -0.22em 1em 0;
  padding-left: 1em;
  width: 100%;
}

.simplelineicons-demo .item-box .item {
  background-color: #fff;
  color: #33383e;
  border-radius: 8px;
  display: inline-block;
  padding: 10px;
  width: 100%;
}

.simplelineicons-demo .item-box .item span {
  font-size: 22px;
}

@media only screen and (min-width: 768px) {
  .simplelineicons-demo .item-box {
    width: 33.333%;
  }
}

/*** 
Glyphicons Demo
***/

.glyphicons-demo ul {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}

.bs-glyphicon-class {
  text-align: center;
}

.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}

.glyphicons-demo ul li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
}

.glyphicons-demo .glyphicon {
  display: block;
  margin: 5px auto 10px;
  font-size: 24px;
  color: #444;
}

.glyphicons-demo ul li:hover {
  background-color: rgba(86, 61, 124, 0.1);
}

@media (min-width: 768px) {
  .glyphicons-demo ul li {
    width: 12.5%;
  }
}

/***
Customized Bootstrap Alerts
***/

.alert {
  border-width: 1px;
}

.alert.alert-borderless {
  border: 0;
}

/***
Bootstrap Alerts
***/

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

/***
Custom Bootstrap Badges
***/

.badge {
  font-size: 11px !important;
  font-weight: 300;
  text-align: center;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  text-align: center;
  vertical-align: middle;
}

.badge.badge-roundless {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.badge.badge-empty {
  display: inline-block;
  padding: 0;
  min-width: 8px;
  height: 8px;
  width: 8px;
}

/* Badge variants */

.badge-default {
  background-color: #c6c6c6;
  background-image: none;
}

.badge-primary {
  background-color: #428bca;
  background-image: none;
}

.badge-info {
  background-color: #89C4F4;
  background-image: none;
}

.badge-success {
  background-color: #45B6AF;
  background-image: none;
}

.badge-danger {
  background-color: #F3565D;
  background-image: none;
}

.badge-warning {
  background-color: #dfba49;
  background-image: none;
}

/* Fix badge position for navs */

.nav.nav-pills > li > a > .badge,
.nav.nav-stacked > li > a > .badge {
  margin-top: -2px;
}

/***
Dropdown Menu Badges
***/

.dropdown-menu > li > a > .badge {
  position: absolute;
  margin-top: 1px;
  right: 3px;
  display: inline;
  font-size: 11px;
  font-weight: 300;
  text-shadow: none;
  height: 18px;
  padding: 3px 6px 3px 6px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
}

.dropdown-menu.badge-roundless {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/***
Customized Bootstrap Buttons
***/

/* Default buttons */

.btn {
  border-width: 0;
  padding: 7px 14px;
  font-size: 14px;
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.btn.dropdown-toggle,
.btn-group .btn.dropdown-toggle,
.btn:hover,
.btn:disabled,
.btn[disabled],
.btn:focus,
.btn:active,
.btn.active {
  outline: none !important;
  filter: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn + .btn {
  margin-left: 5px;
}

.btn-default {
  border-width: 1px;
  padding: 6px 13px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Bootstrap buttons */

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #333;
  background-color: #ededed;
  border-color: #b3b3b3;
}

.open .btn-default.dropdown-toggle {
  color: #333;
  background-color: #ededed;
  border-color: #b3b3b3;
}

.btn-default:active,
.btn-default.active {
  background-image: none;
  background-color: #e0e0e0;
}

.btn-default:active:hover,
.btn-default.active:hover {
  background-color: #e6e6e6;
}

.open .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-default > i {
  color: #aaa;
}

.btn-default > i[class^="icon-"],
.btn-default > i[class*="icon-"] {
  color: #8c8c8c;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #fff;
  border-color: #2a6496;
}

.open .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3379b5;
  border-color: #2a6496;
}

.btn-primary:active,
.btn-primary.active {
  background-image: none;
  background-color: #2d6ca2;
}

.btn-primary:active:hover,
.btn-primary.active:hover {
  background-color: #3071a9;
}



.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  opacity: .7;
  cursor: not-allowed;
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #45B6AF;
  border-color: #3ea49d;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #fff;
  background-color: #3b9c96;
  border-color: #307f7a;
}

.open .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #3b9c96;
  border-color: #307f7a;
}

.btn-success:active,
.btn-success.active {
  background-image: none;
  background-color: #348a84;
}

.btn-success:active:hover,
.btn-success.active:hover {
  background-color: #37918b;
}

.open .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #45B6AF;
  border-color: #3ea49d;
}

.btn-success .badge {
  color: #45B6AF;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #89C4F4;
  border-color: #72b8f2;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  color: #fff;
  background-color: #68b4f1;
  border-color: #43a1ed;
}

.open .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #68b4f1;
  border-color: #43a1ed;
}

.btn-info:active,
.btn-info.active {
  background-image: none;
  background-color: #51a8ef;
}

.btn-info:active:hover,
.btn-info.active:hover {
  background-color: #5aadf0;
}

.open .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #89C4F4;
  border-color: #72b8f2;
}

.btn-info .badge {
  color: #89C4F4;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #dfba49;
  border-color: #dbb233;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  color: #fff;
  background-color: #daae2b;
  border-color: #bb9521;
}

.open .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #daae2b;
  border-color: #bb9521;
}

.btn-warning:active,
.btn-warning.active {
  background-image: none;
  background-color: #c89f23;
}

.btn-warning:active:hover,
.btn-warning.active:hover {
  background-color: #d0a625;
}

.open .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #dfba49;
  border-color: #dbb233;
}

.btn-warning .badge {
  color: #dfba49;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #F3565D;
  border-color: #f13e46;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
  color: #fff;
  background-color: #f1353d;
  border-color: #ec111b;
}

.open .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #f1353d;
  border-color: #ec111b;
}

.btn-danger:active,
.btn-danger.active {
  background-image: none;
  background-color: #ef1d26;
}

.btn-danger:active:hover,
.btn-danger.active:hover {
  background-color: #f0262f;
}

.open .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #F3565D;
  border-color: #f13e46;
}

.btn-danger .badge {
  color: #F3565D;
  background-color: #fff;
}

/* Button sizes */

.btn > i {
  font-size: 14px;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  vertical-align: middle;
}

.btn-lg > i {
  font-size: 18px;
}

.btn-sm,
.btn-xs {
  padding: 4px 10px 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}

.btn-sm > i,
.btn-xs > i {
  font-size: 13px;
}

.btn-xs {
  padding: 1px 5px;
}

.btn-xs > i {
  font-size: 12px;
}

/* Small button in button group */

.btn-group .input-sm .btn-default {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Arrow link */

.btn-arrow-link {
  vertical-align: middle;
  display: inline-block;
  font-size: 13px;
}

.btn-arrow-link > i {
  font-size: 14px;
  line-height: 14px;
  vertical-align: top;
  margin: 2px 3px 2px 3px;
  color: #999;
}

.btn-arrow-link.btn-arrow-link-lg {
  font-size: 14px;
}

.btn-arrow-link.btn-arrow-link-lg > i {
  font-size: 16px;
  line-height: 16px;
  margin: 2px 3px 1px 3px;
}

/* Circle Buttons */

.btn-circle {
  border-radius: 25px !important;
}

.btn-circle-right {
  border-radius: 0 25px 25px 0 !important;
}

.btn-circle-left {
  border-radius: 25px 0 0 25px !important;
}

.btn-circle-bottom {
  border-radius: 0 0 25px 25px !important;
}

.btn-circle-top {
  border-radius: 25px 25px 0 0 !important;
}

.btn-icon-only {
  height: 34px;
  width: 34px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.btn-icon-only > [class^="icon-"],
.btn-icon-only > i {
  text-align: center;
  margin-top: 2px;
}

.btn-sm > [class^="glyphicon-"],
.btn-sm > [class*=" glyphicon-"],
.btn-sm > i {
  font-size: 13px;
}

.btn-xs > [class^="glyphicon-"],
.btn-xs > [class*=" glyphicon-"],
.btn-xs > i {
  font-size: 11px;
}

.btn-group.btn-group-circle > .btn:first-child {
  border-radius: 25px 0 0 25px !important;
}

.btn-group.btn-group-circle > .btn:last-child {
  border-radius: 0 25px 25px 0 !important;
}

.btn-group.btn-group-devided > .btn {
  margin-right: 5px;
}

.btn-group.btn-group-devided > .btn:last-child {
  margin-right: 0;
}

.btn-group-vertical.btn-group-vertical-circle > .btn:first-child {
  border-radius: 25px 25px 0 0 !important;
}

.btn-group-vertical.btn-group-vertical-circle > .btn:last-child {
  border-radius: 0 0 25px 25px !important;
}

/***
Image Carousel
***/

.carousel.image-carousel .carousel-inner {
  padding-top: 0;
  padding-bottom: 0;
}

.carousel.image-carousel .carousel-control i {
  position: absolute;
  top: 40%;
}

.carousel.image-carousel.image-carousel-hoverable .carousel-control i {
  display: none;
}

.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
  display: inline-block;
}

.carousel.image-carousel .carousel-control.left i {
  left: 10px;
}

.carousel.image-carousel .carousel-control.right i {
  right: 10px;
}

.carousel.image-carousel .carousel-indicators {
  margin-top: 10px;
  bottom: -7px;
}

.carousel.image-carousel .carousel-indicators li {
  background-color: #666;
}

.carousel.image-carousel .carousel-indicators li.active {
  background-color: #666;
}

.carousel.image-carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 15px 25px 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption p {
  text-align: left;
  line-height: 20px;
  color: #ffffff;
}

.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2 {
  margin: 0 0 5px;
}

.carousel.image-carousel .carousel-caption h4 a,
.carousel.image-carousel .carousel-caption h3 a,
.carousel.image-carousel .carousel-caption h2 a {
  color: #aaa;
}

.carousel.image-carousel .carousel-caption p {
  margin-bottom: 0;
}

.carousel.image-carousel .carousel-caption .item {
  margin: 0;
}

/***
Charts and statistics
***/

.chart,
.pie,
.bars {
  overflow: hidden;
  height: 300px;
  width: 100%;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
}

/***
Statistic lists
***/

.item-list.table .percent {
  width: 30px;
  float: right;
  margin-right: 10px;
  margin-top: 3px;
}

/***
Chart tooltips
***/

.chart-tooltip {
  clear: both;
  z-index: 100;
  background-color: #736e6e !important;
  padding: 5px !important;
  color: #fff;
}

.chart-tooltip .label {
  clear: both;
  display: block;
  margin-bottom: 2px;
}

/***
Mini chart containers
***/

.bar-chart,
.line-chart {
  display: none;
}

/***
Chats
***/

.chats {
  margin: 0;
  padding: 0;
  margin-top: -15px;
}

.chats li {
  list-style: none;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 12px;
}

.chats li .body {
  display: block;
}

.chats li .avatar {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.chats li.in .avatar {
  float: left;
  margin-right: 10px;
}

.chats li.out .avatar {
  float: right;
  margin-left: 10px;
}

.chats li .name {
  color: #3590c1;
  font-size: 13px;
  font-weight: 400;
}

.chats li .datetime {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}

.chats li .message {
  display: block;
  padding: 5px;
  position: relative;
}

.chats li.in .message {
  text-align: left;
  border-left: 2px solid #1BBC9B;
  margin-left: 65px;
  background: #fafafa;
}

.chats li.in .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #1BBC9B;
}

.chats li.out .message {
  border-right: 2px solid #F3565D;
  margin-right: 65px;
  background: #fafafa;
  text-align: right;
}

.chats li.out .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #F3565D;
}

.chats li.out .name,
.chats li.out .datetime {
  text-align: right;
}

.chat-form {
  margin-top: 15px;
  padding: 10px;
  background-color: #e9eff3;
  overflow: hidden;
  clear: both;
}

.chat-form .input-cont {
  margin-right: 40px;
}

.chat-form .input-cont .form-control {
  border: 1px solid #ddd;
  width: 100%  !important;
  margin-top: 0;
  background-color: #fff !important;
}

.chat-form .input-cont .form-control:focus {
  border: 1px solid #4b8df9 !important;
}

.chat-form .btn-cont {
  margin-top: -42px;
  position: relative;
  float: right;
  width: 44px;
}

.chat-form .btn-cont .arrow {
  position: absolute;
  top: 17px;
  right: 43px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #4d90fe;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chat-form .btn-cont .btn {
  margin-top: 8px;
}

.chat-form .btn-cont:hover .arrow {
  border-right-color: #0362fd;
}

.chat-form .btn-cont:hover .btn {
  background-color: #0362fd;
}

/***
Customized Bootstrap Close Icon 
***/

.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  text-indent: -10000px;
  outline: none;
  background-image: url("../../include/global/images/remove-icon-small.png") !important;
}

/***
Customized Bootstrap Dropdowns
***/

/***
Dropdowns
***/

.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
  border-color: #ddd;
}

/***
Dropdown Menu
***/

.dropdown-menu {
  min-width: 175px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  padding: 0px;
  background-color: #ffffff;
  margin: 10px  0px 0px 0px;
  box-shadow: 0px 5px 10px rgba(97, 117, 135, 0.3);
  border: 1px solid #eee;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.dropdown-menu li.divider {
  background: #f1f3f6;
}

.dropdown-menu li.dropdown-header {
  padding: 8px 14px 2px 14px;
}

.dropdown-menu li > a {
  padding: 8px 15px;
  color: #000 !important;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 18px;
  white-space: nowrap;
}

.dropdown-menu li > a > [class^="fa-"],
.dropdown-menu li > a > [class*=" fa-"] {
  color: #888;
}

.dropdown-menu li > a > [class^="icon-"],
.dropdown-menu li > a > [class*=" icon-"] {
  color: #666;
}

.dropdown-menu li > a > [class^="glyphicon-"],
.dropdown-menu li > a > [class*=" glyphicon-"] {
  color: #888;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: #f6f6f6;
  color: #555;
  filter: none;
}

.dropdown-menu.bottom-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.dropdown-menu > li:first-child:hover > a {
  border-radius: 4px 4px 0px 0px;
}

.dropdown-menu > li:last-child:hover > a {
  border-radius: 0px 0px 4px 4px;
}

.dropdown li {
  background: #fff;
}

.dropdown > .dropdown-menu,
.dropdown-toggle > .dropdown-menu,
.btn-group > .dropdown-menu {
  margin-top: 10px;
}

.dropdown > .dropdown-menu:before,
.dropdown-toggle > .dropdown-menu:before,
.btn-group > .dropdown-menu:before {
  position: absolute;
  top: -8px;
  right: 20px;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ccc;
  border-left: 8px solid transparent;
  content: '';
}

.dropdown > .dropdown-menu:after,
.dropdown-toggle > .dropdown-menu:after,
.btn-group > .dropdown-menu:after {
  position: absolute;
  top: -7px;
  right: 21px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: '';
}

.dropdown > .dropdown-menu.pull-left:before,
.dropdown-toggle > .dropdown-menu.pull-left:before,
.btn-group > .dropdown-menu.pull-left:before {
  left: auto;
  right: 9px;
}

.dropdown > .dropdown-menu.pull-left:after,
.dropdown-toggle > .dropdown-menu.pull-left:after,
.btn-group > .dropdown-menu.pull-left:after {
  left: auto;
  right: 10px;
}

.dropdown > .dropdown-menu.pull-right:before,
.dropdown-toggle > .dropdown-menu.pull-right:before,
.btn-group > .dropdown-menu.pull-right:before {
  left: auto;
  right: 9px;
}

.dropdown > .dropdown-menu.pull-right:after,
.dropdown-toggle > .dropdown-menu.pull-right:after,
.btn-group > .dropdown-menu.pull-right:after {
  left: auto;
  right: 10px;
}

.dropdown.dropup > .dropdown-menu,
.dropdown-toggle.dropup > .dropdown-menu,
.btn-group.dropup > .dropdown-menu {
  margin-top: 0px;
  margin-bottom: 10px;
}

.dropdown.dropup > .dropdown-menu:after,
.dropdown.dropup > .dropdown-menu:before,
.dropdown-toggle.dropup > .dropdown-menu:after,
.dropdown-toggle.dropup > .dropdown-menu:before,
.btn-group.dropup > .dropdown-menu:after,
.btn-group.dropup > .dropdown-menu:before {
  display: none !important;
}

/* Dropdown submenu support for Bootsrap 3 */

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 5px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu > a:after {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  right: 7px;
  top: 7px;
  font-family: FontAwesome;
  height: auto;
  content: "\f105";
  font-weight: 300;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}

.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
}

@media (max-width: 767px) {
  /* 767px */

  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    margin-top: 0;
    background-color: #ffffff;
    border: 1px solid #efefef;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  }

  .navbar-nav .open .dropdown-menu > li > a {
    padding: 6px 0 6px 13px;
    color: #333;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:active {
    background-color: #eee;
  }
}

/***
Dropdown Checkboxes
***/

.dropdown-content {
  padding: 5px;
}

.dropdown-content form {
  margin: 0;
}

.dropdown.inline .dropdown-menu {
  display: inline-block;
  position: relative;
}

.dropdown-radiobuttons,
.dropdown-checkboxes {
  padding: 5px;
}

.dropdown-radiobuttons label,
.dropdown-checkboxes label {
  display: block;
  font-weight: 300;
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px;
}

.dropdown-radiobuttons label .radio,
.dropdown-checkboxes label .radio {
  margin-right: 3px;
}

/*--------------------------------------------------
    [Dropdown Menu v2]
----------------------------------------------------*/

.dropdown-menu-v2 {
  top: 100%;
  right: 0;
  z-index: 1001;
  display: none;
  float: left;
  min-width: 225px;
  padding: 20px 0;
  margin: 25px 0 0;
  font-size: 13px;
  text-align: left;
  list-style: none;
  position: absolute;
  background: #242b31;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.dropdown-menu-v2:before {
  top: -10px;
  right: 0;
  width: 0;
  height: 0;
  content: ' ';
  position: absolute;
  border-style: solid;
  display: inline-block;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #242b31 transparent;
}

.dropdown-menu-v2 > li > a {
  clear: both;
  color: #606e7a;
  display: block;
  font-weight: 600;
  padding: 8px 20px;
  position: relative;
  white-space: nowrap;
  line-height: 1.42857143;
  text-transform: uppercase;
}

.dropdown-menu-v2 > li > a:hover,
.dropdown-menu-v2 > li > a:focus {
  background: #21282e;
  text-decoration: none;
  color: #009dc7;
}

.dropdown-menu-v2 .active > a,
.dropdown-menu-v2 .active > a:hover,
.dropdown-menu-v2 .active > a:focus,
.dropdown-menu-v2 .active > a,
.dropdown-menu-v2 .active > a:hover,
.dropdown-menu-v2 .active > a:focus,
.dropdown-menu-v2 .active > a,
.dropdown-menu-v2 .active > a:hover,
.dropdown-menu-v2 .active > a:focus {
  outline: 0;
  text-decoration: none;
  background-color: #21282e;
  color: #009dc7;
}

.dropdown-menu-v2 .disabled > a,
.dropdown-menu-v2 .disabled > a:hover,
.dropdown-menu-v2 .disabled > a:focus,
.dropdown-menu-v2 .disabled > a,
.dropdown-menu-v2 .disabled > a:hover,
.dropdown-menu-v2 .disabled > a:focus,
.dropdown-menu-v2 .disabled > a,
.dropdown-menu-v2 .disabled > a:hover,
.dropdown-menu-v2 .disabled > a:focus {
  color: #009dc7;
}

.dropdown-menu-v2 .disabled > a:hover,
.dropdown-menu-v2 .disabled > a:focus,
.dropdown-menu-v2 .disabled > a:hover,
.dropdown-menu-v2 .disabled > a:focus {
  text-decoration: none;
  cursor: text;
  background-color: transparent;
  background-image: none;
}

.dropdown-menu-v2 .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background: #2e353c;
}

.dropdown-menu-v2 .badge {
  top: 8px;
  right: 10px;
  position: absolute;
}

.dropdown-menu-v2.pull-right {
  right: 0;
  left: auto;
}

.open > .dropdown-menu-v2 {
  display: block;
}

.pull-right > .dropdown-menu-v2 {
  right: 0;
  left: auto;
}

/***
System feeds
***/

.feeds {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.feeds li {
  background-color: #fafafa;
  color: #82949a;
  margin-bottom: 7px;
}

.feeds li:before,
.feeds li:after {
  display: table;
  line-height: 0;
  content: "";
}

.feeds li:after {
  clear: both;
}

.feeds li:last-child {
  margin-bottom: 0px;
}

.feeds li .col1 {
  float: left;
  width: 100%;
  clear: both;
}

.feeds li .col1 > .cont {
  float: left;
  margin-right: 75px;
  overflow: hidden;
}

.feeds li .col1 > .cont > .cont-col1 {
  float: left;
  margin-right: -100%;
}

.feeds li .col1 > .cont > .cont-col1 > .label {
  display: inline-block;
  padding: 5px 4px 6px 5px;
  vertical-align: middle;
  text-align: center;
}

.feeds li .col1 > .cont > .cont-col1 > .label > i {
  text-align: center;
  font-size: 14px;
}

.feeds li .col1 > .cont > .cont-col2 {
  float: left;
  width: 100%;
}

.feeds li .col1 > .cont > .cont-col2 > .desc {
  margin-left: 35px;
  padding-top: 4px;
  padding-bottom: 5px;
  overflow: hidden;
}

.feeds li .col2 {
  float: left;
  width: 75px;
  margin-left: -75px;
}

.feeds li .col2 > .date {
  padding: 4px 9px 5px 4px;
  text-align: right;
  font-style: italic;
  color: #c1cbd0;
}

/***
Form Layouts
****/

/* Static info */

.static-info {
  margin-bottom: 10px;
}

.static-info .name {
  font-size: 14px;
}

.static-info .value {
  font-size: 14px;
  font-weight: 600;
}

.static-info.align-reverse .name,
.static-info.align-reverse .value {
  text-align: right;
}

/* Help blocks */

.help-block {
  margin-top: 5px;
  margin-bottom: 5px;
}

.help-inline {
  font-size: 13px;
  color: #737373;
  display: inline-block;
  padding: 5px;
}

.form-inline input {
  margin-bottom: 0px !important;
}

/* Control Label */

.control-label {
  margin-top: 1px;
  text-align: right;
}

.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.form {
  padding: 0 !important;
}

.form .form-body {
  padding: 10px;
  border-left: solid 1px #E4E4E4;
  border-right: solid 1px #E4E4E4;
  border-bottom: solid 1px #E4E4E4;
  border-radius: 0 0 4px 4px !important;
}

.portlet.light .form .form-body {
  padding-left: 0;
  padding-right: 0;
}

.form .form-actions {
  padding: 10px 10px;
  margin: 0;
  background-color: #fff;
  *zoom: 1;
}

.portlet.light .form .form-actions {
  background: none;
  padding-left: 0;
  padding-right: 0;
}

.form .form-actions.noborder {
  border-top: 0;
}

.portlet .form .form-actions {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.form .form-actions:before,
.form .form-actions:after {
  content: " ";
  display: table;
}

.form .form-actions:after {
  clear: both;
}

.form .form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}

.portlet.light .form .form-actions.right {
  padding-right: 0;
}

.form .form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}

.portlet.light .form .form-actions.left {
  padding-left: 0;
}

.form .form-actions.nobg {
  background-color: transparent;
}

.form .form-actions.top {
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
}

.portlet.light .form .form-actions.top {
  background: none;
}

.form .form-actions .btn-set {
  display: inline-block;
}

@media (max-width: 767px) {
  .form .form-actions {
    /* 767px */
  }

  .form .form-actions .btn-set {
    margin-bottom: 3px;
    margin-top: 3px;
    float: left !important;
  }
}

.form .form-section {
  margin: 30px 0px 25px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.form .form-section:first-child {
  margin-top: 5px;
}

/* Checkboxes */

.checkbox,
.form-horizontal .checkbox {
  padding: 0;
}

.checkbox > label,
.form-horizontal .checkbox > label {
  padding-left: 0;
}

.checkbox-list > label {
  display: block;
}

.checkbox-list > label.checkbox-inline {
  display: inline-block;
}

.checkbox-list > label.checkbox-inline:first-child {
  padding-left: 0;
}

/* Radio buttons */

.radio-list > label {
  display: block;
}

.radio-list > label.radio-inline {
  display: inline-block;
}

.radio-list > label.radio-inline:first-child {
  padding-left: 0;
}

/* Radio buttons in horizontal forms */

.form-horizontal .radio-list .radio {
  padding-top: 1px;
}

.form-horizontal .radio-list > label {
  margin-bottom: 0;
}

.form-horizontal .radio > span {
  margin-top: 2px;
}

/* Rows seperated form layout */

.form .form-row-seperated .portlet-body {
  padding: 0;
}

.form .form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}

.form .form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 13px;
}

.form .form-row-seperated .form-group .help-block {
  margin-bottom: 0;
}

.form .form-row-seperated .form-body {
  padding: 0;
}

.form .form-row-seperated .form-actions {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Form bordered */

.form .form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
}

.form .form-bordered .form-group > div {
  padding: 15px;
  border-left: 1px solid #efefef;
}

@media (max-width: 991px) {
  .form .form-bordered .form-group > div {
    /* 991px */
    border-left: 0;
  }
}

.form .form-bordered .form-group.last {
  border-bottom: 0;
}

.form .form-bordered .form-group .control-label {
  padding-top: 20px;
}

@media (max-width: 991px) {
  .form .form-bordered .form-group .control-label {
    /* 991px */
    padding-top: 10px;
  }
}

.form .form-bordered .form-group .help-block {
  margin-bottom: 0;
}

.form .form-bordered .form-group .form-control {
  margin: 0;
}

.form .form-bordered .form-body {
  margin: 0;
  padding: 0;
}

.form .form-bordered .form-actions {
  margin-top: 0;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (max-width: 991px) {
  .form .form-bordered .form-actions {
    /* 991px */
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* Horizontal bordered form */

.form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form .form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important;
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

/***
Forms
***/

/* Input placeholder font color */

.form-control::-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #b3b3b3;
}

.form-control::-webkit-input-placeholder {
  color: #b3b3b3;
}

/* Form inputs */

.form-control {
  height: 33px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  border: 1px solid #cecece;
  box-shadow: none;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.form-control:focus {
  border-color: #999;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: text;
  background-color: #f4f4f4;
  border: 1px #ddd solid;
}

.form-control.height-auto {
  height: auto;
}

.form-control.form-control-solid {
  background-color: #F1F3F8;
  border-color: #F1F3F8;
  color: #A6B2BA;
}

.form-control.form-control-solid:focus {
  border-color: #e3e7f1;
}

.form-control.form-control-solid::-moz-placeholder {
  color: #acb7be;
  opacity: 1;
}

.form-control.form-control-solid:-ms-input-placeholder {
  color: #acb7be;
}

.form-control.form-control-solid::-webkit-input-placeholder {
  color: #acb7be;
}

/* Form uneditable input */

.uneditable-input {
  padding: 6px 12px;
  min-width: 206px;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  color: #333;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* Form input sizing */

.input-mini {
  width: 45px !important;
}

.input-xsmall {
  width: 80px !important;
}

.input-small {
  width: 145px !important;
}

.input-medium {
  width: 240px !important;
}

.input-large {
  width: 320px !important;
}

.input-xlarge {
  width: 420px !important;
}

.input-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.input-fixed {
  overflow: hidden;
}

.form-group .input-inline {
  margin-right: 5px;
}

.input-sm {
  height: 28px !important;
  padding: 5px 10px;
  font-size: 13px;
}

select.input-sm {
  height: 28px;
  line-height: 28px;
  padding: 2px 10px;
  font-size: 16px;
  border: 1px #b2c7da solid;
}

@media (max-width: 768px) {
  /* 768px */

  .input-large {
    width: 250px !important;
  }

  .input-xlarge {
    width: 300px !important;
  }
}

/* Input  groups */

.input-group .btn-default {
  border-color: #e5e5e5;
}

.input-group .input-group-addon {
  border-color: #ccc;
  background: #F2F2F2;
  min-width: 39px;
}

.input-group .input-group-addon > i {
  color: #6b8299;
}

/*基础资料控件的效果*/

input[type="lookup"]+span:hover {
  background-color: #45535E;
}

input[type="lookup"]+span:hover i {
  color: #fff;
}

/* Input spinner */

input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
  background-image: url("../../include/global/images/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}

/* Form labels */

label {
  font-weight: 400;
  font-size: 14px;
}

/* Static form control */

.form-control-static {
  margin: 2px 0;
  display: inline-block;
}

/* Feedback states */

.has-success .help-block,
.has-success .help-inline,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #d6e9c6;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-success .form-control:focus {
  border-color: #bbdba1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #d6e9c6;
  background-color: #dff0d8;
}

.has-success .input-group-addon > i {
  color: #3c763d;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .help-inline,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #faebcc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-warning .form-control:focus {
  border-color: #f5d89e;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #faebcc;
  background-color: #fcf8e3;
}

.has-warning .input-group-addon > i {
  color: #8a6d3b;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .help-inline,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}

.has-error .form-control {
  border-color: #ebccd1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-error .form-control:focus {
  border-color: #dca7b0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede;
}

.has-error .input-group-addon > i {
  color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

/* Circle Inputs */

.input-circle {
  border-radius: 25px !important;
}

.input-circle-right {
  border-radius: 0 25px 25px 0 !important;
}

.input-circle-left {
  border-radius: 25px 0 0 25px !important;
}

.input-circle-bottom {
  border-radius: 0 0 25px 25px !important;
}

.input-circle-top {
  border-radius: 25px 25px 0 0 !important;
}

/***
Custom icon buttons
***/

.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa;
  background-image: none;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  color: #646464;
  text-shadow: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.icon-btn:hover {
  text-decoration: none;
  border-color: #999;
  color: #444;
  text-shadow: 0 1px 0px white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.icon-btn:hover > .badge {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.icon-btn > div {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #000;
  font-size: 12px;
  font-weight: 300;
}

.icon-btn > .badge {
  position: absolute;
  font-size: 11px;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.icon-btn > i {
  font-size: 18px;
}

.ie8 .icon-btn:hover {
  filter: none;
}

/***
Input icons
***/

.input-icon {
  position: relative;
  left: 0;
}

.input-icon > .form-control {
  padding: 0 0 0 12px;
}

.input-group .input-icon > .form-control {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 10px 2px 4px 3px;
  z-index: 3;
  width: 16px;
  font-size: 16px;
  text-align: center;
}

.modal .input-icon > i {
  z-index: 10055;
}

.has-success .input-icon > i {
  color: #45B6AF;
}

.has-warning .input-icon > i {
  color: #dfba49;
}

.has-info .input-icon > i {
  color: #89C4F4;
}

.has-error .input-icon > i {
  color: #F3565D;
}

.input-icon.right {
  left: auto;
  right: 0;
}

.input-icon.right > input.form-control {
  height: 31px;
}

.input-group .input-icon.right > .form-control {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-icon.right > i {
  right: 8px;
  float: right;
}

.input-icon.right.input-group > i {
  right: 47px;
  float: right;
}

.input-icon.input-icon-lg > i {
  margin-top: 16px;
}

.input-icon.input-icon-sm > i {
  margin-top: 8px;
  font-size: 13px;
}

/***
Customized Bootstrap Labels
***/

.label {
  text-shadow: none !important;
  font-size: 13px;
  font-weight: 300;
  padding: 3px 6px 3px 6px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
}

.label.label-sm {
  font-size: 12px;
  padding: 0px 4px 1px 4px;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label {
  font-size: 75%;
}

/* Labels variants */

.label-default {
  background-color: #c6c6c6;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #adadad;
}

.label-primary {
  background-color: #428bca;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #45B6AF;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #37918b;
}

.label-info {
  background-color: #89C4F4;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #5aadf0;
}

.label-warning {
  background-color: #dfba49;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #d0a625;
}

.label-danger {
  background-color: #F3565D;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #f0262f;
}

/***
Iconic labels
***/

.label.label-icon {
  padding: 4px 0px 4px 4px;
  margin-right: 2px;
  text-align: center !important;
}

.label.label-icon > i {
  font-size: 12px;
  text-align: center !important;
}

.ie8 .label.label-icon,
.ie9 .label.label-icon {
  padding: 3px 0px 3px 3px;
}

/***
Text states
***/

.text-default {
  color: #c6c6c6;
}

.text-primary {
  color: #428bca;
}

.text-success {
  color: #45B6AF;
}

.text-info {
  color: #89C4F4;
}

.text-warning {
  color: #dfba49;
}

.text-danger {
  color: #F3565D;
}

/***
Customized List Group
***/

/* Contextual variants */

.list-group > li:first-child {
  border-radius-topleft: 4px;
  border-radius-topright: 4px;
}

.list-group > li:last-child {
  border-radius-bottomleft: 4px;
  border-radius-bottomright: 4px;
}

.list-group .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

.list-group a.list-group-item-success {
  color: #3c763d;
}

.list-group a.list-group-item-success .list-group-item-heading {
  color: inherit;
}

.list-group a.list-group-item-success:hover,
.list-group a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

.list-group a.list-group-item-success.active,
.list-group a.list-group-item-success.active:hover,
.list-group a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

.list-group a.list-group-item-info {
  color: #31708f;
}

.list-group a.list-group-item-info .list-group-item-heading {
  color: inherit;
}

.list-group a.list-group-item-info:hover,
.list-group a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

.list-group a.list-group-item-info.active,
.list-group a.list-group-item-info.active:hover,
.list-group a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

.list-group a.list-group-item-warning {
  color: #8a6d3b;
}

.list-group a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

.list-group a.list-group-item-warning:hover,
.list-group a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

.list-group a.list-group-item-warning.active,
.list-group a.list-group-item-warning.active:hover,
.list-group a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

.list-group a.list-group-item-danger {
  color: #a94442;
}

.list-group a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

.list-group a.list-group-item-danger:hover,
.list-group a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

.list-group a.list-group-item-danger.active,
.list-group a.list-group-item-danger.active:hover,
.list-group a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

/***
UI Loading
***/

.loading-message {
  display: inline-block;
  min-width: 125px;
  margin-left: -60px;
  padding: 10px;
  margin: 0 auto;
  color: #000 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}

.loading-message.loading-message-boxed {
  border: 1px solid #ddd;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

.loading-message > span {
  line-height: 20px;
  vertical-align: middle;
}

.page-loading {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: -60px;
  margin-top: -30px;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #eee;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

.page-loading > span {
  line-height: 20px;
  vertical-align: middle;
}

.page-spinner-bar {
  position: fixed;
  z-index: 10051;
  width: 100px;
  top: 40%;
  left: 50%;
  margin-left: -55px;
  text-align: center;
}

.page-spinner-bar > div {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  background: #eee;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.page-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.page-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.block-spinner-bar {
  display: inline-block;
  width: 80px;
  text-align: center;
}

.block-spinner-bar > div {
  margin: 0 2px;
  width: 15px;
  height: 15px;
  background: #eee;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.block-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.block-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

/***
Metro icons
***/

[class^="m-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  line-height: 14px;
  vertical-align: top;
  background-image: url("../../include/global/images/syncfusion-icons.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

[class^="m-icon-big-"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 6px;
  vertical-align: middle;
  background-image: url("../../include/global/images/syncfusion-icons.png");
  background-position: 0 0px;
  background-repeat: no-repeat;
}

/* large icons */

.btn.m-icon-big {
  padding: 9px 16px 8px 16px;
}

.btn.m-icon-big.m-icon-only {
  padding: 9px 8px 8px 0px;
}

.btn.m-icon-big [class^="m-icon-big-"] {
  margin: 0 0 0 10px;
}

.btn.m-icon-ony > i {
  margin-left: 0px;
}

/* default icons */

.btn.m-icon {
  padding: 7px 14px 7px 14px;
}

.btn.m-icon [class^="m-icon-"] {
  margin: 4px 0 0 5px;
}

.btn.m-icon.m-icon-only {
  padding: 7px 10px 7px 6px;
}

/* white icon */

.m-icon-white {
  background-image: url("../../include/global/images/syncfusion-icons-white.png");
}

/*  Misc */

.m-icon-swapright {
  background-position: -27px -10px;
}

.m-icon-swapdown {
  background-position: -68px -10px;
}

.m-icon-swapleft {
  background-position: -8px -10px;
}

.m-icon-swapup {
  background-position: -46px -10px;
}

.m-icon-big-swapright {
  background-position: -42px -28px;
}

.m-icon-big-swapdown {
  background-position: -115px -28px;
}

.m-icon-big-swapleft {
  background-position: -6px -28px;
}

.m-icon-big-swapup {
  background-position: -78px -28px;
}

/***
Customized Bootstrap Modal 
***/

.modal {
  z-index: 10050;
  outline: none;
  overflow-y: auto !important;
  /* Fix content shifting to the right on modal open due to scrollbar closed */
}

.page-portlet-fullscreen .modal {
  z-index: 10060;
}

.modal .modal-header {
  border-bottom: 1px solid #EFEFEF;
}

.modal .modal-header h3 {
  font-weight: 300;
}

.modal .modal-header .close {
  margin-top: 0px !important;
}

.modal.draggable-modal .modal-header {
  cursor: move;
}

.modal .modal-dialog {
  z-index: 10051;
}

.modal > .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
}

.modal.in .page-loading {
  display: none;
}

.modal-open {
  overflow-y: auto !important;
}

.modal-open-noscroll {
  overflow-y: hidden !important;
}

.modal-backdrop {
  border: 0;
  outline: none;
  z-index: 10049;
}

.page-portlet-fullscreen .modal-backdrop {
  z-index: 10059;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  background-color: #333 !important;
}

/* Full width modal */

.modal-full.modal-dialog {
  width: 99%;
}

@media (max-width: 768px) {
  .modal-full.modal-dialog {
    width: auto;
  }
}

/***
Notes
***/

.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
  margin-top: 0;
}

.note h1 .close,
.note h2 .close,
.note h3 .close,
.note h4 .close,
.note h5 .close,
.note h6 .close {
  margin-right: -10px;
}

.note p {
  font-size: 13px;
}

.note p:last-child {
  margin-bottom: 0;
}

.note code,
.note .highlight {
  background-color: #fff;
}

.note.note-default {
  background-color: lightgray;
  border-color: #adadad;
  color: #333333;
}

.note.note-default.note-bordered {
  background-color: #c3c3c3;
  border-color: #a0a0a0;
}

.note.note-default.note-shadow {
  background-color: #c6c6c6;
  border-color: #a0a0a0;
  box-shadow: 5px 5px rgba(162, 162, 162, 0.2);
}

.note.note-primary {
  background-color: #5697d0;
  border-color: #3085a9;
  color: #D8E3F2;
}

.note.note-primary.note-bordered {
  background-color: #3e89c9;
  border-color: #2a7696;
}

.note.note-primary.note-shadow {
  background-color: #428bca;
  border-color: #2a7696;
  box-shadow: 5px 5px rgba(43, 121, 154, 0.2);
}

.note.note-success {
  background-color: #eef7ea;
  border-color: #c9e2b3;
  color: #3c763d;
}

.note.note-success.note-bordered {
  background-color: #dcefd4;
  border-color: #bbdba1;
}

.note.note-success.note-shadow {
  background-color: #dff0d8;
  border-color: #bbdba1;
  box-shadow: 5px 5px rgba(190, 220, 164, 0.2);
}

.note.note-info {
  background-color: #eef7fb;
  border-color: #a6e1ec;
  color: #31708f;
}

.note.note-info.note-bordered {
  background-color: #d5ebf6;
  border-color: #91d9e8;
}

.note.note-info.note-shadow {
  background-color: #d9edf7;
  border-color: #91d9e8;
  box-shadow: 5px 5px rgba(150, 219, 233, 0.2);
}

.note.note-warning {
  background-color: #fcf8e3;
  border-color: #f5d89e;
  color: #8a6d3b;
}

.note.note-warning.note-bordered {
  background-color: #f9f1c7;
  border-color: #f2cf87;
}

.note.note-warning.note-shadow {
  background-color: #faf2cc;
  border-color: #f2cf87;
  box-shadow: 5px 5px rgba(243, 209, 139, 0.2);
}

.note.note-danger {
  background-color: #f9f0f0;
  border-color: #e4b9c0;
  color: #a94442;
}

.note.note-danger.note-bordered {
  background-color: #f1dada;
  border-color: #dca7b0;
}

.note.note-danger.note-shadow {
  background-color: #f2dede;
  border-color: #dca7b0;
  box-shadow: 5px 5px rgba(222, 171, 179, 0.2);
}

/***
Customized Bootstrap Pagination
***/

.pagination {
  margin: 10px 0;
}

.pagination.pagination-circle > li:first-child > a {
  border-radius: 25px 0 0 25px !important;
}

.pagination.pagination-circle > li:last-child > a {
  border-radius: 0 25px 25px 0 !important;
}

.pagination .active > a,
.pagination .active > a:hover {
  background: #eee;
  border-color: #dddddd;
  color: #333;
}

/***
Customized Bootstrap Panels
***/

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

.panel-group .panel {
  overflow: visible;
}

.panel .panel-body {
  font-size: 13px;
}

.panel .panel-title > a:hover {
  text-decoration: none;
}

.accordion .panel .panel-heading {
  padding: 0;
}

.accordion .panel .panel-title {
  padding: 0;
}

.accordion .panel .panel-title .accordion-toggle {
  display: block;
  padding: 10px 15px;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
  background: url("../../include/global/images/accordion-plusminus.png") no-repeat;
  background-position: right -19px;
  margin-right: 15px;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
  background-position: right 12px;
}

.panel-default {
  border-color: #e0e0e0;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f9f9f9;
  border-color: #e0e0e0;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e0e0e0;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e0e0e0;
}

.panel-primary {
  border-color: #3595bd;
}

.panel-primary > .panel-heading {
  color: #D8E3F2;
  background-color: #428bca;
  border-color: #3595bd;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #3595bd;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #3595bd;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}

/***
Accordions
***/

.accordion-heading {
  background: #eee;
}

.accordion-heading a {
  text-decoration: none;
}

.accordion-heading a:hover {
  text-decoration: none;
}

/***
Customized Bootstrap Popover
***/

.popover {
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  padding: 0;
}

.popover .popover-title {
  margin: 0 !important;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #89C4F4;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #428bca;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #45B6AF;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #dfba49;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #F3565D;
}

/***
Portlets
***/

/* Full Screen portlet mode */

.page-portlet-fullscreen {
  overflow: hidden;
}

/* Basic portlet */

.portlet {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.portlet.portlet-fullscreen {
  z-index: 10060;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.portlet.portlet-fullscreen > .portlet-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 10px;
}

.portlet.portlet-fullscreen > .portlet-title {
  padding: 0 10px;
}

.portlet > .portlet-title {
  border-bottom: 1px solid #eee;
  padding: 0;
  margin-bottom: 10px;
  min-height: 35px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.portlet > .portlet-title:before,
.portlet > .portlet-title:after {
  content: " ";
  display: table;
}

.portlet > .portlet-title:after {
  clear: both;
}

.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 0;
}

.portlet > .portlet-title > .caption.bold {
  font-weight: 400;
}

.portlet > .portlet-title > .caption > i {
  float: left;
  margin-top: 1px;
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}

.portlet > .portlet-title > .caption > i.glyphicon {
  margin-top: 2px;
}

.portlet > .portlet-title > .caption > .caption-helper {
  padding: 0;
  margin: 0;
  line-height: 13px;
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400;
}

.portlet > .portlet-title > .actions {
  float: right;
  display: inline-block;
  padding: 6px 0;
}

.portlet > .portlet-title > .actions > .dropdown-menu i {
  color: #555555;
}

.portlet > .portlet-title > .actions > .btn,
.portlet > .portlet-title > .actions > .btn.btn-sm,
.portlet > .portlet-title > .actions > .btn-group > .btn,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.5;
}

.portlet > .portlet-title > .actions > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
  padding: 3px 9px;
}

.portlet > .portlet-title > .actions > .btn > i,
.portlet > .portlet-title > .actions > .btn.btn-sm > i,
.portlet > .portlet-title > .actions > .btn-group > .btn > i,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
  font-size: 13px;
}

.portlet > .portlet-title > .actions .btn-icon-only {
  padding: 5px 7px 3px 7px;
}

.portlet > .portlet-title > .actions .btn-icon-only.btn-default {
  padding: 4px 6px 2px 6px;
}

.portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
  font-size: 14px;
}

.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {
  font-family: FontAwesome;
  color: #a0a0a0;
  padding-top: 3px;
}

.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
  padding: 3px 3px !important;
  height: 27px;
  width: 27px;
}

.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
  content: "\f065";
}

.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
  content: "\f066";
}

.portlet > .portlet-title > .tools {
  float: right;
  display: inline-block;
  padding: 7px 0px 4px 0px;
}

.portlet > .portlet-title > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.portlet > .portlet-title > .tools > a.remove {
  background-image: url("../../include/global/images/portlet-remove-icon.png");
  background-repeat: no-repeat;
  width: 11px;
}

.portlet > .portlet-title > .tools > a.config {
  background-image: url("../../include/global/images/portlet-config-icon.png");
  background-repeat: no-repeat;
  width: 12px;
}

.portlet > .portlet-title > .tools > a.reload {
  background-image: url("../../include/global/images/portlet-reload-icon.png");
  width: 13px;
}

.portlet > .portlet-title > .tools > a.expand {
  background-image: url("../../include/global/images/portlet-expand-icon.png");
  width: 14px;
  visibility: visible;
}

.portlet > .portlet-title > .tools > a.collapse {
  background-image: url("../../include/global/images/portlet-collapse-icon.png");
  width: 14px;
  visibility: visible;
}

.portlet > .portlet-title > .tools > a.fullscreen {
  display: inline-block;
  top: -3px;
  position: relative;
  font-size: 13px;
  font-family: FontAwesome;
  color: #ACACAC;
}

.portlet > .portlet-title > .tools > a.fullscreen:before {
  content: "\f065";
}

.portlet > .portlet-title > .tools > a.fullscreen.on:before {
  content: "\f066";
}

.portlet > .portlet-title > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.portlet > .portlet-title > .pagination {
  float: right;
  display: inline-block;
  margin: 2px 0 0 0;
  border: 0;
  padding: 4px 0;
}

.portlet > .portlet-title > .nav-tabs {
  background: none;
  margin: 0;
  float: right;
  display: inline-block;
  border: 0;
}

.portlet > .portlet-title > .nav-tabs > li {
  background: none;
  margin: 0;
  border: 0;
}

.portlet > .portlet-title > .nav-tabs > li > a {
  background: none;
  margin: 5px 0 0 1px;
  border: 0;
  padding: 8px 10px;
  color: #fff;
}

.portlet > .portlet-title > .nav-tabs > li.active > a,
.portlet > .portlet-title > .nav-tabs > li:hover > a {
  color: #333;
  background: #fff;
  border: 0;
}

.portlet > .portlet-body {
  clear: both;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.portlet > .portlet-empty {
  min-height: 125px;
}

.portlet.full-height-content {
  margin-bottom: 0;
}

/* Portlet background colors */

/* Side bordered portlet */

.portlet.bordered {
  border-left: 2px solid #e6e9ec !important;
}

.portlet.bordered > .portlet-title {
  border-bottom: 0;
}

/* Solid colored portlet */

.portlet.solid {
  padding: 0 10px 10px 10px;
  border: 0px;
}

.portlet.solid > .portlet-title {
  border-bottom: 0;
  margin-bottom: 10px;
}

.portlet.solid > .portlet-title > .caption {
  padding: 16px 0 2px 0;
}

.portlet.solid > .portlet-title > .actions {
  padding: 12px 0 6px 0;
}

.portlet.solid > .portlet-title > .tools {
  padding: 14px 0 6px 0;
}

/* Solid bordered portlet */

.portlet.solid.bordered > .portlet-title {
  margin-bottom: 10px;
}

/* Box portlet */

.portlet.box {
  padding: 0px !important;
}

.portlet.box > .portlet-title {
  border-bottom: 0;
  padding: 0 0px;
  margin-bottom: 0;
  color: #fff;
}

.portlet.box > .portlet-title > .caption {
  padding: 8px 0px;
}

.portlet.box > .portlet-title > .tools > a.remove {
  background-image: url("../../include/global/images/portlet-remove-icon-white.png");
}

.portlet.box > .portlet-title > .tools > a.config {
  background-image: url("../../include/global/images/portlet-config-icon-white.png");
}

.portlet.box > .portlet-title > .tools > a.reload {
  background-image: url("../../include/global/images/portlet-reload-icon.png");
}

.portlet.box > .portlet-title > .tools > a.expand {
  background-image: url("../../include/global/images/portlet-expand-icon.png");
}

.portlet.box > .portlet-title > .tools > a.collapse {
  background-image: url("../../include/global/images/portlet-collapse-icon.png");
}

.portlet.box > .portlet-title > .tools > a.opbtn {
  width: auto;
  border: solid 1px #6b8299;
  background-color: white;
  color: #6b8299;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  padding: 0 15px;
  margin-right: 10px;
  height: 28px;
  line-height: 25px;
  font-size: 13px;
}

.portlet.box > .portlet-title > .tools > a.opbtn:hover {
  background-color: #a3b8cc;
  border-color: #a3b8cc;
  color: white;
  opacity: 0.9;
}

.portlet.box > .portlet-title > .tools > a.opbtn:active,
.portlet.box > .portlet-title > .tools > a.opbtn:focus {
  text-decoration: none;
}

.portlet.box > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box > .portlet-title > .actions {
  padding: 7px 0 5px 0;
}

.portlet.box > .portlet-body {
  background-color: #fff;
  padding: 10px;
}

.portlet.box.portlet-fullscreen > .portlet-body {
  padding: 10px;
}

/* Light Portlet */

.portlet.light {
  padding: 12px 20px 15px 20px;
  background-color: #fff;
}

.portlet.light.bordered {
  border: 1px solid #e1e1e1 !important;
}

.portlet.light.bordered > .portlet-title {
  border-bottom: 1px solid #eee;
}

.portlet.light.bg-inverse {
  background: #F7F7F7;
}

.portlet.light > .portlet-title {
  padding: 0;
  min-height: 48px;
}

.portlet.light > .portlet-title > .caption {
  color: #666;
  padding: 10px 0;
}

.portlet.light > .portlet-title > .caption > .caption-subject {
  font-size: 16px;
}

.portlet.light > .portlet-title > .caption > i {
  color: #777;
  font-size: 15px;
  font-weight: 300;
  margin-top: 3px;
}

.portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
  font-size: 15px;
}

.portlet.light > .portlet-title > .caption.caption-md > i {
  font-size: 14px;
}

.portlet.light > .portlet-title > .actions {
  padding: 6px 0 14px 0;
}

.portlet.light > .portlet-title > .actions .btn-default {
  color: #666;
}

.portlet.light > .portlet-title > .actions .btn-icon-only {
  height: 27px;
  width: 27px;
}

.portlet.light > .portlet-title > .actions .dropdown-menu li > a {
  color: #555;
}

.portlet.light > .portlet-title > .inputs {
  float: right;
  display: inline-block;
  padding: 4px 0;
}

.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
  font-size: 14px;
  margin-top: 9px;
}

.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
  height: 30px;
  padding: 2px 26px 3px 10px;
  font-size: 13px;
}

.portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
  height: 30px;
  padding: 3px 10px;
  font-size: 13px;
}

.portlet.light > .portlet-title > .pagination {
  padding: 2px 0 13px 0;
}

.portlet.light > .portlet-title > .tools {
  padding: 10px 0 13px 0;
  margin-top: 2px;
}

.portlet.light > .portlet-title > .nav-tabs > li {
  margin: 0;
  padding: 0;
}

.portlet.light > .portlet-title > .nav-tabs > li > a {
  margin: 0;
  padding: 12px 13px 13px 13px;
  font-size: 13px;
  color: #666;
}

.portlet.light > .portlet-title > .nav-tabs > li.active > a,
.portlet.light > .portlet-title > .nav-tabs > li:hover > a {
  margin: 0;
  background: none;
  color: #333;
}

.portlet.light.form-fit {
  padding: 0;
}

.portlet.light.form-fit > .portlet-title {
  padding: 17px 20px 10px 20px;
  margin-bottom: 0;
}

.portlet.light .portlet-body {
  padding-top: 8px;
}

.portlet.light.portlet-fullscreen > .portlet-body {
  padding: 8px 0;
}

.tab-pane > p:last-child {
  margin-bottom: 0px;
}

/* Reverse aligned tabs */

.tabs-reversed > li {
  float: right;
  margin-right: 0;
}

.tabs-reversed > li > a {
  margin-right: 0;
}

/* jQuery UI Draggable Portlets */

.portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
  cursor: move;
}

.portlet-sortable-placeholder {
  border: 2px dashed #eee;
  margin-bottom: 25px;
}

.portlet-sortable-empty {
  box-shadow: none !important;
  height: 45px;
}

/***
Customized Progress Bars
***/

.progress {
  border: 0;
  background-image: none;
  filter: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.progress.progress-sm {
  height: 12px;
}

.progress > .progress-bar-default {
  background-color: #c6c6c6;
}

.progress-striped .progress > .progress-bar-default {
  background-image: none;
  background-image: none;
}

.progress > .progress-bar-success {
  background-color: #45B6AF;
}

.progress-striped .progress > .progress-bar-success {
  background-image: none;
  background-image: none;
}

.progress > .progress-bar-info {
  background-color: #89C4F4;
}

.progress-striped .progress > .progress-bar-info {
  background-image: none;
  background-image: none;
}

.progress > .progress-bar-danger {
  background-color: #F3565D;
}

.progress-striped .progress > .progress-bar-danger {
  background-image: none;
  background-image: none;
}

.progress > .progress-bar-warning {
  background-color: #dfba49;
}

.progress-striped .progress > .progress-bar-warning {
  background-image: none;
  background-image: none;
}

/***
Dashboard Stats
***/

.dashboard-stat {
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.dashboard-stat:before,
.dashboard-stat:after {
  content: " ";
  display: table;
}

.dashboard-stat:after {
  clear: both;
}

.portlet .dashboard-stat:last-child {
  margin-bottom: 0;
}

.dashboard-stat .visual {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
  margin-bottom: 15px;
  font-size: 35px;
  line-height: 35px;
}

.dashboard-stat .visual > i {
  margin-left: -35px;
  font-size: 110px;
  line-height: 110px;
}

.dashboard-stat .details {
  position: absolute;
  right: 15px;
  padding-right: 15px;
}

.dashboard-stat .details .number {
  padding-top: 25px;
  text-align: right;
  font-size: 34px;
  line-height: 36px;
  letter-spacing: -1px;
  margin-bottom: 0px;
  font-weight: 300;
}

.dashboard-stat .details .desc {
  text-align: right;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 300;
}

.dashboard-stat .more {
  clear: both;
  display: block;
  padding: 6px 10px 6px 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.dashboard-stat .more:hover {
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.dashboard-stat .more > i {
  display: inline-block;
  margin-top: 1px;
  float: right;
}

.dashboard-stat-light {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.dashboard-stat-light .details {
  margin-bottom: 5px;
}

.dashboard-stat-light .details .number {
  font-weight: 300;
  margin-bottom: 0px;
}

/***
Dashboard Stats 2
***/

.dashboard-stat2 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  padding: 15px 15px 30px 15px;
  margin-bottom: 20px;
}

.dashboard-stat2 .display {
  margin-bottom: 20px;
}

.dashboard-stat2 .display:before,
.dashboard-stat2 .display:after {
  content: " ";
  display: table;
}

.dashboard-stat2 .display:after {
  clear: both;
}

.dashboard-stat2 .display .number {
  float: left;
  display: inline-block;
}

.dashboard-stat2 .display .number h3 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
}

.dashboard-stat2 .display .number h3 > small {
  font-size: 23px;
}

.dashboard-stat2 .display .number small {
  font-size: 14px;
  color: #AAB5BC;
  font-weight: 600;
  text-transform: uppercase;
}

.dashboard-stat2 .display .icon {
  display: inline-block;
  float: right;
  padding: 7px 0 0 0;
}

.dashboard-stat2 .display .icon > i {
  color: #cbd4e0;
  font-size: 26px;
}

.dashboard-stat2 .progress-info {
  clear: both;
}

.dashboard-stat2 .progress-info .progress {
  margin: 0;
  height: 4px;
  clear: both;
  display: block;
}

.dashboard-stat2 .progress-info .status {
  margin-top: 5px;
  font-size: 11px;
  color: #AAB5BC;
  font-weight: 600;
  text-transform: uppercase;
}

.dashboard-stat2 .progress-info .status .status-title {
  float: left;
  display: inline-block;
}

.dashboard-stat2 .progress-info .status .status-number {
  float: right;
  display: inline-block;
}

/***
Text Stats
***/

.text-stat h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 18px;
}

.text-stat span {
  font-size: 13px !important;
}

@media (max-width: 767px) {
  /* 767px */

  .text-stat {
    margin-top: 20px;
  }
}

/***
Social Icons
***/

.social-icons {
  padding: 0;
  margin: 0;
}

.social-icons:before,
.social-icons:after {
  content: " ";
  display: table;
}

.social-icons:after {
  clear: both;
}

.social-icons li {
  float: left;
  display: inline;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 5px;
  text-indent: -9999px;
}

.social-icons li > a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.social-icons li:hover > a {
  background-position: 0 -38px;
}

.social-icons li .amazon {
  background: url("../../include/global/images/social/amazon.png") no-repeat;
}

.social-icons li .behance {
  background: url("../../include/global/images/social/behance.png") no-repeat;
}

.social-icons li .blogger {
  background: url("../../include/global/images/social/blogger.png") no-repeat;
}

.social-icons li .deviantart {
  background: url("../../include/global/images/social/deviantart.png") no-repeat;
}

.social-icons li .dribbble {
  background: url("../../include/global/images/social/dribbble.png") no-repeat;
}

.social-icons li .dropbox {
  background: url("../../include/global/images/social/dropbox.png") no-repeat;
}

.social-icons li .evernote {
  background: url("../../include/global/images/social/evernote.png") no-repeat;
}

.social-icons li .facebook {
  background: url("../../include/global/images/social/facebook.png") no-repeat;
}

.social-icons li .forrst {
  background: url("../../include/global/images/social/forrst.png") no-repeat;
}

.social-icons li .github {
  background: url("../../include/global/images/social/github.png") no-repeat;
}

.social-icons li .googleplus {
  background: url("../../include/global/images/social/googleplus.png") no-repeat;
}

.social-icons li .jolicloud {
  background: url("../../include/global/images/social/jolicloud.png") no-repeat;
}

.social-icons li .last-fm {
  background: url("../../include/global/images/social/last-fm.png") no-repeat;
}

.social-icons li .linkedin {
  background: url("../../include/global/images/social/linkedin.png") no-repeat;
}

.social-icons li .picasa {
  background: url("../../include/global/images/social/picasa.png") no-repeat;
}

.social-icons li .pintrest {
  background: url("../../include/global/images/social/pintrest.png") no-repeat;
}

.social-icons li .rss {
  background: url("../../include/global/images/social/rss.png") no-repeat;
}

.social-icons li .skype {
  background: url("../../include/global/images/social/skype.png") no-repeat;
}

.social-icons li .spotify {
  background: url("../../include/global/images/social/spotify.png") no-repeat;
}

.social-icons li .stumbleupon {
  background: url("../../include/global/images/social/stumbleupon.png") no-repeat;
}

.social-icons li .tumblr {
  background: url("../../include/global/images/social/tumblr.png") no-repeat;
}

.social-icons li .twitter {
  background: url("../../include/global/images/social/twitter.png") no-repeat;
}

.social-icons li .vimeo {
  background: url("../../include/global/images/social/vimeo.png") no-repeat;
}

.social-icons li .wordpress {
  background: url("../../include/global/images/social/wordpress.png") no-repeat;
}

.social-icons li .xing {
  background: url("../../include/global/images/social/xing.png") no-repeat;
}

.social-icons li .yahoo {
  background: url("../../include/global/images/social/yahoo.png") no-repeat;
}

.social-icons li .youtube {
  background: url("../../include/global/images/social/youtube.png") no-repeat;
}

.social-icons li .vk {
  background: url("../../include/global/images/social/vk.png") no-repeat;
}

.social-icons li .instagram {
  background: url("../../include/global/images/social/instagram.png") no-repeat;
}

.social-icons li .reddit {
  background: url("../../include/global/images/social/reddit.png") no-repeat;
}

.social-icons li .aboutme {
  background: url("../../include/global/images/social/aboutme.png") no-repeat;
}

.social-icons li .flickr {
  background: url("../../include/global/images/social/flickr.png") no-repeat;
}

.social-icons li .foursquare {
  background: url("../../include/global/images/social/foursquare.png") no-repeat;
}

.social-icons li .gravatar {
  background: url("../../include/global/images/social/gravatar.png") no-repeat;
}

.social-icons li .klout {
  background: url("../../include/global/images/social/klout.png") no-repeat;
}

.social-icons li .myspace {
  background: url("../../include/global/images/social/myspace.png") no-repeat;
}

.social-icons li .quora {
  background: url("../../include/global/images/social/quora.png") no-repeat;
}

.social-icons.social-icons-color > li > a {
  opacity: 0.7;
  background-position: 0 -38px !important;
}

.social-icons.social-icons-color > li > a:hover {
  opacity: 1;
}

.social-icons.social-icons-circle > li > a {
  border-radius: 25px !important;
}

/***
Inline Social Icons
***/

.social-icon {
  display: inline-block !important;
  width: 28px;
  height: 28px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.social-icon.social-icon-circle {
  border-radius: 25px !important;
}

.social-icon.amazon {
  background: url("../../include/global/images/social/amazon.png") no-repeat;
}

.social-icon.behance {
  background: url("../../include/global/images/social/behance.png") no-repeat;
}

.social-icon.blogger {
  background: url("../../include/global/images/social/blogger.png") no-repeat;
}

.social-icon.deviantart {
  background: url("../../include/global/images/social/deviantart.png") no-repeat;
}

.social-icon.dribbble {
  background: url("../../include/global/images/social/dribbble.png") no-repeat;
}

.social-icon.dropbox {
  background: url("../../include/global/images/social/dropbox.png") no-repeat;
}

.social-icon.evernote {
  background: url("../../include/global/images/social/evernote.png") no-repeat;
}

.social-icon.facebook {
  background: url("../../include/global/images/social/facebook.png") no-repeat;
}

.social-icon.forrst {
  background: url("../../include/global/images/social/forrst.png") no-repeat;
}

.social-icon.github {
  background: url("../../include/global/images/social/github.png") no-repeat;
}

.social-icon.googleplus {
  background: url("../../include/global/images/social/googleplus.png") no-repeat;
}

.social-icon.jolicloud {
  background: url("../../include/global/images/social/jolicloud.png") no-repeat;
}

.social-icon.last-fm {
  background: url("../../include/global/images/social/last-fm.png") no-repeat;
}

.social-icon.linkedin {
  background: url("../../include/global/images/social/linkedin.png") no-repeat;
}

.social-icon.picasa {
  background: url("../../include/global/images/social/picasa.png") no-repeat;
}

.social-icon.pintrest {
  background: url("../../include/global/images/social/pintrest.png") no-repeat;
}

.social-icon.rss {
  background: url("../../include/global/images/social/rss.png") no-repeat;
}

.social-icon.skype {
  background: url("../../include/global/images/social/skype.png") no-repeat;
}

.social-icon.spotify {
  background: url("../../include/global/images/social/spotify.png") no-repeat;
}

.social-icon.stumbleupon {
  background: url("../../include/global/images/social/stumbleupon.png") no-repeat;
}

.social-icon.tumblr {
  background: url("../../include/global/images/social/tumblr.png") no-repeat;
}

.social-icon.twitter {
  background: url("../../include/global/images/social/twitter.png") no-repeat;
}

.social-icon.vimeo {
  background: url("../../include/global/images/social/vimeo.png") no-repeat;
}

.social-icon.wordpress {
  background: url("../../include/global/images/social/wordpress.png") no-repeat;
}

.social-icon.xing {
  background: url("../../include/global/images/social/xing.png") no-repeat;
}

.social-icon.yahoo {
  background: url("../../include/global/images/social/yahoo.png") no-repeat;
}

.social-icon.youtube {
  background: url("../../include/global/images/social/youtube.png") no-repeat;
}

.social-icon.vk {
  background: url("../../include/global/images/social/vk.png") no-repeat;
}

.social-icon.instagram {
  background: url("../../include/global/images/social/instagram.png") no-repeat;
}

.social-icon.reddit {
  background: url("../../include/global/images/social/reddit.png") no-repeat;
}

.social-icon.aboutme {
  background: url("../../include/global/images/social/aboutme.png") no-repeat;
}

.social-icon.flickr {
  background: url("../../include/global/images/social/flickr.png") no-repeat;
}

.social-icon.foursquare {
  background: url("../../include/global/images/social/foursquare.png") no-repeat;
}

.social-icon.gravatar {
  background: url("../../include/global/images/social/gravatar.png") no-repeat;
}

.social-icon.klout {
  background: url("../../include/global/images/social/klout.png") no-repeat;
}

.social-icon.myspace {
  background: url("../../include/global/images/social/myspace.png") no-repeat;
}

.social-icon.quora {
  background: url("../../include/global/images/social/quora.png") no-repeat;
}

.social-icon:hover {
  background-position: 0 -38px;
}

.social-icon-color {
  opacity: 0.7;
  background-position: 0 -38px !important;
}

.social-icon-color:hover {
  opacity: 1;
}

/***
Customized Bootstrap Tables
***/

/***
Default table
***/

.table.table-bordered thead > tr > th {
  border-bottom: 0;
}

.table tr.heading > th {
  background-color: #eee !important;
}

.table td .img-responsive {
  width: 100%;
}

/* Contextual table row variants */

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background: #a6c8e6;
  color: #132339;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background: #92bce0;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background: #dff0d8;
  color: #3c763d;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background: #d9edf7;
  color: #31708f;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background: #fcf8e3;
  color: #8a6d3b;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background: #f2dede;
  color: #a94442;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background: #ebcccc;
}

/***
Responsive & Scrollable Tables
***/

.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  margin: 10px 0 !important;
}

.table-scrollable.table-scrollable-borderless {
  border: 0;
}

.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: #fff;
}

.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap;
}

.table-scrollable > .table-bordered {
  border: 0;
}

.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

/***
Responsive Flip Scroll Tables
***/

.flip-scroll table {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  /* 768px */

  .flip-scroll .flip-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }

  .flip-scroll * html .flip-content {
    zoom: 1;
  }

  .flip-scroll *:first-child + html .flip-content {
    zoom: 1;
  }

  .flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .flip-scroll th,
  .flip-scroll td {
    margin: 0;
    vertical-align: top;
  }

  .flip-scroll th {
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    font-size: 13px !important;
    padding: 5px;
    width: auto !important;
  }

  .flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }

  .flip-scroll thead {
    display: block;
    float: left;
  }

  .flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }

  .flip-scroll .flip-content tbody tr td {
    font-size: 13px;
    line-height: 1.483;
  }

  .flip-scroll .table-bordered.flip-content tbody tr td {
    font-size: 13px;
    line-height: 1.43;
  }

  .flip-scroll thead tr {
    display: block;
  }

  .flip-scroll th {
    display: block;
    text-align: right;
  }

  .flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
  }

  .flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  /* sort out borders */

  .flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }

  .flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .flip-scroll tbody tr {
    border-left: 1px solid #ddd;
  }

  .flip-scroll th:last-child,
  .flip-scroll td:last-child {
    border-bottom: 1px solid #ddd;
  }
}

/***
Custom tables
***/

.table-toolbar {
  margin-bottom: 15px;
}

.table-toolbar:before,
.table-toolbar:after {
  content: " ";
  display: table;
}

.table-toolbar:after {
  clear: both;
}

.table.table-full-width {
  width: 100% !important;
}

.table .btn {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 5px;
}

.table thead tr th {
  font-size: 14px;
  font-weight: 600;
}

.table-advance {
  margin-bottom: 10px !important;
}

.table-advance thead {
  color: #999;
}

.table-advance thead tr th {
  background-color: #DDD;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}

.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
  position: absolute;
  margin-top: -5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}

.table-advance tr td {
  border-left-width: 0px;
}

.table-advance tr td:first-child {
  border-left-width: 1px !important;
}

.table-advance tr td.highlight:first-child a {
  margin-left: 15px;
}

.table-advance td.highlight div.primary {
  border-left: 2px solid #428bca;
}

.table-advance td.highlight div.success {
  border-left: 2px solid #45B6AF;
}

.table-advance td.highlight div.info {
  border-left: 2px solid #89C4F4;
}

.table-advance td.highlight div.warning {
  border-left: 2px solid #dfba49;
}

.table-advance td.highlight div.danger {
  border-left: 2px solid #F3565D;
}

@media (max-width: 767px) {
  /* 767px */

  .table-advance tr > td.highlight:first-child a {
    margin-left: 8px;
  }
}

/***
Light Table
***/

.table.table-light {
  border: 0 !important;
}

.table.table-light > thead > tr:hover > th {
  background: none;
}

.table.table-light > thead > tr.uppercase {
  text-transform: uppercase;
}

.table.table-light > thead > tr > th {
  font-weight: 400;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  border: 0;
  border-bottom: 1px solid #F2F5F8;
}

.table.table-light > tbody > tr:last-child > td {
  border: 0;
}

.table.table-light > tbody > tr > td {
  border: 0;
  border-bottom: 1px solid #F2F5F8;
  vertical-align: middle;
}

.table.table-light > tbody > tr > td.fit {
  width: 1px;
  padding-right: 3px;
}

.table.table-light > tbody > tr > td .user-pic {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.table.table-light.table-hover > tbody > tr > td:hover,
.table.table-light.table-hover > tbody > tr > th:hover,
.table.table-light.table-hover > tbody > tr:hover > td,
.table.table-light.table-hover > tbody > tr:hover > th {
  background: #f9fafb;
}

/***
Customized Bootstrap Tabs 
***/

/* Tabs and pills */

/*.nav-tabs,
.nav-pills {
  background: #fff;
}*/

.nav-tabs > li > a,
.nav-pills > li > a {
  font-size: 14px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a > .badge,
.nav-pills > li > a > .badge {
  margin-top: -6px;
}

.nav-tabs > li .dropdown-menu:before,
.nav-tabs > li .dropdown-menu:after,
.nav-pills > li .dropdown-menu:before,
.nav-pills > li .dropdown-menu:after {
  display: none;
}

.nav-tabs.nav-tabs-sm > li > a,
.nav-tabs.nav-pills-sm > li > a,
.nav-pills.nav-tabs-sm > li > a,
.nav-pills.nav-pills-sm > li > a {
  font-size: 13px;
}

.nav-tabs .dropdown.open > .dropdown-toggle,
.nav-pills .dropdown.open > .dropdown-toggle {
  color: #0d638f;
}

/* Left and right tabs */

.tabs-right.nav-tabs,
.tabs-left.nav-tabs {
  border-bottom: 0;
}

.tabs-right.nav-tabs > li,
.tabs-left.nav-tabs > li {
  float: none;
}

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

/* Left tabs */

.tabs-left.nav-tabs {
  border-right: 1px solid #ddd;
}

.tabs-left.nav-tabs > li > a {
  display: block;
  margin-right: -1px;
}

.tabs-left.nav-tabs > li > a:hover,
.tabs-left.nav-tabs > li > a:focus {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left.nav-tabs > li.active > a,
.tabs-left.nav-tabs > li.active > a:hover
> li.active > a:focus {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

/* Right tabs */

.tabs-right.nav-tabs {
  border-left: 1px solid #ddd;
}

.tabs-right.nav-tabs > li > a {
  display: block;
  margin-left: -1px;
}

.tabs-right.nav-tabs > li > a:hover,
.tabs-right.nav-tabs > li > a:focus {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right.nav-tabs > li.active > a,
.tabs-right.nav-tabs > li.active > a:hover
> li.active > a:focus {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

/* Below tabs */

.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
  border-bottom: 0;
  margin-bottom: 0px;
  margin-top: 10px;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 10px;
}

.tabs-below > .nav-tabs > li > a {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > li > a .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.tabs-below > .nav-tabs .active a,
.tabs-below > .nav-tabs .active a:hover
.active a:focus {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  border-color: transparent #ddd #ddd #ddd  !important;
}

/***
Custom tabs
***/

/* In BS3.0.0 tabbable class was removed. We had to added it back */

.tabbable:before,
.tabbable:after {
  content: " ";
  display: table;
}

.tabbable:after {
  clear: both;
}

.tabbable-custom {
  margin-bottom: 15px;
  padding: 0px;
  /* justified tabs */
  /* boxless tabs */
  /* below justified tabs */
  /* full width tabs */
  /* below tabs */
}

.tabbable-custom > .nav-tabs {
  border: none;
  margin: 0px;
}

.tabbable-custom > .nav-tabs > li {
  height: 41px;
  border-bottom: 1px #cacaca solid;
}

.tabbable-custom > .nav-tabs > li:hover .close-tab-icon {
  display: block;
}

.tabbable-custom > .nav-tabs .first-tab {
  margin-left: 16px;
}

.tabbable-custom > .nav-tabs > li > a {
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.tabbable-custom > .nav-tabs > li > a:hover {
  background: none;
  border-color: transparent;
}

.tabbable-custom > .nav-tabs > li.active {
  background-color: #ffffff;
  border-bottom: 1px #fff solid;
  border-left: 1px #c2c2c2 solid;
  border-right: 1px #c2c2c2 solid;
  border-top: 1px #c2c2c2 solid;
  border-radius: 6px 6px 0 0 !important;
}

.tabbable-custom > .nav-tabs > li.active:hover {
  background-color: #ffffff;
  border-bottom: 1px #fff solid;
  border-left: 1px #c2c2c2 solid;
  border-right: 1px #c2c2c2 solid;
  border-top: 1px #c2c2c2 solid;
  border-radius: 6px 6px 0 0 !important;
}

.tabbable-custom > .nav-tabs > li.active > a {
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.tabbable-custom > .tab-content {
  background-color: #F6F6F6;
  border: 1px solid #ddd;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.tabbable-custom.nav-justified > .tab-content {
  margin-top: -1px;
}

.tabbable-custom.boxless > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.tabbable-custom.tabs-below.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
  color: #424242;
  font-size: 15px;
  padding: 9px 15px;
}

.tabbable-custom.tabbable-full-width > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.tabbable-custom.tabs-below .nav-tabs > li > a {
  border-top: none;
  border-bottom: 2px solid transparent;
  margin-top: -1px;
}

.tabbable-custom.tabs-below .nav-tabs > li.active {
  border-top: none;
  border-bottom: 3px solid #d12610;
  margin-bottom: 0;
  position: relative;
}

.tabbable-custom.tabs-below .nav-tabs > li.active > a {
  border-bottom: none;
}

.tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
  border: 0;
}

.tabbable-custom.tabbable-noborder .tab-content {
  /*border: 0;*/
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}

.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}

.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
  padding: 5px 15px;
}

.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li:hover {
  border-bottom: 2px solid #2DB9F1;
}

.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333;
}

.tabbable-line > .nav-tabs > li.open > a > i,
.tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}

.tabbable-line > .nav-tabs > li.active {
  border-bottom: 2px solid #2DB9F1;
  position: relative;
}

.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333;
}

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}

.tabbable-line > .tab-content {
  margin-top: 1px;
  /*background-color: #fff;*/
  border: 0;
  border-top: 1px solid #eee;
  padding: 0;
}

.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}

.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}

.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #F3565D;
}

.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.tabbable-line .nav-tabs > li.active > a,
.tabbable-line .nav-tabs > li.active > a:hover,
.tabbable-line .nav-tabs > li.active > a:focus {
  background-color: #F6F6F6;
}

/***
Tiles(new in v1.1.1)
***/

.tiles {
  margin-right: -10px;
}

.tiles:before,
.tiles:after {
  display: table;
  content: " ";
}

.tiles:after {
  clear: both;
}

.tiles .tile {
  display: block;
  letter-spacing: 0.02em;
  float: left;
  height: 135px;
  width: 135px !important;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 20px;
  overflow: hidden;
  border: 4px solid transparent;
  margin: 0 10px 10px 0;
}

.tiles .tile:after,
.tiles .tile:before {
  content: "";
  float: left;
}

.tiles .tile.double {
  width: 280px !important;
}

.tiles .tile.double-down {
  height: 280px !important;
}

.tiles .tile.double-down i {
  margin-top: 95px;
}

.tiles .tile:hover {
  border-color: #aaa !important;
}

.tiles .tile:active,
.tiles .tile.selected {
  border-color: #ccc !important;
}

.tiles .tile.selected .corner:after {
  content: "";
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #ccc;
  position: absolute;
  top: -3px;
  right: -3px;
}

.tiles .tile.selected .check:after {
  content: "";
  font-family: FontAwesome;
  font-size: 13px;
  content: "\f00c";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
}

.tiles .tile.icon {
  padding: 0;
}

.tiles .tile.image .tile-body {
  padding: 0 !important;
}

.tiles .tile.image .tile-body > img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}

.tiles .tile.image .tile-body h3 {
  display: inline-block;
}

.tiles .tile .tile-body {
  height: 100%;
  vertical-align: top;
  padding: 10px 10px;
  overflow: hidden;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}

.tiles .tile .tile-body p {
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
}

.tiles .tile .tile-body p:hover {
  color: rgba(0, 0, 0, 0.8);
}

.tiles .tile .tile-body p:active {
  color: rgba(0, 0, 0, 0.4);
}

.tiles .tile .tile-body p:hover {
  color: #ffffff;
}

.tiles .tile .tile-body img {
  float: left;
  margin-right: 10px;
}

.tiles .tile .tile-body img.pull-right {
  float: right !important;
  margin-left: 10px;
  margin-right: 0px;
}

.tiles .tile .tile-body > .content {
  display: inline-block;
}

.tiles .tile .tile-body > i {
  margin-top: 17px;
  display: block;
  font-size: 56px;
  line-height: 56px;
  text-align: center;
}

.tiles .tile .tile-body h1,
.tiles .tile .tile-body h2,
.tiles .tile .tile-body h3,
.tiles .tile .tile-body h4,
.tiles .tile .tile-body h5,
.tiles .tile .tile-body h6,
.tiles .tile .tile-body p {
  padding: 0;
  margin: 0;
  line-height: 14px;
}

.tiles .tile .tile-body h1:hover,
.tiles .tile .tile-body h2:hover,
.tiles .tile .tile-body h3:hover,
.tiles .tile .tile-body h4:hover,
.tiles .tile .tile-body h5:hover,
.tiles .tile .tile-body h6:hover,
.tiles .tile .tile-body p:hover {
  color: #ffffff;
}

.tiles .tile .tile-body h3,
.tiles .tile .tile-body h4 {
  margin-bottom: 5px;
}

.tiles .tile .tile-object {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  *zoom: 1;
}

.tiles .tile .tile-object:before,
.tiles .tile .tile-object:after {
  display: table;
  content: "";
}

.tiles .tile .tile-object:after {
  clear: both;
}

.tiles .tile .tile-object > .name {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
}

.tiles .tile .tile-object > .name > i {
  vertical-align: middle;
  display: block;
  font-size: 24px;
  height: 18px;
  width: 24px;
}

.tiles .tile .tile-object > .number {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 14px;
  margin-bottom: 8px;
  margin-right: 10px;
}

/***
Custimized Bootstrap Wells
***/

.well {
  background-color: #eee;
  border: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/*--------------------------------------------------
	[Widgets]
----------------------------------------------------*/

/*** Widget Background Colors ***/

.widget-bg-color-purple {
  background: #9a7caf;
}

.widget-bg-color-purple-dark {
  background: #4b365a;
}

.widget-bg-color-purple-light {
  background: #674d79;
}

.widget-bg-color-green {
  background: #4db3a4;
}

.widget-bg-color-red {
  background: #f36a5a;
}

.widget-bg-color-blue {
  background: #5b9bd1;
}

.widget-bg-color-gray {
  background: #323c45;
}

.widget-bg-color-gray-dark {
  background: #144f57;
}

.widget-bg-color-white {
  background: #fff;
}

.widget-bg-color-dark {
  background: #3e4f5e;
}

.widget-bg-color-dark-light {
  background: #8e9daa;
}

.widget-bg-color-fb {
  background: #475e98;
}

.widget-bg-color-tw {
  background: #55acee;
}

/*** Widget Title Colors ***/

.widget-title-color-purple {
  color: #9a7caf;
}

.widget-title-color-purple-dark {
  color: #4b365a;
}

.widget-title-color-purple-light {
  color: #674d79;
}

.widget-title-color-green {
  color: #4db3a4;
}

.widget-title-color-red {
  color: #f36a5a;
}

.widget-title-color-blue {
  color: #5b9bd1;
}

.widget-title-color-gray {
  color: #323c45;
}

.widget-title-color-gray-dark {
  color: #144f57;
}

.widget-title-color-white {
  color: #fff;
}

.widget-title-color-dark {
  color: #3e4f5e;
}

.widget-title-color-dark-light {
  color: #8e9daa;
}

.widget-title-color-fb {
  color: #475e98;
}

.widget-title-color-tw {
  color: #55acee;
}

.overflow-h {
  overflow: hidden;
}

/*** Widget Carousel ***/

.widget-carousel .carousel-indicators {
  left: -18%;
  bottom: 10px;
  margin-left: 0;
}

.widget-carousel .carousel-indicators-red > li {
  border-color: #f36a5a;
}

.widget-carousel .carousel-indicators-red > li.active {
  background: #f36a5a;
}

/*** Widget Gradient ***/

.widget-gradient {
  position: relative;
  min-height: 350px;
  overflow: hidden;
}

.widget-gradient .widget-gradient-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  padding: 20px;
}

.widget-gradient .widget-gradient-body .widget-gradient-title {
  font-size: 21px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 0;
  margin: 0;
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li {
  font-size: 14px;
  padding: 0 0 0 8px;
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li:first-child {
  padding-left: 0;
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li a {
  color: #fff;
}

.widget-gradient .widget-gradient-body .widget-gradient-body-actions li a:hover {
  color: #a1afbb;
  text-decoration: none;
}

.widget-gradient.widget-gradient-img-v1 {
  background: url("../../include/global/fw/include/admin/layout7/images/02.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

.widget-gradient.widget-gradient-img-v2 {
  background: url("../../include/global/fw/include/admin/layout7/images/01.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

.widget-gradient.widget-gradient-img-v3 {
  background: url("../../include/global/fw/include/admin/layout7/images/06.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

.widget-gradient.widget-gradient-img-v4 {
  background: url("../../include/global/fw/include/admin/layout7/images/03.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

.widget-gradient.widget-gradient-img-v5 {
  background: url("../../include/global/fw/include/admin/layout7/images/04.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

/*** Widget Gradient ***/

.widget-wrap-img {
  position: relative;
  min-height: 350px;
  padding: 20px;
}

.widget-wrap-img .widget-wrap-img-title {
  font-size: 21px;
  font-weight: 600;
  color: #3e4f5e;
  margin: 0 0 20px;
}

.widget-wrap-img .widget-wrap-img-element {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*** Widget Tab ***/

.widget-tab {
  min-height: 420px;
}

.widget-tab .nav-tabs {
  margin: 0;
  border-color: #eff1f3;
}

.widget-tab .nav-tabs > li {
  margin: 0 10px;
}

.widget-tab .nav-tabs > li:first-child {
  margin-left: 20px;
}

.widget-tab .nav-tabs > li > a {
  border: 0;
  font-weight: bold;
  color: #8e9daa;
  text-transform: uppercase;
  padding: 20px 0;
}

.widget-tab .nav-tabs > li > a > i {
  color: #8e9daa;
}

.widget-tab .nav-tabs > li.open,
.widget-tab .nav-tabs > li:hover {
  border-bottom: 1px solid #f36a5a;
}

.widget-tab .nav-tabs > li.open > a,
.widget-tab .nav-tabs > li:hover > a {
  border: 0;
  background: inherit;
  color: #f36a5a;
}

.widget-tab .nav-tabs > li.open > a > i,
.widget-tab .nav-tabs > li:hover > a > i {
  color: #f36a5a;
}

.widget-tab .nav-tabs > li.active {
  border-bottom: 1px solid #f36a5a;
  position: relative;
}

.widget-tab .nav-tabs > li.active > a {
  border: 0;
  color: #f36a5a;
}

.widget-tab .nav-tabs > li.active > a > i {
  color: #f36a5a;
}

.widget-tab .tab-content {
  padding: 20px;
  color: #8e9daa;
}

.widget-tab .slimScrollBar {
  right: 10px !important;
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

/*** Widget News ***/

.widget-news {
  overflow: hidden;
  margin-right: 10px;
}

.widget-news .widget-news-left-elem {
  float: left;
  width: 100px;
  height: auto;
  margin-right: 15px;
}

.widget-news .widget-news-right-body {
  overflow: hidden;
}

.widget-news .widget-news-right-body .widget-news-right-body-title {
  font-size: 16px;
  font-weight: 600;
  color: #3e4f5e;
  margin: 0 0 5px;
  clear: both;
}

.widget-news .widget-news-right-body .widget-news-right-body-title .label {
  float: right;
  font-weight: 600;
  background: #a1afbb;
  border-radius: 3px !important;
}

.widget-news .widget-news-right-body p {
  font-size: 13px;
}

/*** Widget Thumb ***/

.widget-thumb {
  padding: 20px;
}

.widget-thumb .widget-thumb-heading {
  font-size: 14px;
  font-weight: bold;
  color: #8e9daa;
  margin: 0 0 20px 0;
}

.widget-thumb .widget-thumb-wrap {
  overflow: hidden;
}

.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
  float: left;
  width: 60px;
  height: 60px;
  display: inline-block;
  font-size: 20px;
  line-height: 41px;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin-right: 15px;
}

.widget-thumb .widget-thumb-body {
  overflow: hidden;
}

.widget-thumb .widget-thumb-body .widget-thumb-subtitle {
  padding-top: 2px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #8e9daa;
}

.widget-thumb .widget-thumb-body .widget-thumb-body-stat {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #3e4f5e;
}

/*** Widget Socials ***/

.widget-socials {
  min-height: 250px;
  padding: 20px;
}

.widget-socials .widget-socials-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  margin: 0 0 20px;
}

.widget-socials .widget-social-subtitle {
  color: #fff;
  font-weight: 200;
  line-height: 1.4;
}

.widget-socials .widget-social-subtitle a {
  color: #fff;
}

.widget-socials .widget-socials-paragraph {
  display: block;
  color: #65727d;
}

.widget-socials .widget-social-icon-fb,
.widget-socials .widget-social-icon-tw {
  font-size: 30px;
  margin: 30px 0;
}

.widget-socials .widget-social-icon-fb {
  color: #2b3f72;
}

.widget-socials .widget-social-icon-tw {
  color: #3686c3;
}

/*** Widget Comments ***/

.widget-comments {
  min-height: 420px;
}

/*** Widget Media ***/

.widget-media {
  border-bottom: 1px solid #f6f9fc;
  overflow: hidden;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.widget-media .widget-media-elements {
  float: left;
  margin-right: 20px;
}

.widget-media .widget-media-avatar {
  width: 55px;
  height: 55px;
  display: block;
}

.widget-media .widget-btn-default {
  display: inline-block;
  font-size: 12px;
  color: #96a2b1;
  border: 1px solid #ebf0f6;
  padding: 3px 10px;
}

.widget-media .widget-btn-default .widget-btn-icon {
  line-height: 1.5;
}

.widget-media .widget-btn-default:hover {
  background: #ebf0f6;
  text-decoration: none;
}

.widget-media .widget-btn-red {
  display: inline-block;
  font-size: 12px;
  color: #f36a5a;
  border: 1px solid #ebf0f6;
  padding: 3px 10px;
}

.widget-media .widget-btn-red .widget-btn-icon {
  line-height: 1.5;
}

.widget-media .widget-btn-red:hover {
  color: #fff;
  background: #f36a5a;
  text-decoration: none;
}

.widget-media .widget-btn-blue {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  border: 1px solid #ebf0f6;
  padding: 3px 10px;
  background: #5b9bd1;
}

.widget-media .widget-btn-blue .widget-btn-icon {
  line-height: 1.5;
}

.widget-media .widget-btn-blue:hover {
  color: #5b9bd1;
  background: #fff;
  text-decoration: none;
}

.widget-media .widget-media-body {
  overflow: hidden;
}

.widget-media .widget-media-body .widget-media-body-title {
  font-size: 15px;
  font-weight: 600;
  color: #5b9bd1;
  margin: 0 0 7px;
}

.widget-media .widget-media-body .widget-media-body-subtitle {
  font-size: 13px;
  color: #7e8c9e;
}

/*** Widget Blog ***/

.widget-blog {
  background: #fff;
  padding: 20px;
  background-position: center center;
  background-size: cover;
  padding-top: 30px;
}

.widget-blog .widget-blog-heading {
  position: relative;
  margin-bottom: 30px;
}

.widget-blog .widget-blog-heading:before {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 50px;
  height: 1px;
  border-width: 1px;
  background: #8e9daa;
  margin-left: -25px;
  content: " ";
}

.widget-blog .widget-blog-title {
  font-size: 20px;
  font-weight: 400;
  color: #3e4f5e;
  margin: 0 0 15px;
}

.widget-blog .widget-blog-title a {
  color: #3e4f5e;
}

.widget-blog .widget-blog-subtitle {
  display: block;
  font-size: 13px;
  color: #8e9daa;
  letter-spacing: 3px;
}

.widget-blog .btn-widget-purple {
  display: inline-block;
  font-size: 13px;
  color: #8e9daa;
  border: 1px solid #8e9daa;
  padding: 7px 17px;
}

.widget-blog .btn-widget-purple:hover {
  color: #fff;
  background: #8e9daa;
  text-decoration: none;
}

/*** Widget Progress ***/

.widget-progress {
  min-height: 420px;
}

.widget-progress .widget-progress-element {
  overflow: hidden;
  padding: 30px 10px;
}

.widget-progress .widget-progress-title {
  display: block;
  color: #fff;
  margin-bottom: 5px;
}

.widget-progress .progress {
  height: 3px;
  background: rgba(255, 255, 255, 0.2);
  margin-bottom: 0;
}

/*** Widget Gradient ***/

.widget-map {
  min-height: 350px;
  border-top-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.widget-map .widget-map-mapplic {
  border-top-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
}

.widget-map .widget-map-mapplic .mapplic-container {
  background: #5b9bd1;
}

.widget-map .widget-map-mapplic .mapplic-layer.world > img {
  opacity: .3;
}

.widget-map .widget-map-body {
  background: #fff;
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  padding: 20px;
  overflow: hidden;
}

.widget-map .widget-sparkline-chart {
  width: 25%;
  float: left;
  border-left: 1px solid #e7eff7;
  padding: 0 15px;
}

.widget-map .widget-sparkline-chart:first-child {
  border-left: none;
}

.widget-map .widget-sparkline-chart .widget-sparkline-title {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #a1afbb;
}

/* Widget Map for max-width 480px */

@media (max-width: 480px) {
  /* 480px */

  .widget-map .widget-sparkline-chart {
    width: 50%;
    border-left: none;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

/*** Widget Subscribe ***/

.widget-subscribe {
  min-height: 250px;
  overflow: hidden;
  padding: 30px;
}

.widget-subscribe .widget-subscribe-no {
  float: left;
  font-size: 67px;
  font-weight: 600;
  line-height: 1;
  color: #9a7caf;
}

.widget-subscribe .widget-subscribe-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 15px 45px;
}

.widget-subscribe .widget-subscribe-subtitle {
  font-size: 15px;
  font-weight: 600;
}

.widget-subscribe .widget-subscribe-subtitle-link {
  color: #cab0dd;
}

.widget-subscribe.widget-subscribe-quote {
  position: relative;
}

.widget-subscribe.widget-subscribe-quote:before {
  position: absolute;
  top: 2px;
  font-size: 70px;
  color: #fff;
  content: "\201C";
}

/* Widget Subscribe for media queries */

@media (max-width: 767px) {
  /* 767px */

  .widget-subscribe.widget-subscribe-border {
    border-top: 1px solid #f5f8fb;
    border-bottom: 1px solid #f5f8fb;
    border-right: none;
  }
}

@media (min-width: 768px) {
  /* 768px */

  .widget-subscribe.widget-subscribe-border {
    border-left: 1px solid #f5f8fb;
    border-right: 1px solid #f5f8fb;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  /* 767px & 991px */

  .widget-subscribe.widget-subscribe-border {
    border-left: none;
  }

  .widget-subscribe.widget-subscribe-border-top {
    border-top: 1px solid #f5f8fb;
  }
}

/*--------------------------------------------------
    [Material Design]
----------------------------------------------------*/

.page-md .breadcrumbs {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.page-md .widget-bg-color-white,
.page-md .widget-map,
.page-md .widget-carousel,
.page-md .widget-progress-element,
.page-md .widget-socials,
.page-md .widget-blog {
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
}

/***
AngularJS Basic Animations
***/

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(15px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(15px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  -webkit-animation: fadeInUp .5s;
  animation: fadeInUp .5s;
}

@-webkit-keyframes bounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes input-focus {
  0% {
    left: 20%;
    width: 20%;
  }

  99% {
    width: 0;
    left: 0;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* Button */

.btn.default {
  color: #333333;
  background-color: #E5E5E5;
}

.btn.default:hover,
.btn.default:focus,
.btn.default:active,
.btn.default.active {
  color: #333333;
  background-color: lightgray;
}

.open .btn.default.dropdown-toggle {
  color: #333333;
  background-color: lightgray;
}

.btn.default:active,
.btn.default.active {
  background-image: none;
  background-color: #c6c6c6;
}

.btn.default:active:hover,
.btn.default.active:hover {
  background-color: #cccccc;
}

.open .btn.default.dropdown-toggle {
  background-image: none;
}

.btn.default.disabled,
.btn.default.disabled:hover,
.btn.default.disabled:focus,
.btn.default.disabled:active,
.btn.default.disabled.active,
.btn.default[disabled],
.btn.default[disabled]:hover,
.btn.default[disabled]:focus,
.btn.default[disabled]:active,
.btn.default[disabled].active,
fieldset[disabled] .btn.default,
fieldset[disabled] .btn.default:hover,
fieldset[disabled] .btn.default:focus,
fieldset[disabled] .btn.default:active,
fieldset[disabled] .btn.default.active {
  background-color: #E5E5E5;
}

.btn.default .badge {
  color: #E5E5E5;
  background-color: #333333;
}

/***
Yellow Casablanca
***/

/* Button */

.yellow-casablanca.btn {
  color: #FFFFFF;
  background-color: #f2784b;
}

.yellow-casablanca.btn:hover,
.yellow-casablanca.btn:focus,
.yellow-casablanca.btn:active,
.yellow-casablanca.btn.active {
  color: #FFFFFF;
  background-color: #f05f2a;
}

.open .yellow-casablanca.btn.dropdown-toggle {
  color: #FFFFFF;
  background-color: #f05f2a;
}

.yellow-casablanca.btn:active,
.yellow-casablanca.btn.active {
  background-image: none;
  background-color: #ee4d12;
}

.yellow-casablanca.btn:active:hover,
.yellow-casablanca.btn.active:hover {
  background-color: #ef541b;
}

.open .yellow-casablanca.btn.dropdown-toggle {
  background-image: none;
}

.yellow-casablanca.btn.disabled,
.yellow-casablanca.btn.disabled:hover,
.yellow-casablanca.btn.disabled:focus,
.yellow-casablanca.btn.disabled:active,
.yellow-casablanca.btn.disabled.active,
.yellow-casablanca.btn[disabled],
.yellow-casablanca.btn[disabled]:hover,
.yellow-casablanca.btn[disabled]:focus,
.yellow-casablanca.btn[disabled]:active,
.yellow-casablanca.btn[disabled].active,
fieldset[disabled] .yellow-casablanca.btn,
fieldset[disabled] .yellow-casablanca.btn:hover,
fieldset[disabled] .yellow-casablanca.btn:focus,
fieldset[disabled] .yellow-casablanca.btn:active,
fieldset[disabled] .yellow-casablanca.btn.active {
  background-color: #f2784b;
}

.yellow-casablanca.btn .badge {
  color: #f2784b;
  background-color: #FFFFFF;
}

/* Button Strip */

.btn.yellow-casablanca-stripe {
  border-left: 3px solid #f2784b;
}

/* Portlet */



.portlet.solid.yellow-casablanca > .portlet-title,
.portlet.solid.yellow-casablanca > .portlet-body {
  border: 0;
  color: #FFFFFF;
}

.portlet.solid.yellow-casablanca > .portlet-title > .caption {
  font-weight: 400;
}

.portlet.solid.yellow-casablanca > .portlet-title > .caption > i {
  color: #FFFFFF;
}

.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove {
  background-image: url("../../include/global/images/portlet-remove-icon-white.png");
}

.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config {
  background-image: url("../../include/global/images/portlet-config-icon-white.png");
}

.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload {
  background-image: url("../../include/global/images/portlet-reload-icon-white.png");
}

.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand {
  background-image: url("../../include/global/images/portlet-expand-icon-white.png");
}

.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse {
  background-image: url("../../include/global/images/portlet-collapse-icon-white.png");
}

.portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box.yellow-casablanca {
  border-top: 0;
  margin-bottom: 10px;
}



.portlet.box.yellow-casablanca > .portlet-title > .caption {
  color: #515151;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
}

.portlet.box.yellow-casablanca > .portlet-title > .caption > i {
  color: #515151;
  font-size: 18px;
}

.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #fac6b4;
  color: #fbd8cb;
}

.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i {
  color: #fce3da;
}

.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover,
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus,
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active,
.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active {
  border: 1px solid #fdeae3;
  color: #fffcfb;
}

/* Statistic Block */

.dashboard-stat.yellow-casablanca {
  background-color: #f2784b;
}

.dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {
  background-color: #f16a38;
}

.dashboard-stat.yellow-casablanca .visual > i {
  color: #FFFFFF;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.dashboard-stat.yellow-casablanca .details .number {
  color: #FFFFFF;
}

.dashboard-stat.yellow-casablanca .details .desc {
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat.yellow-casablanca .more {
  color: #FFFFFF;
  background-color: #f16a38;
}

/* General Element */

.bg-yellow-casablanca {
  border-color: #f2784b !important;
  background-image: none !important;
  background-color: #f2784b !important;
  color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */

.font-yellow-casablanca {
  color: #f2784b !important;
}

.progress-bar.yellow-casablanca {
  background: #f2784b !important;
  color: #FFFFFF !important;
}
/******************************
 3RD PARTY PLUGIN CUSTOMIZATION 
******************************/

/*--------------------------------------------------
    [TRANSITION]
----------------------------------------------------*/

/* Cubic Bezier Transition */

/*--------------------------------------------------
    [RGBA Opacity]
----------------------------------------------------*/

/*ȥ��IE11�����ı����Դ�IJ��*/

input::-ms-clear {
  display: none;
}

/***
Bootstrap Colorpicker
***/

.input-group.color .input-group-btn i {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  right: 6px;
}

.colorpicker.dropdown-menu {
  padding: 5px;
}

/* change z-index when opened in modal */

.modal-open .colorpicker {
  z-index: 10055 !important;
}

/***
Bootstrap Datepaginator
***/

.datepaginator a {
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 300;
}

.datepicker .clear {
  border: 1px #6B8299 solid;
  color: #6B8299;
  background: #fff !important;
  filter: none !important;
}

.datepicker .clear:hover {
  color: #fff;
  border: 1px #A3B8CC solid;
  background: #A3B8CC !important;
  filter: none !important;
}

.datepicker tfoot .today {
  border: 1px #00AAEF solid;
  color: #fff;
  background: #00AAEF !important;
  filter: none !important;
}

.datepicker tfoot .today:hover {
  color: #fff;
  border: 1px #529DE3 solid;
  background: #529DE3 !important;
  filter: none !important;
}

#dp-calendar {
  right: 4px !important;
}

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

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

/***
Bootstrap Datepicker
***/

.datepicker.dropdown-menu {
  padding: 5px;
}

.datepicker .selected {
  background-color: #909090 !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .active {
  background-color: #4b8df8 !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .active:hover {
  background-color: #2678FC !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .input-daterange input {
  text-align: left;
}

/* change z-index when opened in modal */

.modal-open .datepicker {
  z-index: 10055 !important;
}

.datepicker table td {
  color: #000;
  font-weight: 300  !important;
  font-family: 'Open Sans' !important;
}

.datepicker table th {
  color: #333;
  font-family: 'Open Sans' !important;
  font-weight: 400  !important;
}

.datepicker.dropdown-menu {
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  border: 1px solid #efefef;
}

/***
Bootstrap Daterangepicker
***/

.modal-open .daterangepicker {
  z-index: 10055 !important;
}

.daterangepicker {
  margin-top: 4px;
}

.daterangepicker td {
  text-shadow: none;
}

.daterangepicker td.active {
  background-color: #4b8df8;
  background-image: none;
  filter: none;
}

.daterangepicker th {
  font-weight: 400;
  font-size: 14px;
}

.daterangepicker .ranges input[type="text"] {
  width: 70px !important;
  font-size: 11px;
  vertical-align: middle;
}

.daterangepicker .ranges label {
  font-weight: 300;
  display: block;
}

.daterangepicker .ranges {
  width: 170px;
}

.daterangepicker .ranges ul > li.active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker .ranges .btn {
  margin-top: 10px;
}

.daterangepicker.dropdown-menu {
  padding: 5px;
}

.daterangepicker .ranges li {
  color: #333;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #4b8df8 !important;
  border: 1px solid #4b8df8 !important;
  color: #fff;
}

.daterangepicker .range_inputs input {
  margin-bottom: 0 !important;
}

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

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

/***
Bootstrap  Datetimepicker
***/

.datetimepicker table td {
  color: #000;
  font-weight: 300  !important;
  font-family: 'Open Sans' !important;
}

.datetimepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400  !important;
}

.datetimepicker.dropdown-menu {
  padding: 5px;
}

.datetimepicker .active {
  background-color: #4b8df8 !important;
  background-image: none !important;
  filter: none !important;
}

.datetimepicker .active:hover {
  background-color: #2678FC !important;
  background-image: none !important;
  filter: none !important;
}

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

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

/* change z-index when opened in modal */

.modal-open .datetimepicker {
  z-index: 10055;
}

/***
Bootstrap Editable
***/

.editable-input table,
.editable-input table th,
.editable-input table td,
.editable-input table tr {
  border: 0 !important;
}

.editable-input .combodate select {
  margin-bottom: 5px;
}

/***
Jansy File Input plugin css changes
***/

.fileinput {
  margin-bottom: 0;
}

.fileinput .close {
  float: none;
}

.fileinput .input-group {
  white-space: nowrap;
  overflow: hidden;
}

/***
Bootstrap Markdown
***/

.md-input {
  padding: 5px !important;
  border-bottom: 0 !important;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.md-editor {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.md-editor .btn-toolbar {
  margin-left: 0px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.md-editor .btn-toolbar .btn-group .btn-sm.btn {
  padding-bottom: 3px;
}

.md-editor .btn-toolbar .btn-group .btn-primary {
  padding-top: 5px;
  padding-bottom: 7px;
}

.md-editor.active {
  border: 1px solid #999999;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/***
Error state for WYSIWYG Editors
***/

.has-error .md-editor {
  border: 1px solid #ebccd1 !important;
}

.has-success .md-editor {
  border: 1px solid #d6e9c6 !important;
}

.has-warning .md-editor {
  border: 1px solid #faebcc !important;
}

/***
Bootstrap Modal
***/

/* fix: content shifting to the right on modal open */

.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
  overflow-y: auto !important;
}

.modal-scrollable {
  overflow: hidden !important;
}

/* BS 3.3.1 fix */

.modal-backdrop {
  position: fixed;
  bottom: 0;
}

.modal-scrollable {
  overflow: hidden !important;
  z-index: 10051;
  overflow-y: scroll !important;
}

/***
Bootstrap Select
***/

.bootstrap-select .btn {
  border-color: #e5e5e5;
}

.has-error .bootstrap-select .btn {
  border-color: #ebccd1;
}

.has-success .bootstrap-select .btn {
  border-color: #d6e9c6;
}

.has-warning .bootstrap-select .btn {
  border-color: #faebcc;
}

.bootstrap-select.open .btn {
  border-color: #999;
}

.bootstrap-select.open.dropup .btn {
  border-color: #999;
}

.bootstrap-select .btn:focus {
  outline: none !important;
  outline-offset: 0;
}

.bootstrap-select.btn-group .dropdown-menu {
  margin-top: 1px;
}

.bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
  font-weight: 600;
  font-family: 'Open Sans';
  font-size: 14px;
}

.bootstrap-select.btn-group .dropdown-menu .text-muted {
  color: #999 !important;
}

.bootstrap-select .caret {
  border: 0;
  width: auto;
  height: auto;
  margin-top: -10px !important;
}

.bootstrap-select .caret:before {
  content: "\f107";
  display: inline-block;
  border: 0;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.bootstrap-select .selected i {
  color: #aaa;
}

.bootstrap-select .dropdown-menu {
  z-index: 9999 !important;
}

/***
Bootstrap Switch 
***/

.bootstrap-switch {
  border-color: #e5e5e5;
}

.bootstrap-switch.bootstrap-switch-focused {
  box-shadow: none;
  border-color: #e5e5e5;
}

/***
Color variants
***/

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #428bca;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #89C4F4;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #45B6AF;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  color: #fff;
  background: #dfba49;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #F3565D;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #444;
  background: #ececec;
}

/* Bootstrap switch on portlet headers */

.portlet > .portlet-title > .actions > .bootstrap-switch {
  border-color: transparent;
  margin-top: 0px;
}

/***
Bootstrap Time Picker
***/

.bootstrap-timepicker-widget table td a {
  padding: 4px 0;
}

.bootstrap-timepicker-widget input,
.bootstrap-timepicker-widget input:focus {
  outline: none !important;
  border: 0;
}

.modal-open .bootstrap-timepicker-widget {
  z-index: 10055 !important;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  top: auto;
}

/***
Toastr Notifications
***/

.toast {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast .toast-close-button {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  text-indent: -100000px;
  width: 11px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-image: url("../../include/global/images/portlet-remove-icon-white.png") !important;
}

.toast-top-center {
  top: 12px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
}

.toast-top-center .toast {
  margin: 0 !important;
}

.toast-bottom-center {
  bottom: 12px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
}

.toast-bottom-center .toast {
  margin: 0 !important;
}

/***
Bootstrap Wizard
***/

.form-wizard .progress {
  margin-bottom: 30px;
}

.form-wizard .steps {
  padding: 10px 0;
  margin-bottom: 15px;
  background-color: #fff;
  background-image: none;
  filter: none;
  border: 0px;
  box-shadow: none;
}

.form-wizard .steps > li > a.step {
  background-color: #fff;
  background-image: none;
  filter: none;
  border: 0px;
  box-shadow: none;
}

.form-wizard .steps > li > a.step:hover {
  background: none;
}

.form-wizard .steps > li > a.step > .number {
  background-color: #eee;
  display: inline-block;
  text-align: center !important;
  font-size: 16px;
  font-weight: 300;
  padding: 11px 15px 13px 15px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.form-wizard .steps > li > a.step > .desc {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
}

.form-wizard .steps > li > a.step > .desc > i {
  display: none;
}

.form-wizard .steps > li.active > a.step .number {
  background-color: #45B6AF;
  color: #fff;
}

.form-wizard .steps > li.active > a.step .desc {
  color: #333;
}

.form-wizard .steps > li.done > a.step .number {
  background-color: #dfba49;
  color: #fff;
}

.form-wizard .steps > li.done > a.step .desc {
  color: #333;
}

.form-wizard .steps > li.done > a.step .desc i {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  display: inline-block;
}

@media (min-width: 768px) and (max-width: 1200px) {
  /* 768px & 1200px */

  .form-wizard .step .desc {
    margin-top: 10px;
    display: block;
  }
}

@media (max-width: 768px) {
  /* 768px */

  .form-wizard .steps > li > a {
    text-align: left;
  }
}

/*!
 * Tab drop for Bootstrap
 */

.tabbable-tabdrop .nav-tabs,
.tabbable-tabdrop .nav-pills {
  position: relative;
}

.tabbable-tabdrop .nav-tabs .caret,
.tabbable-tabdrop .nav-pills .caret {
  display: none;
}

.tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i,
.tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i {
  font-size: 14px;
}

.tabbable-tabdrop .dropdown-menu:after {
  right: 10px;
  left: auto;
}

.tabbable-tabdrop .dropdown-menu:before {
  right: 9px;
  left: auto;
}

/***
wysihtml5
***/

.wysihtml5-sandbox {
  width: 100% !important;
}

.wysihtml5-toolbar li {
  margin: 0px;
  height: 29px;
}

.wysihtml5-toolbar li .dropdown-menu {
  margin-top: 5px;
}

/***
Error state for WYSIWYG Editors
***/

.has-error .wysihtml5-sandbox {
  border: 1px solid #ebccd1 !important;
}

.has-success .wysihtml5-sandbox {
  border: 1px solid #d6e9c6 !important;
}

.has-warning .wysihtml5-sandbox {
  border: 1px solid #faebcc !important;
}

/***
Error state for WYSIWYG Editors
***/

.note-editor {
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.note-editor .note-toolbar {
  border-bottom: 1px solid #e5e5e5;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.note-editor .note-statusbar {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.note-editor .note-statusbar .note-resizebar {
  border-top: 1px solid #e5e5e5;
}

.note-editor.fullscreen {
  z-index: 11000;
  width: 100% !important;
}

.note-editor .dropdown-menu:before {
  left: 9px;
  right: auto;
}

.note-editor .dropdown-menu:after {
  left: 10px;
  right: auto;
}

.note-link-dialog .checkbox {
  margin-left: 20px;
}

.has-error .note-editor {
  border: 1px solid #ebccd1 !important;
}

.has-success .note-editor {
  border: 1px solid #d6e9c6 !important;
}

.has-warning .note-editor {
  border: 1px solid #faebcc !important;
}

/***
Bootstrap GtreeTable
***/

.gtreetable .dropdown-menu {
  margin-top: 0px;
}

.gtreetable .dropdown-menu:after,
.gtreetable .dropdown-menu:before {
  display: none !important;
}

.gtreetable .node-action .form-control {
  position: relative;
  top: 2px;
  display: inline-block;
}

.gtreetable .node-icon-selected,
.gtreetable .node-icon-handle,
.gtreetable .node-icon-ce,
.gtreetable .node-icon-type {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/***
Bootbox
***/

.bootbox .bootbox-close-button {
  margin-top: 0px !important;
}

/*--------------------------------------------------
    [CSS Animation Amchart]
----------------------------------------------------*/

.CSSAnimationChart {
  width: 100%;
  height: 500px;
}

.CSSAnimationChart a {
  color: #bbb !important;
  font-size: 12px !important;
}

.amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}

.lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}

.amcharts-graph-column-front {
  -webkit-transition: all .3s .3s ease-out;
  transition: all .3s .3s ease-out;
}

.amcharts-graph-column-front:hover {
  fill: #496375;
  stroke: #496375;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dasharray: 0 \0;
  /* fixes IE prob */
  stroke-dashoffset: 0 \0;
  /* fixes IE prob */
  -webkit-animation: am-draw 40s;
  animation: am-draw 40s;
}

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0px;
  }
}

/*--------------------------------------------------
    [Mao Amchart]
----------------------------------------------------*/

.mapChart {
  width: 100%;
  height: 500px;
}

.mapChart a {
  color: #bbb !important;
  font-size: 12px !important;
}

/*--------------------------------------------------
    [Column Line]
----------------------------------------------------*/

.columnLine {
  width: 100%;
  height: 350px;
  font-size: 11px;
}

.amcharts-graph-graph2 .amcharts-graph-stroke {
  stroke-dasharray: 4px 5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -28px;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -28px;
  }
}

/*--------------------------------------------------
    [Animated Pie Chart]
----------------------------------------------------*/

.animated-pie-chart {
  width: 100%;
  height: 350px;
  font-size: 11px;
}

/***
CKEditor css changes
***/

.cke {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.cke .cke-top {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.cke .cke-bottom {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.cke_bottom,
.cke_inner,
.cke_top,
.cke_reset,
.cke_dialog_title,
.cke_dialog_footer,
.cke_dialog {
  background-image: none !important;
  filter: none;
  border-top: 0;
  border-bottom: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none;
}

.cke_dialog_ui_button,
.cke_dialog_tab {
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.cke_dialog_ui_button:hover,
.cke_dialog_tab:hover {
  text-decoration: none;
  text-shadow: none;
}

.cke_dialog_ui_input_text {
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cke_combo_button,
.cke_button,
.cke_toolbar,
.cke_toolgroup {
  background-image: none !important;
  filter: none !important;
  border: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cke_button,
.cke_combo_button,
.cke_panel_grouptitle,
.cke_hc.cke_panel_listItem a {
  background-image: none !important;
  filter: none;
  text-shadow: none;
}

.cke_button:hover,
.cke_combo_button:hover {
  background-color: #ddd;
}

.cke_toolbar_break {
  background-image: none !important;
  filter: none !important;
  border: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
}

/***
Error state for WYSIWYG Editors
***/

.has-error .cke {
  border: 1px solid #ebccd1 !important;
}

.has-success .cke {
  border: 1px solid #d6e9c6 !important;
}

.has-warning .cke {
  border: 1px solid #faebcc !important;
}

/***
Clockface
***/

.modal-open .clockface {
  z-index: 10055 !important;
}

.clockface .cell .inner.active,
.clockface .cell .outer.active {
  background-color: #4b8df8 !important;
  background-image: none;
  filter: none;
}

/***
Datatables Plugin(in v1.3)
***/

.dataTable {
  width: 100%;
  clear: both;
  margin-top: 5px;
}

.dataTables_filter .form-control {
  margin-left: 4px;
}

.dataTables_filter label {
  line-height: 32px;
}

.dataTable .row-details {
  margin-top: 3px;
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.dataTable .row-details.row-details-close {
  background: url("../../include/global/images/datatable-row-openclose.png") no-repeat 0 0;
}

.dataTable .row-details.row-details-open {
  background: url("../../include/global/images/datatable-row-openclose.png") no-repeat 0 -23px;
}

.dataTable .details {
  background-color: #eee;
}

.dataTable .details td,
.dataTable .details th {
  padding: 4px;
  background: none;
  border: 0;
}

.dataTable .details tr:hover td,
.dataTable .details tr:hover th {
  background: none;
}

.dataTable .details tr:nth-child(odd) td,
.dataTable .details tr:nth-child(odd) th {
  background-color: #eee;
}

.dataTable .details tr:nth-child(even) td,
.dataTable .details tr:nth-child(even) th {
  background-color: #eee;
}

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

.dataTable .table-checkbox {
  width: 8px !important;
}

@media (max-width: 768px) {
  .dataTables_wrapper .dataTables_length .form-control,
  .dataTables_wrapper .dataTables_filter .form-control {
    display: inline-block;
  }

  .dataTables_wrapper .dataTables_info {
    top: 17px;
  }

  .dataTables_wrapper .dataTables_paginate {
    margin-top: -15px;
  }
}

@media (max-width: 480px) {
  .dataTables_wrapper .dataTables_filter .form-control {
    width: 175px !important;
  }

  .dataTables_wrapper .dataTables_paginate {
    float: left;
    margin-top: 20px;
  }
}

.dataTables_processing {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: 0;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #eee;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

.dataTables_processing span {
  line-height: 15px;
  vertical-align: middle;
}

.dataTables_empty {
  text-align: center;
}

/***
TableTools
***/

.tabletools-btn-group {
  margin: 0 0 10px 0;
}

.tabletools-btn-group > .btn {
  margin-right: 5px;
}

.tabletools-btn-group > .btn:last-child {
  margin-right: 0;
}

.tabletools-dropdown-on-portlet {
  margin-top: -45px;
  float: right;
}

.tabletools-dropdown-on-portlet > .btn {
  margin-right: 5px;
}

.tabletools-dropdown-on-portlet > .btn:last-child {
  margin-right: 0;
}

.DTTT_Print {
  background-color: #fff;
}

.DTTT_Print .DTTT_PrintMessage {
  display: none;
}

@media print {
  .DTTT_Print .DTTT_PrintMessage {
    display: inline-block;
  }
}

.DTTT_Print .DTTT_Print_Info {
  display: block;
  position: fixed;
  top: 35px;
  font-size: 18px;
  width: 700px;
  left: 50%;
  margin-left: -350px;
  text-align: center;
}

.DTTT_Print .page-sidebar,
.DTTT_Print .page-header,
.DTTT_Print .page-footer {
  display: none;
}

.DTTT_Print .page-content-wrapper {
  float: none;
}

.DTTT_Print .row,
.DTTT_Print [class*="col-"] {
  padding: 0;
  margin: 0;
}

.DTTT_Print .page-content {
  margin: 50px auto !important;
  border: 0 !important;
  width: 800px !important;
  padding: 0 !important;
}

.DTTT_Print .page-content .portlet {
  border: 0;
  padding: 0;
}

.DTTT_Print .page-content .portlet .portlet-body {
  padding: 0;
}

.DTTT_Print .page-content .dataTables_wrapper {
  padding: 0;
  margin: 0;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
}

@media print {
  .DTTT_Print .page-content .dataTables_wrapper {
    box-shadow: none;
  }
}

/***
Extended pagination
***/

.paging_bootstrap_extended {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  font-size: 13px;
}

.dataTables_extended_wrapper .seperator {
  padding: 0 2px;
}

.dataTables_extended_wrapper div.dataTables_paginate,
.dataTables_extended_wrapper div.dataTables_length,
.dataTables_extended_wrapper div.dataTables_info {
  display: inline-block;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

@media (max-width: 480px) {
  .dataTables_extended_wrapper div.dataTables_paginate,
  .dataTables_extended_wrapper div.dataTables_length,
  .dataTables_extended_wrapper div.dataTables_info {
    display: block;
    margin-bottom: 10px !important;
  }

  .dataTables_extended_wrapper .seperator {
    display: none !important;
  }
}

.dataTables_extended_wrapper div.dataTables_length label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  float: none !important;
  display: inline-block !important;
}

.table-container .table-actions-wrapper {
  display: none;
}

/***
Scroller Extension
***/

.dataTables_scroll {
  margin-bottom: 10px;
}

.dataTables_scrollHead {
  border-bottom: 2px solid #ddd !important;
}

.dataTables_scrollHead thead th {
  border-bottom: 0 !important;
}

.dataTables_scrollBody {
  border-bottom: 1px solid #ddd !important;
}

.DTTT_Print_Info {
  width: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -150px;
  background: #eee;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.DTTT_Print_Info > h6 {
  font-size: 16px;
  font-weight: 400;
}

/***
Dropzone css changes(new in v1.1.1)
***/

.dropzone {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/***
Fancy box fix overlay fix
***/

.fancybox-overlay {
  z-index: 100000;
}

.fancybox-opened {
  z-index: 100001;
}

/***
FuelUX Spinners
***/

.spinner-buttons.btn-group-vertical .btn {
  text-align: center;
  margin: 0;
  height: 17px;
  width: 22px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 0px;
}

.page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up {
  border-radius: 0;
  border-top-right-radius: 4px !important;
}

.page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down {
  border-radius: 0;
  border-bottom-right-radius: 4px;
}

/***
Fullcalendar
***/

/* External events */

.external-event {
  display: inline-block;
  cursor: move;
  margin-bottom: 5px;
  margin-left: 5px;
}

.fc-scroller {
  overflow-y: auto;
  overflow-x: hidden;
}

.fc-month-view .fc-scroller {
  height: auto !important;
}

.portlet .event-form-title {
  font-size: 14px;
  margin-top: 4px;
  font-weight: 400;
  margin-bottom: 10px;
}

.portlet.calendar .fc-button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  border: 0;
  height: 35px;
  padding: 6px 8px 7px 8px;
  margin-left: 2px;
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #ddd;
  background: transparent;
  color: #fff;
  top: -45px;
  outline: none !important;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.portlet.calendar .fc-toolbar {
  margin-bottom: 0px;
}

.portlet.calendar .fc-toolbar h2 {
  margin-top: 3px;
  font-size: 17px;
}

.portlet.calendar .fc-header {
  margin-bottom: -21px;
}

.portlet.calendar .fc-button-prev {
  padding-right: 10px;
  padding-left: 8px;
}

.portlet.calendar .fc-button-next {
  padding-right: 8px;
  padding-left: 10px;
}

.portlet.calendar .fc-button.fc-state-active,
.portlet.calendar .fc-button.fc-state-hover {
  color: #666;
  background-color: #fff;
}

.portlet.calendar .fc-button.fc-state-disabled {
  color: #ddd;
}

.portlet.calendar .fc-button .fc-icon-left-single-arrow {
  font-family: FontAwesome;
  font-size: 16px;
}

.portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
  content: "";
}

.portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
  content: "\f104";
}

.portlet.calendar .fc-button .fc-icon-right-single-arrow {
  font-family: FontAwesome;
  font-size: 16px;
}

.portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
  content: "";
}

.portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
  content: "\f105";
}

.portlet.calendar .fc-text-arrow {
  font-size: 22px;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline;
}

.portlet.calendar .fc-event {
  border: 0px;
  background-color: #69a4e0;
  color: #fff;
}

.portlet.calendar .fc-event .fc-content {
  border: 0px;
}

.portlet.calendar .fc-event .fc-time {
  float: left;
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

.portlet.calendar .fc-event .fc-title {
  text-align: left;
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

.portlet.calendar .fc-header-title h2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #111;
}

.portlet.calendar .fc-widget-header {
  background-image: none;
  filter: none;
  background-color: #eee;
  text-transform: uppercase;
  font-weight: 300;
}

.portlet.calendar.light .fc-button {
  top: -60px;
  color: #666;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 35px;
}

.portlet.calendar.light .fc-button .fc-text-arrow {
  margin-top: -6px;
  display: inline-block;
}

.portlet.calendar.light .fc-button.fc-state-active,
.portlet.calendar.light .fc-button.fc-state-hover {
  color: #333;
  border-bottom: 2px solid #45B6AF;
}

.portlet.calendar.light .fc-button.fc-state-disabled {
  color: #aaa;
}

.portlet.calendar .mobile .fc-button {
  padding: 0px 6px 20px 6px;
  margin-left: 2px;
  border: 0;
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #000;
  text-shadow: none;
  text-align: center;
}

.portlet.calendar .mobile .fc-button.fc-state-hover,
.portlet.calendar .mobile .fc-button.fc-state-active {
  background-color: #eee;
}

.portlet.calendar .mobile .fc-button.fc-state-disabled {
  color: #bbb;
}

.portlet.calendar .mobile .fc-button-prev {
  margin-right: 5px;
  margin-top: -2px;
}

.portlet.calendar .mobile .fc-button-next {
  margin-right: -0px;
  margin-top: -2px;
}

.portlet.calendar .mobile .fc-header-space {
  margin: 0px;
  padding: 0px;
  width: 0px;
}

.portlet.calendar .mobile .fc-header-left {
  position: absolute;
  z-index: 10;
}

.portlet.calendar .mobile .fc-header-left .fc-button {
  top: -2px;
}

.portlet.calendar .mobile .fc-header-right {
  position: relative;
  right: 0;
}

.portlet.calendar .mobile .fc-header-right .fc-button {
  top: 35px;
}

.portlet.calendar .mobile .fc-content {
  margin-top: 53px;
}

/***
Google Maps
***/

.gmaps {
  height: 300px;
  width: 100%;
  /* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
}

.gmaps img {
  max-width: none;
}

#gmap_static div {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 100%;
  display: block;
  height: 300px;
}

#gmap_routes_instructions {
  margin-top: 10px;
  margin-bottom: 0px;
}

/***
Gritter notification modify
***/

#gritter-notice-wrapper {
  right: 1px !important;
}

.gritter-close {
  left: auto !important;
  right: 3px !important;
}

.gritter-title {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 300;
}

/***
Dashboard Charts(new in v1.2.1)
***/

.easy-pie-chart,
.sparkline-chart {
  text-align: center;
}

.sparkline-chart {
  margin-top: 15px;
  position: relative;
}

.easy-pie-chart .number {
  font-size: 14px !important;
  font-weight: 300;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 75px;
  height: 75px;
  line-height: 75px;
}

.easy-pie-chart .number canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.sparkline-chart .number {
  width: 100px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.sparkline-chart .title,
.easy-pie-chart .title {
  display: block;
  text-align: center;
  color: #333;
  font-weight: 300;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
  text-decoration: none;
}

.sparkline-chart .title > i,
.easy-pie-chart .title > i {
  margin-top: 5px;
}

/***
jQuery File Upload
***/

.blueimp-gallery .close {
  background-image: url("../../include/global/images/portlet-remove-icon-white.png") !important;
  margin-top: -2px;
}

.blueimp-gallery .prev,
.blueimp-gallery .next {
  border-radius: 23px !important;
}

/***
jQuery Multi Select
***/

.ms-container .ms-list {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.ms-container .ms-optgroup-label {
  font-size: 14px;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  font-size: 13px;
}

.ms-container .ms-list.ms-focus {
  border-color: #999999;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  color: #333;
  background-color: #eee;
}

.ms-container .form-control {
  margin-bottom: 5px;
}

/***
jQuery Notific8 Plugin
***/

.jquery-notific8-message {
  font-size: 13px;
}

[class*="jquery-notific8"],
[class*="jquery-notific8"]:after,
[class*="jquery-notific8"]:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.right .jquery-notific8-close-sticky span,
.left .jquery-notific8-close-sticky span {
  font-size: 10px;
}

.jquery-notific8-heading {
  font-weight: 300;
  font-size: 16px;
}

/***
Password Strength(in v1.4)
***/

.password-strength .password-verdict {
  display: inline-block;
  margin-top: 6px;
  margin-left: 5px;
}

.password-strength .progress {
  margin-top: 5px;
  margin-bottom: 0;
}

.password-strength .progress-bar {
  padding: 2px;
}

/***
jQuery Slimscroll
***/

.scroller {
  padding: 0px;
  margin: 0px;
  padding-right: 12px;
  overflow: hidden;
}

.scroller-footer {
  margin-top: 10px;
}

.scroller-footer:before,
.scroller-footer:after {
  content: " ";
  display: table;
}

.scroller-footer:after {
  clear: both;
}

.portlet-body .slimScrollBar {
  margin-right: 0px;
}

/***
jQuery Sparkline
***/

.jqstooltip {
  width: auto !important;
  height: auto !important;
}

.easy-pie-chart,
.sparkline-chart {
  text-align: center;
}

.sparkline-chart {
  margin-top: 15px;
  position: relative;
}

.easy-pie-chart .number {
  font-size: 16px;
  font-weight: 300;
  width: 85px;
  margin: 0 auto;
}

.sparkline-chart .number {
  width: 100px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.sparkline-chart .title,
.easy-pie-chart .title {
  display: block;
  text-align: center;
  color: #333;
  font-weight: 300;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
  text-decoration: none;
}

.sparkline-chart .title > i,
.easy-pie-chart .title > i {
  margin-top: 5px;
}

/***
Modify jquery-tags-input plugin css
***/

div.tagsinput {
  min-height: 35px;
  height: auto !important;
  margin: 0;
  padding: 5px 5px 0px 5px;
  overflow: auto;
}

div.tagsinput span.tag {
  background: #aaa;
  color: #fff;
  border: 0;
  padding: 3px 6px;
  margin-top: 0;
  margin-bottom: 5px;
}

div.tagsinput input {
  padding: 3px 6px;
  width: 75px !important;
}

div.tagsinput span.tag a {
  color: #fff;
}

div.tagsinput .not_valid {
  color: #fff;
  padding: 3px 6px;
  background-color: #e02222;
}

/***
jQuery UI Sliders(new in v1.1.1)
***/

.slider {
  border: 0;
  padding: 0;
  display: block;
  margin: 12px 5px;
  min-height: 11px;
}

.ui-slider-vertical {
  width: 11px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -3px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -3px;
}

.ui-slider-vertical,
.ui-slider-handle {
  filter: none !important;
  background-image: none !important;
}

/***
JQVMAP Plugin
***/

.jqvmap-zoomin {
  height: 16px;
  width: 16px;
  background-color: #666;
}

.jqvmap-zoomout {
  height: 16px;
  width: 16px;
  background-color: #666;
}

.vmaps {
  position: relative;
  overflow: hidden;
  height: 300px;
}

/***
Jstree
***/

.jstree-default .jstree-clicked {
  border: 0;
  background-color: #e1e1e1;
  box-shadow: none;
}

.jstree-default .jstree-hovered {
  border: 0;
  background-color: #eee;
  box-shadow: none;
}

.jstree-default .jstree-wholerow-clicked,
.jstree-wholerow .jstree-wholerow-clicked {
  background: none;
  border: 0;
  background-color: #e1e1e1;
  box-shadow: none;
}

.jstree-default .jstree-wholerow-hovered,
.jstree-wholerow .jstree-wholerow-hovered {
  border: 0;
  background-color: #eee;
  box-shadow: none;
}

.jstree-icon.icon-lg {
  margin-top: 1px;
}

.jstree-open > .jstree-anchor > .fa-folder:before {
  margin-left: 2px;
  content: "\f07c";
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
  background-repeat: no-repeat;
}

.vakata-context,
.vakata-context ul {
  padding: 0;
  min-width: 125px;
  background-color: #ffffff;
  font-size: 14px;
  font-family: "Segoe UI",Helvetica, Arial, sans-serif;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  border: 1px solid #efefef;
}

.vakata-context li {
  border: 0;
}

.vakata-context li a {
  padding: 0 10px;
  border: 0;
}

.vakata-context li a i {
  display: none;
}

.vakata-context li a .vakata-contextmenu-sep {
  display: none;
}

.vakata-context .vakata-context-hover > a,
.vakata-context li a:hover {
  background-color: #eee;
  color: #333;
  box-shadow: none;
  margin: 0;
}

.vakata-context .vakata-context-hover > a .span,
.vakata-context .vakata-context-hover > a .ins,
.vakata-context li a:hover .span,
.vakata-context li a:hover .ins {
  border: 0 !important;
}

.vakata-context li a span,
.vakata-context li a ins {
  display: none;
  border: 0 !important;
}

.vakata-context .vakata-context-separator a,
.vakata-context-rtl .vakata-context-separator a {
  margin: 0;
  border: 0;
}

.jstree-rename-input {
  background-color: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  outline: none !important;
  padding: 2px 6px !important;
  margin-right: -4px !important;
}

/***
NoUIRangeSlider
***/

.noUi-control {
  margin: 9px 0;
}

/***
Color variants
***/

.noUi-primary.noUi-connect,
.noUi-primary .noUi-connect {
  background: #428bca;
}

.noUi-info.noUi-connect,
.noUi-info .noUi-connect {
  background: #89C4F4;
}

.noUi-success.noUi-connect,
.noUi-success .noUi-connect {
  background: #45B6AF;
}

.noUi-warning.noUi-connect,
.noUi-warning .noUi-connect {
  background: #dfba49;
}

.noUi-danger.noUi-connect,
.noUi-danger .noUi-connect {
  background: #F3565D;
}

.noUi-default.noUi-connect,
.noUi-default .noUi-connect {
  background: #c6c6c6;
}

/***
Google reCaptcha
***/

.form-recaptcha-img {
  margin-bottom: 10px;
  clear: both;
  border: 1px solid #e5e5e5;
  padding: 5px;
}

iframe[src="about:blank"] {
  display: none;
}

/***
Select2 Plugin
***/

.form-control .select2-choice {
  border: 1px solid #cacaca;
  background-color: #fff;
  background-image: none;
  filter: none;
  height: 35px;
  line-height: 25px;
  padding: 3px 0 0px 12px;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #e5e5e5;
  background-color: #fff;
  background-image: none;
  filter: none;
}

.select2-drop {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: none;
  border-top: 0;
}

.select2-drop-auto-width {
  border-top: 1px solid #e5e5e5;
}

.select2-drop.select2-drop-above {
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-drop-active {
  border-color: rgba(82, 168, 236, 0.8);
  border-top: 0;
}

.select2-container .select2-choice .select2-arrow {
  background-image: none;
  background-color: #fff;
  filter: none;
}

.select2-container.select2-container-active .select2-arrow,
.select2-container.select2-dropdown-open .select2-arrow {
  border-left: 0 !important;
}

.select2-container .select2-choice .select2-arrow b {
  background-position: 0 3px;
}

.select2-search input {
  background-color: #fff !important;
  filter: none;
  margin: 0;
  outline: 0;
  border: 1px solid  rgba(82, 168, 236, 0.8);
  webkit-appearance: none !important;
  color: #333333;
  outline: 0;
  box-shadow: none;
  height: auto !important;
  min-height: 26px;
  /*padding: 6px 6px !important;*/
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 5px;
}

.form-control.select2-container {
  border: 0;
  height: auto !important;
  padding: 0px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border-color: rgba(82, 168, 236, 0.8) !important;
  box-shadow: 0 0 3px rgba(82, 157, 227, 0.8) !important;
}

.select2-dropdown-open .select2-choice {
  border-bottom: 0 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #999 !important;
  border-top: 0 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid #999 !important;
  border-bottom: 0 !important;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

.select2-results {
  margin: 5px 0;
}

.select2-results .select2-highlighted {
  background: #00AAEF;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  padding: 3px 7px 4px;
  background: #f4f4f4;
  display: list-item;
}

.select2-container-multi {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.select2-container-multi .select2-choices {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.select2-container-multi.select2-dropdown-open {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.select2-container-multi.select2-dropdown-open .select2-choices {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.select2-container-multi.select2-dropdown-open.select2-drop-above {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.select2-container-multi .select2-choices {
  padding-left: 6px;
  min-height: 34px;
  border: 1px solid #cacaca;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid rgba(82, 168, 236, 0.8) !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 20px 3px 8px;
  margin: 5px 0 3px 5px;
  color: #6B8299;
  border: 1px solid #6B8299;
  border-radius: 3px !important;
  background-image: none;
  background-color: #F2F4F7;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/***
Color variants
***/

.has-warning .select2-container .select2-choice,
.has-warning .select2-container .select2-choices {
  border-color: #faebcc;
}

.has-warning .select2-container.select2-dropdown-open .select2-choice,
.has-warning .select2-container.select2-dropdown-open .select2-choices {
  border-color: #faebcc;
}

.has-warning .select2-container.select2-dropdown-open .select2-choice > span {
  color: #faebcc;
}

.has-error .select2-container .select2-choice,
.has-error .select2-container .select2-choices {
  border-color: #ebccd1;
}

.has-error .select2-container.select2-dropdown-open .select2-choice,
.has-error .select2-container.select2-dropdown-open .select2-choices {
  border-color: #ebccd1;
}

.has-error .select2-container.select2-dropdown-open .select2-choice > span {
  color: #ebccd1;
}

.has-success .select2-container .select2-choice,
.has-success .select2-container .select2-choices {
  border-color: #d6e9c6;
}

.has-success .select2-container.select2-dropdown-open .select2-choice,
.has-success .select2-container.select2-dropdown-open .select2-choices {
  border-color: #d6e9c6;
}

.has-success .select2-container.select2-dropdown-open .select2-choice > span {
  color: #d6e9c6;
}

/* Fix z-index when select2 opened in modals*/

.modal-open .select2-drop-mask {
  z-index: 10051;
}

.modal-open .select2-drop {
  z-index: 10052;
}

.modal-open .select2-search {
  z-index: 10053;
}

/***
Bootstrap input sizes
***/

/* Large input size */

.form-control.input-lg .select2-choice {
  height: 46px;
  padding: 10px 16px;
}

.select2-container.input-lg .select2-choice .select2-arrow b {
  background-position: 0 7px;
}

/* Small input size */

.form-control.input-sm .select2-choice {
  height: 30px;
  padding: 1px 10px 5px 10px;
}

.select2-container.input-sm .select2-choice .select2-arrow b {
  background-position: 0 0px;
}

/* Portlet full screen mode */

.modal-open.page-portlet-fullscreen .select2-drop-mask {
  z-index: 10081;
}

.modal-open.page-portlet-fullscreen .select2-drop {
  z-index: 10082;
}

.modal-open.page-portlet-fullscreen .select2-search {
  z-index: 10083;
}

/***
jQuery Uniform
***/

.checker {
  margin-top: -2px !important;
  margin-right: 2px !important;
}

.checker input,
.radio input {
  outline: none !important;
}

div.checker.disabled span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled:hover,
div.radio.disabled:hover {
  cursor: text;
}

div.radio,
div.checker {
  margin-right: 0;
}

/***
Morris Charts
***/

.portlet-body-morris-fit {
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: -15px;
}

.portlet-body-morris-fit > svg {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  color: #7D8C9D;
  font-family: "Open Sans", sans-serif;
}

.morris-hover.morris-default-style .morris-hover-point {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

/***
iCheck
***/

.icheck-list > label {
  display: block;
  margin-bottom: 8px;
}

.icheck-list > label:last-child {
  margin-bottom: 0;
}

.form-horizontal .icheck-inline {
  margin-top: 8px;
}

.icheck-inline > label {
  display: inline-block;
  margin-left: 15px;
}

.icheck-inline > label:first-child {
  margin-left: 0;
}

div[class*='icheckbox_'],
div[class*='iradio_'] {
  margin-right: 5px;
  top: -1px !important;
}

.icheck-colors {
  padding: 0;
  margin: 0;
  list-style: none;
}

.icheck-colors > li {
  padding: 0;
  margin: 4px;
  float: left;
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.icheck-colors > li:first-child {
  margin-left: 0;
}

.icheck-colors > li:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;
}

.icheck-colors > li.active {
  height: 26px;
  margin-top: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.icheck-colors > li.red {
  background: #d54e21;
}

.icheck-colors > li.green {
  background: #78a300;
}

.icheck-colors > li.blue {
  background: #0e76a8;
}

.icheck-colors > li.aero {
  background: #9cc2cb;
}

.icheck-colors > li.grey {
  background: #73716e;
}

.icheck-colors > li.orange {
  background: #f70;
}

.icheck-colors > li.yellow {
  background: #fc0;
}

.icheck-colors > li.pink {
  background: #ff66b5;
}

.icheck-colors > li.purple {
  background: #6a5a8c;
}

/***
AngularJS UI-select
***/

.ui-select-match-close {
  margin-top: 5px !important;
  margin-left: 5px !important;
}

.minicolors-swatch {
  border: 0;
}
/*--------------------------------------------------
    [TRANSITION]
----------------------------------------------------*/

/* Cubic Bezier Transition */

/*--------------------------------------------------
    [RGBA Opacity]
----------------------------------------------------*/

@media print {
  body {
    background-color: #fff !important;
  }

  .page-bar {
    display: none;
  }

  .page-sidebar-wrapper {
    display: none;
  }

  .theme-panel {
    display: none;
  }

  .hidden-print {
    display: none;
  }

  .page-footer {
    display: none;
  }

  .no-page-break {
    page-break-after: avoid;
  }

  .page-container {
    margin: 0px !important;
    padding: 0px !important;
  }

  .page-content {
    padding: 0 !important;
    min-height: 300px !important;
    padding: 0px 20px 20px !important;
    margin: 0 !important;
  }

  .page-content > .portlet {
    padding: 0;
    margin: 0;
  }

  .page-content > .portlet > .portlet-body {
    padding: 0;
    margin: 0;
  }
}

/***
Page Header
***/

.page-header.navbar {
  width: 100%;
  float: right;
  height: 50px;
  min-height: 50px;
  filter: none;
  background-image: none;
  /* Fixed header */
  /* Header logo */
  /* header top */
  /* Search box */
  /* Menu Toggler */
  /* Top menu */
}

.page-header.navbar.navbar-fixed-top {
  z-index: 220;
}

.page-header.navbar.navbar-static-top {
  z-index: 220;
}

.page-header.navbar .page-logo {
  float: left;
  display: block;
  width: 105px;
  height: 48px;
  padding-left: 10px;
  padding-right: 6px;
}

.page-header.navbar .page-logo > .logo-image,
.page-header.navbar .page-logo > a {
  display: block;
  float: left;
}

.page-header.navbar .page-logo .logo-default {
  margin: 15px 0 0 0;
}

.page-header.navbar .page-logo .logo-mini {
  display: none;
  margin-left: 5px;
}

.page-header.navbar .page-logo .text-logo {
  padding-left: 20px;
  padding-top: 12px;
}

.page-header.navbar .page-top {
  height: 48px;
  background: #317cc2;
}

.page-header.navbar .search-form {
  display: inline-block;
  position: relative;
  float: left !important;
}

.page-header.navbar .search-form .input-group .form-control {
  height: 68px;
  border: 0;
  background: transparent !important;
  font-size: 14px;
  padding-left: 0;
  margin-left: 12px;
  text-indent: -150000px;
}

.page-header.navbar .search-form .input-group .form-control:hover {
  cursor: pointer;
}

.page-header.navbar .search-form .input-group .input-group-btn {
  height: 68px;
}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit {
  margin-left: -24px;
  padding: 0;
  width: 68px;
  background: none;
  margin-top: 4px;
  display: block;
}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
  font-size: 15px;
}

.page-header.navbar .search-form.open {
  transition: all 0.6s;
  width: 300px !important;
}

.page-header.navbar .search-form.open .input-group .form-control {
  text-indent: 0;
}

.page-header.navbar .search-form.open .input-group .form-control:hover {
  cursor: text;
}

.page-header.navbar .search-form.open .input-group .input-group-btn .btn.submit {
  margin-left: 0;
}

.menu-toggler {
  display: block;
  cursor: pointer;
  opacity: 0.9;
  filter: alpha(opacity=60);
  width: 14px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../include/admin/layout3/images/sidebar-toggler1.png");
}

.menu-toggler:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.menu-toggler.sidebar-toggler {
  float: right;
}

.menu-toggler.sidebar-toggler {
  /*margin-right: 17px;*/
}

.menu-toggler.responsive-toggler {
  display: none;
  float: right;
  margin-right: 10px;
  background-image: url("../../include/admin/layout3/images/sidebar-toggler.png");
}

.page-header.navbar .page-actions {
  margin: 17px 0 15px 15px;
  padding: 0;
  float: left;
}

.page-header.navbar .page-actions .btn-group .dropdown-menu:before {
  left: 9px;
  right: auto;
}

.page-header.navbar .page-actions .btn-group .dropdown-menu:after {
  left: 10px;
  right: auto;
}

.page-header.navbar .top-menu {
  height: 50px;
  margin: 0;
  padding: 0;
}

.page-header.navbar .top-menu .navbar-nav {
  padding: 0;
  float: right !important;
  margin-right: 186px;
  display: block;
  /* Extended Dropdowns */
  /* Notification */
  /* Inbox */
  /* Tasks */
  /* User */
  /* Quick Sidebar */
  /* Language */
  /* Dark version */
}

.page-sidebar-menu-closed {
  margin-right: 80px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown {
  margin: 0px;
  padding: 0px;
  height: 49px;
  display: inline-block;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown:hover {
  background: #f1f1f1 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
  margin: 0px;
  padding: 14px 16px 2px 16px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
  padding-right: 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
  font-size: 19px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon {
  top: 0;
  font-size: 17px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
  font-family: "Open Sans", sans-serif;
  position: absolute;
  top: 13px;
  left: 9px;
  font-weight: 300;
  padding: 3px 6px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
  background: none;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
  margin-top: 9px;
  left: 114px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
  right: 148px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
  right: 149px;
}

.dropdown-menu:before {
  position: absolute;
  top: -7px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #eee;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  content: '';
}

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

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu.dropdown-menu-left {
  margin-left: -36px;
  left: -100%;
  top: 0px;
  width: inherit !important;
  background-color: #f4f4f4;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu.dropdown-menu-left > li {
  width: 200px;
  position: relative;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu.dropdown-menu-left > li > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu.dropdown-menu-left > li > span {
  margin-top: 6px;
  margin-right: 0px;
}

.dropdown-menu.dropdown-menu-left:before {
  top: 4px;
  left: 100%;
  border-left: 8px solid #e0e0e0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.dropdown-menu.dropdown-menu-left:after {
  top: 5px;
  left: 100%;
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid rgb(255, 255, 255);
  border-bottom-color: transparent !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
  color: #555;
}

#help_icon {
  position: relative;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
  min-width: 160px;
  max-width: 275px;
  width: 275px;
  z-index: 9995;
  /* header notifications dropdowns */
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
  min-width: 160px;
  max-width: 275px;
  width: 275px;
  z-index: 9995;
  /* header notifications dropdowns */
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu {
  min-width: 160px;
  max-width: 275px;
  width: 275px;
  padding: 0 0 10px 0;
  border: 1px #eee solid;
  box-shadow: 0px 5px 10px rgba(97, 117, 135, 0.3);
  right: 80px;
  background: #fff;
  z-index: 9995;
  position: absolute;
  top: 60px;
  left: -220px;
  display: none;
  /* header notifications dropdowns */
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > li.helptitle {
  display: block;
  overflow: hidden;
  padding: 0 15px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > li.helptitle > .icon-close {
  font-size: 19px;
  position: absolute;
  color: #ccc;
  top: 15px;
  right: 15px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > li.helptitle > .icon-close:hover {
  color: #000;
  cursor: pointer;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > li.helptitle > h3 {
  margin: 0;
  padding: 15px 0;
  text-align: center;
  font-family: "΢���ź�" !important;
  color: #000;
  font-size: 18px;
  border-bottom: 1px #eee solid;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > .helpcontent {
  margin: 10px 0px;
  border-bottom: 1px #eee solid;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > .helpcontent > .form-group {
  width: 245px;
  margin-left: 15px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > .helpcontent > textarea {
  width: 245px;
  border-radius: 3px !important;
  resize: none;
  margin-left: 15px;
  margin-bottom: 10px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > .helpcontent > input {
  width: 245px;
  border-radius: 3px !important;
  margin-left: 15px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu > .helpcontent > button {
  width: 245px;
  height: 40px;
  margin: 10px 0;
  line-height: 40px;
  font-size: 14px;
  background: #ccc;
  color: #fff;
  cursor: default;
  border-radius: 3px !important;
  outline: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin-left: 15px;
}

.subBtn_disable {
  cursor: default;
}

.subBtn_correct {
  cursor: pointer !important;
  background-color: #3da8f5 !important;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}

.subBtn_correct:hover {
  background-color: #2f97e2 !important;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu >  .help-bottom > a {
  height: 35px;
  width: 100%;
  display: block;
  background: #fff;
  font-size: 14px;
  outline: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  text-align: left;
  line-height: 35px;
  padding-left: 15px;
}

/*@-webkit-keyframes rotate
{
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(360deg);}
}
@-moz-keyframes rotate
{
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(360deg);}
}

@keyframes rotate
{
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(360deg);}
}

.icon-compass{
	animation: rotate 2s;
	-webkit-animation: rotate 2s;
	-moz-animation: rotate 2s;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
}*/

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .helpdropdown-menu >  .help-bottom > a:hover {
  background: #eee;
  color: #3da8f5;
  text-decoration: none;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
  display: block;
  overflow: hidden;
  padding: 15px 15px;
  background-color: #529de3;
  letter-spacing: 0.5px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 13px;
  display: inline-block;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
  display: inline-block;
  padding: 0;
  background: none;
  clear: inherit;
  font-size: 13px;
  font-weight: 300;
  position: absolute;
  right: 10px;
  border: 0;
  margin-top: -1px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
  text-decoration: underline;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
  padding-right: 0 !important;
  padding-left: 0;
  list-style: none;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 20px;
  white-space: normal;
  font-size: 13px;
  padding: 16px 15px 18px;
  text-shadow: none;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
  border-top: none;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
  overflow: hidden;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i {
  margin-right: 2px;
  margin-left: 1px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
  right: 15px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
  float: right;
  max-width: 75px;
  font-size: 11px;
  font-weight: 400;
  opacity: 0.7;
  filter: alpha(opacity=70);
  text-align: right;
  padding: 1px 5px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
  float: left;
  margin: 0 6px 6px 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
  height: 40px;
  width: 40px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
  display: block;
  margin-left: 46px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
  font-size: 13px;
  font-weight: 600;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.5;
  filter: alpha(opacity=50);
  float: right;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
  display: block !important;
  font-size: 12px;
  line-height: 1.3;
  margin-left: 46px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
  margin-bottom: 5px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
  font-size: 13px;
  font-weight: 300;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
  float: right;
  font-weight: 600;
  display: inline-block;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
  display: block;
  height: 8px;
  margin: 8px 0 2px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
  box-shadow: none;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  max-width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
  float: left;
  margin-top: -4px;
  margin-right: 7px;
  height: 28px;
  width: 28px;
  display: inline-block;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
  display: inline-block;
  margin-top: 5px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
  width: 175px;
  margin-left: -115px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 300;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
  width: 15px;
  display: inline-block;
  margin-right: 9px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
  margin-right: 10px;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
  cursor: pointer;
  padding: 13px 12px 0 12px;
}

.page-header.navbar .top-menu .navbar-nav > li.showdrop-toggler {
  cursor: pointer;
  float: left;
  display: none;
  margin-left: 20px;
  padding: 13px 12px 0 12px;
}

.page-header.navbar .top-menu .navbar-nav > li.showdrop-toggler > i {
  font-size: 20px;
  color: #3f607f;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i {
  color: #274e89;
  font-size: 20px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
  font-size: 13px;
  padding: 24px 12px 24px 12px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
  margin-bottom: 2px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i {
  font-size: 14px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
  font-size: 13px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
  margin-bottom: 2px;
  margin-right: 5px;
}

.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
  border: 1px solid #e5e9ec;
}

.dropdown-menu:before {
  /*border-left: none;
  border-right: none;*/
}

.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
  background: none !important;
  border: none !important;
}

/* Allow expanded search for above 768px */

@media (min-width: 768px) {
  /* 768px */

  .page-header.navbar {
    /* Search box */
  }

  .page-header.navbar .search-form.search-form-expanded {
    width: 200px;
  }

  .page-header.navbar .search-form.search-form-expanded .input-group .form-control {
    text-indent: 0;
  }

  .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover {
    cursor: text;
  }

  .page-header.navbar .search-form.search-form-expanded .input-group .input-group-btn .btn.submit {
    margin-left: 0;
  }
}

/* Form medium devices upto large devices */

@media (min-width: 992px) and (max-width: 1200px) {
  /* 992px 1200px */

  /* Boxed layout */

  .page-boxed .page-header.navbar {
    /* Top menu */
  }

  .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
    display: none;
  }

  .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
    display: none;
  }
}

@media (min-width: 992px) {
  /* 992px */

  /* Page header */

  .page-header.navbar {
    /* Header logo */
  }

  .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
    padding: 0;
  }

  .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
    width: 50px;
    border-right: 1px #ececec solid;
  }

  .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
    display: none;
  }

  /* Boxed Layout */

  .page-boxed .page-header.navbar {
    /* Page logo */
    /* Top menu */
  }

  .page-boxed .page-header.navbar .page-logo {
    width: 195px;
  }

  .page-boxed .page-header.navbar .top-menu .navbar-nav {
    margin-right: 20px;
  }

  /* Sidebar closed & logo hidden */

  .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar {
    /* Page logo */
  }

  .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo {
    width: 54px;
  }

  /* Boxed layout & page sidebar fixed layout */

  .page-boxed.page-sidebar-fixed .page-header.navbar {
    /* Page logo */
  }

  .page-boxed.page-sidebar-fixed .page-header.navbar .page-logo {
    width: 195px;
  }
}

@media (max-width: 1014px) {
  .dropdown-notification {
    display: none !important;
  }
}

@media (max-width: 991px) {
  /* 991px */

  /* Page header */

  .page-header.navbar {
    padding: 0;
    margin: 0;
    left: 0;
    width: 100% !important;
    height: 45px;
    position: fixed;
    clear: both;
    /* Page logo */
    /* Menu Toggler */
    /* Search form */
    /* Top Menu */
  }

  .form-horizontal .control-label {
    padding-left: 15px;
  }

  .page-header.navbar .top-menu {
    height: 46px;
  }

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

  .page-header.navbar {
    min-height: 45px !important;
  }

  .nav.navbar-nav > li > a {
    height: 45px !important;
  }

  .dropdown.dropdown-user.dropdown-dark > a {
    height: 45px !important;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown {
    height: 45px !important;
  }

  .page-sidebar .page-sidebar-menu li .menu-panel li.no-sub > a {
    color: #45a1c6 !important;
  }

  .page-sidebar .page-sidebar-menu li .menu-panel li.no-sub > a:hover {
    color: #fff !important;
  }

  .page-header.navbar .top-menu .navbar-nav {
    margin-right: 10px !important;
    height: 45px;
    width: 100%;
  }

  #tabs ul {
    margin-top: 0 !important;
    width: 100% !important;
  }

  .tab_title {
    width: 100% !important;
    margin-top: 23px !important;
    margin-left: -13px !important;
  }

  .tabbable-custom > .nav-tabs .first-tab {
    margin-left: 0 !important;
  }

  .page-sidebar .page-sidebar-menu > li > a > [class^="icon-"],
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^="icon-"] {
    top: 13px !important;
    margin-left: 11px !important;
  }

  .page-sidebar .page-sidebar-menu > li > a > .title,
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
    margin-left: 21px;
  }

  .activeborder {
    width: 100% !important;
  }

  .tabdrop .dropdown-menu {
    margin-left: -120px;
  }

  .dropdown > .dropdown-menu:before,
  .dropdown-toggle > .dropdown-menu:before,
  .btn-group > .dropdown-menu:before {
    left: 10px !important;
  }

  .dropdown > .dropdown-menu:after,
  .dropdown-toggle > .dropdown-menu:after,
  .btn-group > .dropdown-menu:after {
    left: 10px !important;
  }

  .page-header.navbar .top-menu .navbar-nav > li.showdrop-toggler {
    display: inline-block;
  }

  .page-tabs-fixed .tabbable-custom {
    width: 100% !important;
    top: 46px;
    left: 0;
    position: fixed;
    border-top: 1px #26649e solid;
  }

  .fixed-height {
    height: 19px !important;
  }

  .clearfix.top-fixed {
    height: 85px !important;
  }
}

@media (max-width: 885px) {
  /* 991px */

  /* Page header */

  .page-header.navbar {
    padding: 0;
    margin: 0;
    position: fixed;
    clear: both;
    background-color: #317cc2;
    /* Page logo */
    /* Menu Toggler */
    /* Search form */
    /* Top Menu */
  }

  .page-header.navbar .page-logo {
    width: auto;
    padding: 0 15px 0 10px;
    border: 0 !important;
  }

  .page-header.navbar .page-logo img {
    margin-left: 4px !important;
  }

  .page-header.navbar .menu-toggler.sidebar-toggler {
    display: none !important;
  }

  .page-header.navbar .menu-toggler.responsive-toggler {
    display: inline-block;
  }

  .page-header.navbar .search-form {
    margin-left: 0;
  }

  .page-header.navbar .search-form.open {
    width: 245px !important;
  }

  .page-header.navbar .page-header-inner.container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .page-header.navbar .top-menu .navbar-nav {
    display: inline-block;
    margin: 0 10px 0 0;
  }

  .page-header.navbar .top-menu .navbar-nav > li {
    float: left;
  }

  .page-header.navbar .top-menu .navbar-nav .nav li.dropdown i {
    display: inline-block;
    position: relative;
    top: 1px;
    right: 0px;
  }

  .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
    position: absolute;
  }

  /* Fixed header for mobile */

  .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
    position: fixed;
  }

  /* Boxed Layout */

  .page-boxed .page-header.navbar > .container {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* 768px & 991px */

  /* Boxed Layout */

  .page-boxed .page-header.navbar {
    margin: auto !important;
    padding: 0;
  }

  .page-boxed .page-header.navbar > .container {
    margin: auto !important;
  }
}

@media (max-width: 767px) {
  /* 767px */

  /* Page header */

  .page-header.navbar {
    padding: 0;
    /* Header logo */
    /* Search box */
    /* Top navigation menu*/
  }

  .page-header.navbar .page-logo {
    width: auto;
  }

  .page-header.navbar .search-form.open {
    z-index: 3;
    left: 10px;
    right: 10px;
    position: absolute;
    width: auto !important;
    margin: 0 -10px !important;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
    max-width: 245px;
    width: 245px;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
    margin-right: -170px;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after,
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
    margin-right: 170px;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
    margin-right: -120px;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after,
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
    margin-right: 120px;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
    margin-right: -80px;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after,
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before {
    margin-right: 80px;
  }
}

@media (max-width: 580px) {
  /* Page header */

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
    display: none;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
    display: none;
  }
}

@media (max-width: 767px) {
  /* 767px */

  .page-header.navbar {
    height: 50x;
    /* Top menu */
  }

  .page-header.navbar .top-menu .navbar-nav {
    margin-right: 0;
  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle {
    padding: 24px 6px 24px 6px;
  }

  .page-header.navbar .menu-toggler.responsive-toggler {
    background-image: url("../../include/admin/layout3/images/sidebar-toggler.png");
  }

  .page-header.navbar .search-form {
    margin-left: -12px;
  }

  .page-header.navbar .page-top {
    display: block;
    clear: both;
  }
}

@media (max-width: 740px) {
  /* 767px */

  .page-header.navbar .top-menu {
    width: 100% !important;
  }

  /*.page-tabs-fixed {
    margin-top: 153px !important;
  }*/

  .page-header.navbar .menu-toggler.responsive-toggler {
    background-image: url("../../include/admin/layout3/images/sidebar-toggler.png");
  }
}

@media (max-width: 513px) {
  /* 767px */

  .page-header.navbar .top-menu {
    width: 100% !important;
    border-top: 1px solid #e5e9ec;
  }

  /*.page-tabs-fixed {
    margin-top: 203px !important;
  }*/

  .page-header.navbar .menu-toggler.responsive-toggler {
    background-image: url("../../include/admin/layout3/images/sidebar-toggler.png");
  }
}

/***
Pace - Page Progress
***/

.pace .pace-progress {
  z-index: 10000;
  top: 66px;
  height: 2px;
}

.pace .pace-progress-inner {
  box-shadow: none;
}

.pace .pace-activity {
  top: 70px;
  right: 22px;
  border-radius: 10px !important;
}

@media (max-width: 767px) {
  /* 767px */

  .page-header-fixed .pace .pace-progress {
    top: 136px;
  }

  .page-header-fixed .pace .pace-activity {
    top: 276px;
    right: 15px;
  }
}

/***
Page container
***/

.page-container {
  margin: 0px;
  padding: 0px;
  margin-left: 160px;
  position: relative;
  /* Fixed header */
  /* Fixed footer for mobile */
}

.page-container:before,
.page-container:after {
  content: " ";
  display: table;
}

.page-container:after {
  clear: both;
}

.page-header-fixed .page-container {
  margin-top: 68px;
}

.page-footer-fixed.page-footer-fixed-mobile .page-container {
  margin-bottom: 20px !important;
}

@media (min-width: 1260px) {
  /* 1200px */

  .container {
    width: 1270px;
  }
}

@media (min-width: 992px) {
  /* Page container in fixed footer */

  .page-footer-fixed .page-container {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 991px) {
  /* Page container */

  .page-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  .page-header-fixed.page-header-fixed-mobile .page-container {
    margin-top: 68px !important;
  }
}

@media (max-width: 480px) {
  /* Page container */

  .page-header-fixed.page-header-fixed-mobile .page-container {
    margin-top: 136px !important;
  }
}

/******************
Page Quick Sidebar
******************/

/***
Quick Sidebar Layout
***/

/* Page Portlet Fullscreen */

.page-portlet-fullscreen .page-quick-sidebar-wrapper,
.page-portlet-fullscreen .page-quick-sidebar-toggler {
  z-index: -1;
}

/* Quick sidebar toggler */

.page-header .mega-menu .quick-sidebar-toggler {
  top: 7px;
  border: none;
  outline: none;
  padding: 5px 5px;
  margin-left: 15px;
  position: relative;
  background: #45b6af;
}

.page-header .mega-menu .quick-sidebar-toggler i {
  top: 0;
  color: #fff;
}

.page-quick-sidebar-open .page-header .mega-menu .quick-sidebar-toggler i:before {
  content: "\e066";
}

/* Quick sidebar wrapper */

.page-quick-sidebar-wrapper {
  transition: right 0.3s;
  z-index: 9996;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -320px;
  width: 320px;
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
  font-family: 'Microsoft YaHei';
  transition: right 0.3s;
  right: 0;
  box-shadow: -3px -4px 5px rgba(0, 0, 0, 0.18);
}

/*** 
Quick Sidebar Toggler 
***/

.page-quick-sidebar-toggler {
  overflow: hidden;
  z-index: 99999;
  display: none;
  width: 28px;
  height: 27px;
  position: fixed;
  top: 5px;
  right: 5px;
  text-align: center;
  padding-top: 6px;
  background: inherit !important;
}

.page-quick-sidebar-open .page-quick-sidebar-toggler {
  display: inline-block;
}

.page-quick-sidebar-toggler > i {
  font-size: 17px;
}

.page-quick-sidebar-toggler > i:hover {
  color: #ccc !important;
}

/***
Quick Sidebar Content
***/

.page-quick-sidebar-wrapper {
  right: -320px;
  overflow: hidden;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
  /* Quick sidebar tabs */
  /* Quick sidebar tabs content */
  /* Quick sidebar general list heading */
  /* Quick sidebar general list-items */
  /* Inner content */
  /* Quick sidebar list */
  /* Quick sidebar list item */
  /* Quick sidebar list item shown */
  /* Quick sidebar chat */
  /* Quick sidebar alerts */
  /* Quick sidebar settings */
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified {
  margin: 0;
  padding: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li {
  display: table-cell !important;
  width: 1%  !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
  border: 0;
  height: auto;
  font-size: 15px;
  padding: 45px 15px 8px;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a > .badge {
  position: absolute;
  top: 45px;
  right: 3px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
  border: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
  margin-top: 8px;
  margin-right: 20px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 19px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 20px;
  display: inline-block !important;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > .tab-content {
  margin: 0;
  padding: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
  font-size: 16px;
  margin: 10px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
  margin: 0;
  padding: 15px;
  background: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
  border-bottom: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
  border: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
  margin: 10px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  position: absolute !important;
  width: 320px !important;
  transition: margin 0.3s;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 320px;
  position: absolute !important;
  width: 320px !important;
  transition: margin 0.3s;
  margin-left: 320px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
  padding: 15px 10px 0px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i {
  font-size: 17px;
  line-height: 17px;
  vertical-align: top;
  margin-right: 3px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  transition: margin 0.3s;
  margin-left: -320px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
  display: none !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
  transition: margin 0.3s;
  margin-left: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
  padding: 10px 0;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
  padding: 15px 15px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
  border-radius: 50% !important;
  width: 45.71429px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  float: left;
  margin-right: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
  content: " ";
  display: table;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
  clear: both;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover {
  cursor: pointer;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
  opacity: 1;
  filter: alpha(opacity=100);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
  margin: 5px 0 0 0;
  font-size: 14px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
  font-size: 11px;
  text-transform: uppercase;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
  font-size: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
  margin-top: 10px;
  right: 10px;
  position: absolute;
  display: inline-block;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
  padding: 0px 10px;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
  transition: display 0.3s;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 13px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
  color: #529de3;
  display: block;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
  width: 45.71429px;
  border-radius: 50% !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar {
  float: left;
  margin-right: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar {
  float: right;
  margin-left: 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
  font-size: 12px;
  font-weight: 300;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
  font-size: 12px;
  font-weight: 300;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
  display: block;
  padding: 5px;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message {
  text-align: left;
  margin-left: 55px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
  display: block;
  position: absolute;
  top: 9px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right-width: 6px;
  border-right-style: solid;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
  margin-right: 55px;
  text-align: right;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
  display: block;
  position: absolute;
  top: 9px;
  right: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left-width: 6px;
  border-left-style: solid;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime {
  text-align: right;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
  padding: 20px 10px 15px 10px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form .input-group .form-control {
  font-size: 13px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
  padding: 10px 0;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .label {
  margin-top: 5px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
  padding: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
  padding: 10px 0;
  position: relative;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
  margin-top: -3px;
  float: right;
  border: 0;
  min-width: 59px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
  width: 75px !important;
  padding: 4px 4px !important;
  float: right;
  border: 0;
  margin-top: -4px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
  padding: 4px 0px !important;
}

/***
Quick Sidebar Layout
***/

.page-quick-sidebar-wrapper {
  background: #000;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
  height: 100%;
  background: #fff;
}

/*** 
Quick Sidebar Toggler 
***/

.page-quick-sidebar-toggler {
  background: #317cc2 !important;
}

.page-quick-sidebar-toggler:hover {
  background: #317cc2 !important;
}

.page-quick-sidebar-toggler > i {
  color: #fff;
}

/***
Quick Sidebar Content
***/

.page-quick-sidebar-wrapper {
  color: #99a8b5;
  /* Quick sidebar chat */
  /* Quick sidebar alerts */
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
  /* Quick sidebar tabs */
  /* Quick sidebar general list heading */
  /* Quick sidebar general list-items */
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
  background: inherit;
  color: #fff;
  border-bottom: 3px solid rgba(243, 86, 93, 0.3);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
  border-bottom: 3px solid #f3565d;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
  background: inherit;
  color: #90a1af;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
  border: 0;
  border-bottom: 3px solid #f3565d;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
  border: 1px solid #e5e9ec;
  background: #fff;
  box-shadow: 5px 5px rgba(97, 117, 135, 0.1);
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
  border-bottom: 7px solid #36424c;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
  border-bottom: 7px solid #36424c;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
  padding: 10px 15px;
  color: #99a8b5;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i {
  color: #93a3b1;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
  background: #f0f0f0;
  color: #99a8b5;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i {
  color: #9babb8;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
  background: #f0f0f0;
  color: #99a8b5;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
  background-color: #f0f0f0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
  color: #6c8296;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
  border-bottom-color: #273037;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
  background: #e8f1fa;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item {
  /* back to list */
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
  color: #90a1af;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover {
  text-decoration: none;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
  color: #657b8d;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
  color: #5d7081;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
  color: #8496a7;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
  color: #8496a7;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
  color: #90a1af;
  background: #e8f1fa;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
  border-right-color: #e8f1fa;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
  border-left-color: #e8f1fa;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
  color: #7e91a2;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
  text-decoration: underline;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
  color: #788c9e;
}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
  color: #5d7081;
}

/***
Page sidebar
***/

/* IE8 fix */

.ie8 .page-sidebar {
  width: 195px;
  float: left;
  position: relative;
  margin-right: -100%;
}

/* Page Sidebar */

.page-sidebar,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
  /* Default sidebar menu */
  /* Compact sidebar menu */
  /* Compact hoverable sidebar menu */
}

.page-sidebar.navbar-collapse,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse {
  padding: 0;
  box-shadow: none;
}

.page-sidebar .page-sidebar-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 100%;
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
  /* 1st level links */
  /* all links */
}

.page-sidebar .page-sidebar-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 1px solid #323645;
  border-bottom: 1px solid #16191d;
  background: url("../../include/admin/layout3/images/arrow-nav.png") no-repeat;
  background-size: 10px 10px;
  background-position: 140px;
}

.page-sidebar .page-sidebar-menu > li:hover {
  background: #1e282c url("../../include/admin/layout3/images/arrow-nav.png") no-repeat;
  background-size: 10px 10px;
  background-position: 145px;
}

.page-sidebar .page-sidebar-menu > li.start > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.start > a {
  border-top-color: transparent !important;
}

.page-sidebar .page-sidebar-menu > li.last > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.last > a {
  border-bottom-color: transparent !important;
}

.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
  min-height: 50px;
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 8px 0px 6px 0px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 300;
}

.page-sidebar .page-sidebar-menu > li > a > .title,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
  display: block;
  margin-top: -15px;
  margin-left: 50px;
  color: #b8c7ce;
  font-size: 16px;
}

.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
  font-size: 18px;
  text-shadow: none;
  font-weight: 300;
  text-align: center;
}

.page-sidebar .page-sidebar-menu > li > a > i.glyphicon,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.glyphicon {
  top: 3px;
  margin-left: 1px;
  margin-right: 4px;
}

.page-sidebar .page-sidebar-menu > li > a > [class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^="icon-"] {
  top: 2px;
  margin-left: 1px;
  margin-right: 4px;
}

.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-fixed
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
  transition: all 0.2s ease;
}

.page-sidebar-reversed.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-reversed.page-sidebar-fixed
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
  transition: none;
}

.page-sidebar .page-sidebar-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
  font-size: 13px;
}

.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
  border: none;
  text-shadow: none;
  font-size: 13px;
}

.page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  background-image: none;
  /* will be set in a theme css file*/
  float: right;
  position: absolute;
  right: -1px;
  top: 26px;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 12px double transparent;
  border-bottom: 12px double transparent;
  border-left: 0;
  border-right: 8px solid #ffffff;
}

.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-reversed
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  right: auto;
  left: -1px;
  border-right: 0;
  border-left: 8px solid #ffffff;
}

.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-container-bg-solid
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  border-color: transparent #F1F3FA transparent transparent;
}

.page-container-bg-solid.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-container-bg-solid.page-sidebar-reversed
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  border-color: transparent transparent transparent #F1F3FA;
}

.page-sidebar .page-sidebar-menu li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
  width: 10px;
  float: right;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: -32px;
  display: inline;
  font-size: 16px;
  font-family: FontAwesome;
  height: auto;
  content: "\f104";
  font-weight: 300;
  text-shadow: none;
}

.page-sidebar .page-sidebar-menu li > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before {
  content: "\f107";
}

.page-sidebar .page-sidebar-menu li > a > .badge,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .badge {
  float: right;
  margin-top: 1px;
  margin-right: 0px;
}

.page-sidebar .page-sidebar-menu .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
  list-style: none;
  display: none;
  padding: 0;
  margin: 8px 0px 8px 0px;
}

.page-sidebar .page-sidebar-menu .sub-menu li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
  background: none;
  margin: 0px;
  padding: 0px;
  /* 2nd level sub menu */
}

.page-sidebar .page-sidebar-menu .sub-menu li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
  display: block;
  margin: 0;
  padding: 9px 15px 9px 15px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 300;
  background: none;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {
  font-size: 14px;
  margin-right: 1px;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow:before {
  margin-top: -4px;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow.open:before {
  margin-top: -2px;
}

.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu {
  margin: 0;
}

.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li {
  /* 3rd level sub menu */
}

.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a {
  padding-left: 30px;
}

.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu {
  margin: 0;
}

.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a {
  padding-left: 40px;
}

.page-sidebar .page-sidebar-menu li.active > .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > .sub-menu {
  display: block;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact {
  /* first level links */
  /* all links */
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li {
  text-align: left;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a {
  text-align: left;
  min-height: 50px;
  padding: 15px 15px 15px 15px;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title {
  display: inline-block;
  text-align: left;
  margin-top: 0px;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > i {
  font-size: 16px;
  /* $sidebar-menu-link-icon-font-size */
  text-align: left;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li.active > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li.active > a > .selected {
  top: 14px;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a {
  padding-left: 22px;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow:before {
  margin-top: -1px;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow.open:before {
  margin-top: -1px;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu {
  /* first level links */
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li > .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li > .sub-menu > li > a {
  padding-left: 15px;
}

@media (min-width: 992px) {
  /* 992px */

  .page-sidebar {
    width: 170px;
    float: left;
    position: relative;
    margin-right: -100%;
  }

  .page-full-width .page-sidebar {
    display: none !important;
  }

  .page-sidebar.navbar-collapse {
    max-height: none !important;
  }

  .page-sidebar .page-sidebar-menu {
    margin-bottom: 10px;
  }

  .page-sidebar-reversed .page-sidebar {
    float: right;
    margin-right: 0;
    margin-left: -100%;
  }

  .page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
    margin-left: -195px;
  }

  .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper {
    position: relative;
    float: right;
  }

  .page-sidebar-fixed .page-sidebar {
    position: fixed !important;
    margin-left: 0;
    top: 68px;
  }

  .page-sidebar-fixed .page-sidebar-menu > li.last {
    margin-bottom: 15px !important;
  }

  .page-sidebar-fixed .page-sidebar-menu .sub-menu {
    height: auto !important;
  }

  /* Sidebar Closed */

  .page-sidebar-closed .page-sidebar {
    width: 60px !important;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
    /* sidebar */
    width: 60px !important;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li {
    /* hide opened sub menu */
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu,
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
    display: none !important;
  }

  /* �˵�����ȥ��hover��ʽ */

  /*.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
    width: 249px !important;
    position: relative !important;
    z-index: 10000;
    display: block !important;
  }*/

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    -o-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
    text-align: left;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
    display: inline-block;
    margin-right: 10px;
  }

  /*.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
    display: inline !important;
    padding-left: 20px;
  }*/

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .badge {
    display: block !important;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .selected {
    display: none;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
    width: 194px;
    position: absolute;
    z-index: 2000;
    left: 55px;
    margin-top: 0;
    top: 100%;
    display: block !important;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > a {
    padding-left: 15px !important;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > a {
    padding-left: 30px !important;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
    padding-left: 45px !important;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
    min-height: 50px;
    padding-left: 8px;
    padding-top: 18px;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a .selected {
    top: 16px;
    right: -2px !important;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge,
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title,
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow {
    opacity: 0;
    text-indent: -400px;
  }

  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-closed > li > a {
    min-height: 50px;
    padding-right: 11px;
    padding-left: 18px;
  }

  .page-sidebar-closed.page-sidebar-reversed .page-sidebar {
    margin-left: -53px;
    width: 54px;
  }

  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
    /* sidebar */
  }

  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
    left: auto;
    right: 55px;
  }

  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
    margin-left: -195px;
  }

  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -ms-border-radius: 4px 0 0 0;
    -o-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
  }

  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
    padding-left: 0;
    padding-right: 15px;
  }

  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
    margin-right: 0;
    margin-left: 2px;
  }

  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a {
    padding-right: 7px;
    padding-left: 11px;
  }

  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    width: 195px !important;
    display: block;
    z-index: 10000;
  }

  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    width: 195px !important;
  }

  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .selected {
    display: none !important;
  }

  .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover {
    width: 195px !important;
    display: block;
    z-index: 10000;
    margin-left: -195px !important;
  }

  .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover .page-sidebar-menu {
    width: 195px !important;
  }

  .page-sidebar-closed.page-sidebar-hide .page-sidebar {
    display: none !important;
  }

  /* Default Sidebar Menu With Hoverable Submenu */

  .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu {
    display: none;
    min-width: 105px;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu li.active .sub-menu,
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li.open .sub-menu {
    display: none !important;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow {
    display: none;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
    display: block;
    float: right;
    position: absolute;
    right: 0;
    margin-top: -20px;
    background: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 12px double transparent;
    border-bottom: 12px double transparent;
    border-left: 0;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:after,
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:before {
    display: none;
  }

  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
    right: auto;
    left: 0;
    border-right: 0;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
    display: inline-block !important;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
    z-index: 1;
    right: 0px;
    margin-top: -36px;
  }

  .page-fontawesome .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
    margin-top: -34px;
  }

  .page-glyphicons .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
    margin-top: -38px;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
    margin-left: 104px;
    margin-top: -78px;
  }

  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
    margin-left: -194px !important;
  }

  .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
    margin-left: 0;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
    margin-left: 104px;
    margin-top: -38px !important;
  }

  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
    margin-left: -194px !important;
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Compact Sidebar Menu With Hoverable Submenu */

  .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
    margin-top: -20px;
  }

  .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
    margin-top: -20px;
  }

  .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
    margin-top: -49px;
  }
}

@media (max-width: 991px) {
  /* 991px */

  html {
    overflow-x: hidden;
  }

  .page-sidebar {
    border-top: 0 !important;
  }

  .page-sidebar .selected {
    display: none !important;
  }

  .page-sidebar.navbar-collapse {
    height: 100%;
    -webkit-box-shadow: 0px 0px 10px #45535e;
    -moz-box-shadow: 0px 0px 10px #45535e;
    -o-box-shadow: 0px 0px 10px #45535e;
    box-shadow: 0px 0px 10px #45535e;
    /* set some max height to have a scrollable menu on mobile devices */
  }

  div#panl {
    margin-top: -17px !important;
  }

  .list-menu-btnstyle {
    margin-top: -6px;
  }

  .page-sidebar-wrapper {
    height: 100%;
    width: 250px;
    top: 0px;
    left: -250px;
    opacity: 0;
  }

  .page-sidebar .page-sidebar-menu,
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    width: 100% !important;
  }

  .page-sidebar .page-sidebar-menu li .menu-panel {
    position: inherit !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: #24343b !important;
    margin-left: 0 !important;
    border: none !important;
  }

  .page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item li {
    margin-left: 15px;
  }

  .page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item > a {
    margin-left: 20px;
    margin-bottom: 0 !important;
  }

  .page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item li a {
    color: #fff !important;
  }

  .page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item li a:hover {
    color: #72b8ff !important;
  }

  .page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item > ul {
    width: 100% !important;
  }

  .page-sidebar .page-sidebar-menu > li > a > .title,
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
    text-align: left !important;
    text-indent: 40px;
  }

  .panel-after {
    display: none;
  }

  .page-logo {
    padding-left: 20px !important;
    border-bottom: 1px #45535e solid;
    height: 53px !important;
  }

  .page-logo .menu-toggler {
    display: none;
  }

  .page-sidebar.navbar-collapse.in {
    border-top: 0 !important;
    position: relative;
    overflow: hidden !important;
    overflow-y: auto !important;
    display: block !important;
  }

  .page-sidebar.navbar-collapse.navbar-no-scroll {
    max-height: none !important;
  }

  .page-sidebar .mega-menu-responsive-content {
    padding: 10px 18px 10px 45px;
  }

  .page-full-width .page-sidebar-menu {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* 768px & 991px */

  .page-sidebar .btn-navbar.collapsed .arrow {
    display: none;
  }

  .page-sidebar .btn-navbar .arrow {
    position: absolute;
    right: 25px;
    width: 0;
    height: 0;
    top: 50px;
    border-bottom: 15px solid #5f646b;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }
}

@media (max-width: 480px) {
  /* 480px */

  /* Page sidebar */

  .page-header-fixed.page-header-fixed-mobile .page-sidebar,
  .page-header-fixed.page-header-fixed-mobile
  .page-sidebar.in {
    margin-top: 10px !important;
  }
}

/***
Page content
***/

/* Page title */

.page-title {
  padding: 0px;
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 26px;
  display: block;
  color: #666;
  margin: 0px 0px 20px 0px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  /* subtitle */
}

.page-title small {
  font-size: 13px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #888;
}

.page-container-bg-solid .page-title {
  color: #666;
}

.page-container-bg-solid .page-title small {
  color: #666;
}

/* Page breadcrumb */

.page-bar {
  padding: 0px;
  background-color: #ffffff;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.page-bar:before,
.page-bar:after {
  content: " ";
  display: table;
}

.page-bar:after {
  clear: both;
}

.page-bar .page-breadcrumb {
  display: inline-block;
  float: left;
  padding: 10px 6px;
  margin: 0;
  list-style: none;
}

.page-bar .page-breadcrumb > li {
  display: inline-block;
}

.ie8 .page-bar .page-breadcrumb > li {
  margin-right: 1px;
}

.page-bar .page-breadcrumb > li > a,
.page-bar .page-breadcrumb > li > span {
  color: #888;
  font-size: 13px;
  text-shadow: none;
}

.page-bar .page-breadcrumb > li > i {
  color: #aaa;
  font-size: 14px;
  text-shadow: none;
}

.page-bar .page-breadcrumb > li > i[class^="icon-"],
.page-bar .page-breadcrumb > li > i[class*="icon-"] {
  color: #8c8c8c;
}

.page-bar .page-toolbar {
  display: inline-block;
  float: right;
}

.page-bar .page-toolbar .btn-fit-height {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  padding-top: 9px;
  padding-bottom: 9px;
}

.page-md .page-bar .page-toolbar .btn-fit-height {
  padding-top: 11px;
  padding-bottom: 10px;
  box-shadow: none !important;
}

.page-bar .page-toolbar .btn.btn-default {
  border-color: #eee;
  color: #999;
}

.page-bar .page-toolbar .btn.btn-default > i {
  color: #999;
}

.page-bar .page-toolbar .btn.btn-sm {
  margin-top: 0px;
}

.page-bar .page-toolbar .btn-dashboard-daterange {
  padding: 8px 16px 8px 16px;
}

.page-bar .page-toolbar .btn-dashboard-daterange > i[class^="icon-"] {
  position: relative;
  font-size: 20px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  top: 2px;
}

.page-bar .page-toolbar .btn-dashboard-daterange > i.fa-angle-down {
  font-size: 16px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* Page content */

.page-content {
  margin-top: 0px;
  padding: 0px;
  background-color: #f6f6f6;
}

.page-container-bg-solid .page-content {
  background: #F1F3FA;
}

.page-full-width .page-content {
  margin-left: 0px !important;
}

@media (min-width: 992px) {
  /* 992px */

  /* Page content */

  .page-content-wrapper {
    float: left;
    width: 100%;
  }

  .page-content-wrapper .page-content {
    margin-top: 0px;
    min-height: 600px;
    padding: 100px 15px 10px 5px;
  }

  .page-content-wrapper .page-content.no-min-height {
    min-height: auto;
  }

  .page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
    margin-left: 54px;
  }

  .page-sidebar-reversed .page-content-wrapper .page-content {
    margin-left: 0 !important;
    margin-right: 195px !important;
  }

  .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
    margin-left: 0;
    margin-right: 54px;
  }

  .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content {
    margin-left: 0 !important;
    margin-right: 54px !important;
  }

  .page-sidebar-closed .page-content-wrapper .page-content {
    margin-left: 54px !important;
  }

  .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content {
    margin-left: 0 !important;
  }

  .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content {
    margin-right: 0 !important;
  }

  .page-full-width .page-content-wrapper .page-content {
    margin-left: 0px !important;
  }
}

@media (max-width: 991px) {
  /* 991px */

  /* Boxed page container  */

  .page-boxed > .container {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Page content */

  .page-content-wrapper .page-content {
    margin: 0px !important;
    padding: 0px !important;
    min-height: 280px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /*  768px & 991px */

  /* Boxed page container */

  .page-boxed > .container {
    margin: auto !important;
  }
}

@media (max-width: 767px) {
  /* 767px */

  /* Page content */

  .page-content-wrapper .page-content {
    padding: 0 !important;
    overflow: hidden;
    /* Page title */
  }

  .page-content-wrapper .page-content .page-title {
    margin-bottom: 15px;
    font-size: 20px;
  }

  .page-content-wrapper .page-content .page-title small {
    font-size: 13px;
    padding-top: 3px;
  }
}

@media (max-width: 480px) {
  /* 480px */

  /* Dashboard date range panel */

  .page-content-wrapper .page-content .page-title small {
    display: block;
    clear: both;
  }
}

/***
Page footer
***/

.page-footer {
  padding: 8px 20px 5px 20px;
  font-size: 12px;
  height: 33px;
}

.page-footer:before,
.page-footer:after {
  content: " ";
  display: table;
}

.page-footer:after {
  clear: both;
}

.page-footer .page-footer-inner {
  float: left;
  display: inline-block;
}

.page-footer .page-footer-tools {
  float: right;
  display: inline-block;
}

.page-footer .page-footer-tools .go-top {
  display: block;
  text-decoration: none;
  cursor: pointer;
  margin-top: -2px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  padding: 0px 6px 0px 6px;
}

.page-footer .page-footer-tools .go-top i {
  font-size: 22px;
  margin-bottom: 5px;
}

.page-footer-fixed.page-footer-fixed-mobile .page-footer {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10000;
  bottom: 0;
}

.page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .page-footer {
  margin-left: 0 !important;
}

@media (min-width: 992px) {
  /* 992px */

  /* Default footer */

  .page-footer {
    clear: left;
  }

  /* Fixed footer */

  .page-footer-fixed .page-footer {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    bottom: 0;
  }

  /* Footer with footer sidebar */

  .page-sidebar-fixed.page-sidebar-closed .page-footer {
    margin-left: 54px;
  }

  .page-sidebar-fixed.page-footer-fixed .page-footer {
    margin-left: 0 !important;
  }

  /* Fixed Sidebar */

  .page-sidebar-fixed .page-footer {
    margin-left: 195px;
    padding: 8px 20px 5px 20px;
  }

  /* Boxed page */

  .page-boxed .page-footer {
    padding: 8px 0 5px 0;
  }

  .page-boxed.page-sidebar-fixed .page-footer {
    padding-right: 20px;
    padding-left: 20px;
  }

  /* Page sidebar reversed */

  .page-sidebar-reversed.page-sidebar-fixed .page-footer {
    margin-left: 0;
    margin-right: 195px;
    padding: 8px 20px 5px 20px;
  }

  .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer {
    margin-left: 0;
    margin-right: 0;
  }

  .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer {
    margin-right: 54px;
  }
}

@media (max-width: 991px) {
  /* 991px */

  /* Boxed Layout */

  .page-footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  /* 767px */

  /* Default footer & boxed footer */

  .page-footer,
  .page-boxed .page-footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Fixed footer */

  .page-footer-fixed .page-footer .container {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Scroll Top Top */

.scroll-to-top {
  display: inline-block;
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 9990;
  bottom: 100px;
  display: none;
  right: 10px;
}

.scroll-to-top > i {
  display: inline-block;
  color: #687991;
  font-size: 32px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.scroll-to-top:hover {
  cursor: pointer;
}

.scroll-to-top:hover > i {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media (min-width: 992px) {
  /* 992px */

  .scroll-to-top {
    right: 10px;
  }
}

@media (max-width: 991px) {
  /* 991px */

  .scroll-to-top {
    right: 10px;
  }

  .scroll-to-top > i {
    font-size: 28px;
  }
}

/***
Theme Panel
***/

.theme-panel {
  width: 400px;
  margin-top: -15px;
  margin-right: 0px;
  z-index: 100;
  float: right;
  position: relative;
}

.theme-panel > .toggler {
  top: 5px;
  right: 1px;
  height: 40px;
  width: 40px;
  border-radius: 50% !important;
  cursor: pointer;
  position: absolute;
  text-align: center;
  background-color: #fff;
}

.theme-panel > .toggler > i {
  position: relative;
  top: 12px;
  font-size: 20px;
  color: #9fb3ca;
}

.theme-panel > .toggler:hover {
  background: #ACB5C3;
}

.theme-panel > .toggler:hover > i {
  color: #fff;
}

.theme-panel > .toggler-close {
  display: none;
  top: 5px;
  right: 1px;
  z-index: 101;
  cursor: pointer;
  position: absolute;
}

.theme-panel > .toggler-close > i {
  position: relative;
  top: 12px;
  right: 12px;
  font-size: 20px;
  color: #f2f2f2;
}

.theme-panel > .toggler-close:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.theme-panel > .theme-options {
  box-shadow: 5px 5px rgba(63, 77, 86, 0.1);
  top: 4px;
  right: 0;
  display: none;
  position: absolute;
  z-index: 100;
  background: #3f4d56;
  border: 1px solid #39454d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.theme-panel > .theme-options > .theme-option {
  color: #eee;
  padding: 11px;
  border-top: 1px solid #46545f;
  margin-top: 0px;
  margin-bottom: 0px;
}

.theme-panel > .theme-options > .theme-option > span {
  text-transform: uppercase;
  display: inline-block;
  width: 115px;
  font-size: 13px;
  font-weight: 300;
}

.theme-panel > .theme-options > .theme-option > select.form-control {
  display: inline;
  width: 100px;
  padding: 2px;
  text-transform: lowercase;
}

.theme-panel > .theme-options > .theme-option.theme-colors {
  border-top: 0;
}

.theme-panel > .theme-options > .theme-option.theme-colors > span {
  display: block;
  width: auto;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul {
  list-style: none;
  padding: 0;
  display: block;
  margin-bottom: 10px !important;
  margin-top: 15px;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
  width: 46px;
  height: 45px;
  margin: 0 4px;
  cursor: pointer;
  list-style: none;
  float: left;
  border: solid 1px #707070;
  /* theme colors */
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
  margin-left: 0;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {
  border: solid 2px #d64635;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default {
  background: #2b3643;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-dark {
  background: #333438;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
  background: #26344B;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
  background: #4D5B69;
}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light {
  background: #f5f5f5;
}

/***     
Page Loading    
***/

.page-on-load {
  background: #fefefe;
}

.page-on-load .page-header,
.page-on-load .page-container,
.page-on-load .page-footer,
.page-on-load > .clearfix {
  display: none;
  transition: all 2s;
}
/* 这里用于写一些我们自定义的 css ，这些 css 将会覆盖系统的相关 css */

/* 重置 */

div,
p,
ul,
ol,
li,
ul li {
  margin: 0;
  padding: 0;
}

/* 首页头部 和 tab 页签标题相关 */

.page-header-fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
}

.page-tabs-fixed {
  position: fixed;
  top: 100px;
  z-index: 110;
  height: 59px;
}

.page-tabs-fixed .page-content2 {
  height: 50px;
  padding-bottom: 0;
}

/*主题默认背景色和前景色*/

.default-bg {
  background: #45535E !important;
  color: #fff !important;
}

/*主题默认按钮样式*/

.default-blue-btn {
  background: #00AAEF;
  color: #fff;
  line-height: 25px;
}

.default-blue-btn:hover {
  background: #0096d3;
}

.default-border-btn {
  background: #fff;
  color: #0079aa;
  border: 1px #0079aa solid !important;
  line-height: 23px;
}

.default-border-btn:hover {
  background: #00AAEF;
  color: #fff;
  border: 1px #00AAEF solid !important;
  line-height: 23px;
}

.page-content {
  padding-top: 0;
}

.page-tabs-fixed .tabbable-custom {
  overflow: inherit;
  width: 100%;
  z-index: -1;
  float: left;
  background: #fff;
  border-bottom: 1px #d7d7d7 solid;
  border-top: 1px #d7d7d7 solid;
}

/*表头的显示特殊信息框*/

.overdue-last,
.overdue {
  line-height: 30px;
}

.overdue-last {
  padding-right: 15px;
  font-size: 14px;
  font-weight: 500;
}

.overdue {
  width: 60px;
  color: #fff;
  background-color: #FF9900;
  text-align: center;
  box-sizing: content-box;
  border-radius: 10px !important;
}

.page-tabs-fixed .close-tab {
  font-size: 10px !important;
  line-height: 10px;
  font-weight: 100;
}

.page-head-placeholder {
  height: 159px;
}

.page-container-index .page-content2 {
  padding-top: 0;
}

/* 首页 tab 页签相关 */

.close-tab {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 100;
  cursor: pointer;
  color: #b5b5b5;
  display: none;
  width: 10px;
}

.close-tab:hover {
  color: #879BA7;
}

.page-content2 .nav-tabs {
  position: relative;
  height: 41px;
}

.page-content2 .nav-tabs li {
  position: relative;
}

.page-content2 .nav-tabs li a {
  color: #696969;
}

.tabbable-custom > .nav-tabs > li.active > a {
  height: 41px !important;
  color: #5f5f5f !important;
  background: #F6F6F6 !important;
  border-bottom: none !important;
  font-weight: bold;
  font-size: 15px;
}

.tabbable-custom > .nav-tabs > li.active > i {
  color: #808080;
}

.page-content2 .tab-drop {
  margin-right: 30px;
}

.page-content2 .rightMenu {
  position: absolute;
  width: 150px;
  z-index: 200;
  display: none;
}

.page-content-wrapper .page-content {
  padding-bottom: 0px;
}

.page-content .tab-content .tab-pane {
  padding: 5px 0px 0px 5px;
  /*min-height: 800px;*/
  width: 100%;
}

.tabbable-line > .tab-content .tab-pane {
  padding: 10px 0px;
}

html,
body,
.jienor-show {
  width: 100%;
}

.jienor-show>.page-container {
  height: 100%;
  background: #F6F6F6;
}

.tabbable-custom {
  margin-bottom: 0px;
}

.page-content .tab-content .clear-minheight {
  min-height: 0;
  padding: 0;
}

.form-horizontal {
  padding-bottom: 20px;
}

/*编码规则*/

.form-group.cus-title {
  height: 36px;
  line-height: 22px;
  background-color: #45535E;
  color: #fff;
  font-size: 16px;
  border-radius: 0px !important;
}

.border-default {
  border: 1px solid #E4E4E4;
}

/* 登录对话框相关 */

#login-dialog .input-icon {
  border-left: 2px solid #f2784b !important;
}

#login-dialog .input-icon .form-control {
  border-left: 0;
}

/* 基础资料下拉表格相关 */

.bd-select-table {
  display: none;
  position: absolute;
  z-index: 999999999;
  width: 450px;
}

.bd-select-table .clearfix {
  background: white;
}

/* 单据表体基础资料控件放大镜图标 */

.bd-select-icon {
  position: absolute;
  cursor: pointer;
  top: 2px;
  right: 0px;
  width: 18px;
  height: 30px;
  text-align: right;
  background: white;
}

/*列表单元格基础资料*/

div.customelement .bd-select-icon:hover {
  background: #fff;
}

div.customelement .bd-select-icon:hover i {
  color: #363636;
}

td[role="gridcell"] {
  position: relative;
}

.cuslabel {
  /*position: absolute;
	left: 9px;
	top: 11px;*/
  width: 15px;
  height: 15px;
  color: Red;
  opacity: .5;
  cursor: default;
  text-align: center;
  font: bold 20px/100% '宋体';
  display: inline-block;
  border: 1px solid #aeaeae;
  background-color: #fff;
  background-image: url("../../include/uniform/images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.ui-jqgrid tr.jqgrow[editable="1"] .cuslabel {
  opacity: 1;
  cursor: pointer;
  border: 1px solid #797979;
}

.ui-jqgrid tr.jqgrow td:first-child .cuslabel {
  opacity: 1 !important;
  cursor: pointer !important;
  border: 1px solid #797979 !important;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr .cuslabel {
  opacity: 1 !important;
  cursor: pointer !important;
  border: 1px solid #797979 !important;
}

table tr .cuslabel.check {
  background-position: -79px -263px;
}

div.ui-th-div .cuslabel {
  top: 0px;
  left: 0px;
  background-position: 22px 0px;
}

td .cuslabel {
  background-position: 22px 0px;
}

.cuslabel input {
  display: none;
}

tr.ui-state-highlight td
.cuslabel input[type="checkbox"] {
  display: none;
}

/* 单据表体辅助属性控件编辑 */

.ap-ctl-wrap {
  position: relative;
  background: white;
  border: 1px solid #aaa;
  height: 39px;
  margin: -1px -5px;
  padding: 0 4px;
}

.ap-edit-icon {
  position: absolute;
  cursor: pointer;
  top: 2px;
  right: 0px;
  width: 25px;
  padding-left: 5px;
  text-align: center;
  height: 30px;
  background: white;
}

/* 特定的 margin 和 padding */

.m5 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m15 {
  margin: 15px;
}

.m20 {
  margin: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mtb5lr0 {
  margin: 5px 0;
}

.mb0 {
  margin-bottom: 0px;
}

.mt0 {
  margin-bottom: 0px;
}

.pt0 {
  padding-top: 0px;
}

.pb0 {
  padding-bottom: 0px;
}

.pl10 {
  padding-left: 10px;
}

/* 隐藏 */

.form-bodys .row .form-group .e-hide {
  display: none;
}

.e-position {
  position: absolute;
  z-index: 250;
}

.e-fiexd {
  position: fixed;
  z-index: 250;
}

/*为了版面看起来有空间感,*/

[popup] {
  display: none;
}

[popup] .caption {
  padding-left: 4px !important;
}

[popup] .portlet-title {
  cursor: move;
}

[popup] .tools .icon-close {
  padding: 5px !important;
  cursor: pointer;
}

[popup] .form {
  padding-bottom: 3px !important;
}

/* 首页公司下拉列表 */

.company-list {
  margin-top: 5px;
  margin-left: 10px;
  font-family: 'Microsoft YaHei';
}

.company-list button {
  padding-left: 0px;
  background: white;
  font-size: 16px;
}

/* 系统提示对话框中的表格 */

.sys-msg-simple {
  padding-bottom: 15px;
}

/* 辅助属性对话框 */

.auxpropdesc {
  width: 100%;
  border: 1px solid #e5e5e5;
}

.auxpropdesc-title {
  height: 35px;
  line-height: 35px;
  text-align: left;
  padding: 0px 10px;
  font-size: 14px;
  background-color: #E5E5E5;
  overflow: hidden;
}

.auxpropdesc-title .auxpropdesc-title-l {
  float: left;
}

.auxpropdesc-title .auxpropdesc-title-r {
  float: right;
  display: none;
  color: #00AAEF;
  cursor: pointer;
}

.auxpropdesc-body {
  height: 128px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px;
}

.auxpropdesc-body-desc {
  display: none;
}

.auxpropdesc-body-desc textarea {
  height: 107px;
}

.auxpropdesc-body-item {
  width: 100%;
  overflow: hidden;
  text-align: left;
  padding-left: 0px;
  display: none;
}

.auxpropdesc-body-item li {
  float: left;
  padding: 5px 2px 5px 8px;
  background-color: #F2F4F7;
  color: #6B8299;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: solid 1px #6B8299;
}

.auxpropdesc-body-item li.active {
  background-color: #FF9900;
  color: white;
  border: solid 1px #FF9900;
}

.auxpropdesc-body-item li .item-text {
  float: left;
  cursor: pointer;
  margin-right: 3px;
}

.auxpropdesc-body-item li .item-del {
  float: right;
  cursor: pointer;
}

.auxpropdesc-body-item li .item-del .fa-times {
  font-size: 12px;
  line-height: 12px;
}

.search-price {
  cursor: pointer;
}

.sys-msg-table {
  margin: 0 !important;
}

.sys-msg-table th,
.sys-msg-ct {
  text-align: center;
}

/* 处理左侧菜单自适应宽度问题 */

.page-sidebar .page-sidebar-menu .sub-menu li > a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 新菜单样式自定义 */

.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.active > a:hover {
  color: #fff;
  border-left: 4px #3c8dbc solid;
}

.page-sidebar .page-sidebar-menu > li:hover > a i {
  color: #fff;
}

.page-sidebar .page-sidebar-menu > li:hover > a span {
  color: #fff;
}

.page-sidebar .page-sidebar-menu li > a.click {
  border-left: 4px #3c8dbc solid;
  color: #fff;
  background: #1e282c url("../../include/admin/layout3/images/arrow-nav.png") no-repeat;
  background-size: 10px 10px;
  background-position: 145px;
}

.page-sidebar .page-sidebar-menu li > a.click i {
  color: #fff;
}

.page-sidebar .page-sidebar-menu li > a.click span {
  color: #fff;
}

.page-sidebar .page-sidebar-menu li .menu-panel {
  position: absolute;
  left: 100%;
  height: 103%;
  top: 0px;
  overflow-y: auto;
  border-right: 1px #cacaca solid;
  opacity: 0.5;
  z-index: -1;
  -webkit-box-shadow: 5px 6px 5px rgba(153, 153, 153, 0.4);
  -moz-box-shadow: 5px 6px 5px rgba(153, 153, 153, 0.4);
  box-shadow: 5px 6px 5px rgba(153, 153, 153, 0.4);
  width: inherit;
  -webkit-padding-start: 0px;
  background: #1e282c;
  padding: 8px 20px;
  display: none;
  font-size: 13px;
}

.page-sidebar .page-sidebar-menu li .menu-panel .panel-after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  width: 18px;
  height: 18px;
  margin-left: -8px;
  margin-top: -9px;
  background-color: white;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  box-shadow: 1px -1px 2px #b0b0b0;
  -webkit-box-shadow: 1px -1px 0px #b0b0b0;
  -moz-box-shadow: 1px -1px 0px #b0b0b0;
  background: #FBFBFB !important;
}

.page-sidebar .page-sidebar-menu li .menu-panel a {
  word-break: keep-all;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}



.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item {
  -webkit-padding-start: 0px;
  margin: 0px;
  padding: 0px;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item > a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #b0b0b0;
  text-indent: 20px;
  padding-bottom: 10px;
  margin-top: 15px;
  border-top: 1px solid #485256;
  font-weight: bold;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item:first-child > a {
  border-top: 0 !important;
  margin-top: 0 !important;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item a:hover {
  text-decoration: none;
  cursor: auto;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.no-sub > a {
  font-weight: initial;
  margin-top: 10px;
  text-indent: 0 !important;
  color: #45a1c6;
  display: inline-block;
  padding: 0 15px;
  line-height: 34px;
  border: 2px #314d59 solid;
  font-size: 15px;
  cursor: pointer !important;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.no-sub a:hover {
  background: #314d59;
  color: #FFFFFF;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item > ul {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item li {
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item li a {
  color: #fff;
  padding: 0 20px;
  display: inline-block;
  cursor: pointer !important;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item li:hover {
  color: #FFFFFF;
}

.page-sidebar .page-sidebar-menu li .menu-panel li.menu-panel-item li:hover a {
  text-decoration: none;
  color: #72b8ff;
}

.popform .form-body {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.popform-actions {
  padding: 8px 15px;
  text-align: right;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-radius: 0 0 4px 4px !important;
  border-right: 1px solid #e4e4e4;
}

.layui-layer-content .dialog-actions {
  display: block;
  text-align: right;
  padding-right: 15px;
  padding-top: 10px;
}

.popform-actions .btn,
.dialog-actions .btn {
  padding: 3px 20px;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}

.popform-actions .cancel,
.dialog-actions .cancel {
  border: solid 1px #6b8299;
  background-color: white;
  color: #6b8299;
}

.popform-actions .cancel:hover,
.dialog-actions .cancel:hover {
  background-color: #a3b8cc;
  border-color: #a3b8cc;
  color: white;
}

.popform-actions .confirm,
.dialog-actions .confirm {
  border: solid 1px #00aaef;
  background-color: #00aaef;
  color: white;
}

.popform-actions .confirm:hover,
.dialog-actions .confirm:hover {
  background-color: #529de3;
  border-color: #529de3;
}

/*明细表格按钮字段的默认样式*/

.btn-entry {
  padding: 3px 10px;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: solid 1px #6B8299;
  background-color: #6B8299;
  color: #fff !important;
  margin-top: -3px;
}

.btn-entry[disabled] {
  background: none;
  color: #000 !important;
  border: none;
}

.btn-entry:hover {
  color: white;
}
/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/

/* General settings */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url("../../include/uniform/images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */
}

div.selector:focus,
div.checker:focus,
div.button:focus,
div.radio:focus,
div.uploader:focus {
  outline: 0;
}

div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader *,
div.button,
div.button * {
  margin: 0;
  padding: 0;
}

.highContrastDetect {
  background: url("../../include/uniform/images/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px;
}

/* Input & Textarea */

input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("../../include/uniform/images/bg-input.png") repeat-x 0 0;
  outline: 0;
}

input.uniform-input.active,
select.uniform-multiselect.active,
textarea.uniform.active {
  background: url("../../include/uniform/images/bg-input-focus.png") repeat-x 0 0;
}

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */

div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* Select */

div.selector {
  background-position: 0 -130px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden;
}

div.selector span {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right 0;
  height: 26px;
  line-height: 26px;
  padding-right: 25px;
  cursor: pointer;
  width: 100%;
  display: block;
}

div.selector.fixedWidth {
  width: 190px;
}

div.selector.fixedWidth span {
  width: 155px;
}

div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 22px;
  top: 2px;
  left: 0px;
  width: 100%;
}

div.selector.active {
  background-position: 0 -156px;
}

div.selector.active span {
  background-position: right -26px;
}

div.selector.hover,
div.selector.focus {
  background-position: 0 -182px;
}

div.selector.hover span,
div.selector.focus span {
  background-position: right -52px;
}

div.selector.hover.active,
div.selector.focus.active {
  background-position: 0 -208px;
}

div.selector.hover.active span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled,
div.selector.disabled.active {
  background-position: 0 -234px;
}

div.selector.disabled span,
div.selector.disabled.active span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  position: relative;
}

div.checker,
div.checker span,
div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none !important;
  background: none !important;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

div.checker.active span {
  background-position: -19px -260px;
}

div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.hover span,
div.checker.focus span {
  background-position: -38px -260px;
}

div.checker.hover span.checked,
div.checker.focus span.checked {
  background-position: -114px -260px;
}

div.checker.hover.active span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker.hover.active span.checked,
div.checker.focus.active span.checked {
  background-position: -133px -260px;
}

div.checker.disabled,
div.checker.disabled.active {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio,
div.radio span,
div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
}

div.radio.active span {
  background-position: -18px -18px -279px;
}

div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.hover span,
div.radio.focus span {
  background-position: -36px -36px -279px;
}

div.radio.hover span.checked,
div.radio.focus span.checked {
  background-position: -108px -279px;
}

div.radio.hover.active span,
div.radio.focus.active span {
  background-position: -54px -279px;
}

div.radio.hover.active span.checked,
div.radio.focus.active span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

div.uploader span.action {
  background-position: right -409px;
  height: 28px;
  line-height: 28px;
  width: 82px;
  text-align: center;
  float: left;
  display: inline;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  cursor: default;
  height: 24px;
  margin: 2px 0 2px 2px;
  line-height: 24px;
  width: 85px;
  padding: 0 10px;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  cursor: default;
  width: 100%;
  height: 100%;
}

div.uploader.active span.action {
  background-position: right -465px;
}

div.uploader.hover,
div.uploader.focus {
  background-position: 0 -353px;
}

div.uploader.hover span.action,
div.uploader.focus span.action {
  background-position: right -437px;
}

div.uploader.hover.active span.action,
div.uploader.focus.active span.action {
  background-position: right -493px;
}

div.uploader.disabled,
div.uploader.disabled.active {
  background-position: 0 -325px;
}

div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
  background-position: right -381px;
}

/* Buttons */

div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */
}

div.button a,
div.button button,
div.button input {
  opacity: 0.01;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 22px;
  text-align: center;
  background-position: right -521px;
  height: 22px;
  margin-left: 13px;
  padding: 8px 15px 0 2px;
}

div.button.active {
  background-position: 0 -671px;
}

div.button.active span {
  background-position: right -551px;
  cursor: default;
}

div.button.hover,
div.button.focus {
  background-position: 0 -701px;
}

div.button.hover span,
div.button.focus span {
  background-position: right -581px;
}

div.button.disabled,
div.button.disabled.active {
  background-position: 0 -731px;
}

div.button.disabled span,
div.button.disabled.active span {
  background-position: right -611px;
  cursor: default;
}

/* INPUT & TEXTAREA */

input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #777;
  border-top: solid 1px #aaaaaa;
  border-left: solid 1px #aaaaaa;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

input.uniform-input.hover,
input.uniform-input.focus,
select.uniform-multiselect.hover,
select.uniform-multiselect.focus,
textarea.uniform.hover,
textarea.uniform.focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  border-color: #999;
}

/* PRESENTATION */

/* Buttons */

div.button span {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

div.button.hover span,
div.button.focus span {
  color: #555;
}

div.button.disabled span,
div.button.disabled.active span {
  color: #bbb;
}

/* Select */

div.selector {
  font-size: 12px;
}

div.selector span {
  color: #666;
  text-shadow: 0 1px 0 white;
}

div.selector select {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div.selector.disabled span,
div.selector.disabled.active span {
  color: #bbb;
}

/* Checker */

div.checker {
  margin-right: 5px;
}

/* Radio */

div.radio {
  margin-right: 3px;
}

/* Uploader */

div.uploader span.action {
  text-shadow: white 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px;
}

div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
  color: #aaa;
}

div.uploader.disabled span.filename,
div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa;
}

input.uniform-input,
input.uniform-input:focus {
  background-color: #fff;
}
/*!
 * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * 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;
  border-radius: 4px;
  direction: ltr;
}

.input-group .input-group-btn > button > i {
  color: #999;
}

.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-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

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

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #fff;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker > div {
  display: none;
}

.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-collapse: inherit;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  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,
.datepicker table tr td.day.focused {
  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 {
  color: #000000;
  background-color: #F2784B;
  border-color: #F2784B;
}

.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:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.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,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00;
}

.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,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}

.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],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.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;
  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 {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  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:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.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,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c;
}

.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,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}

.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],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  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:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.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,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}

.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,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}

.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],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  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:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.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,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.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,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}

.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],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  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 {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  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:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.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,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.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,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}

.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],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}

.datepicker .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 .cw {
  cursor: default;
  background-color: transparent;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
/*!
 * Datetimepicker 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
 *
 */

.datetimepicker {
  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;
	}*/
}

.datetimepicker-inline {
  width: 220px;
}

.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}

[class*=" datetimepicker-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;
}

[class*=" datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
}

[class*=" datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}

[class*=" datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}

.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}

.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}

.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}

.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}

.datetimepicker > div {
  display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}

.datetimepicker.days div.datetimepicker-days {
  display: block;
}

.datetimepicker.months div.datetimepicker-months {
  display: block;
}

.datetimepicker.years div.datetimepicker-years {
  display: block;
}

.datetimepicker table {
  margin: 0;
}

.datetimepicker  td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}

.datetimepicker table tr td.minute:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datetimepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker 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);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker 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);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}

.datetimepicker 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;
}

.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}

.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}

.datetimepicker table tr td span:hover {
  background: #eeeeee;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker 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);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}

.datetimepicker table tr td span.old {
  color: #999999;
}

.datetimepicker th.switch {
  width: 145px;
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 32px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);*/
  /*background-image: linear-gradient(to top, #eee 0%, #fff 50%);*/
}

/*������������ʽ begin*/

.select2-wrap {
  width: 100%;
  height: 38px;
  margin: -1px;
  margin-left: 0px;
  background-color: white;
}

.select2-container .select2-hdbd {
  height: 39px;
  margin-top: -2px;
  padding-left: 4px;
}

.select2-container .select2-hdbd span {
  height: 38px;
  line-height: 35px;
}

/*������������ʽ end*/

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
  margin-top: 3px;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("../../include/select2/images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 5px;
  top: 0;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #e5e5e5;
  border-radius: 4px 0 0 4px;
  padding-right: 2px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../../include/select2/images/select2.png") no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 0px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url("../../include/select2/images/select2.png") no-repeat 100% -22px;
  background: url("../../include/select2/images/select2.png") no-repeat 100% -22px;
  background: url("../../include/select2/images/select2.png") no-repeat 100% -22px;
  background: url("../../include/select2/images/select2.png") no-repeat 100% -22px;
  background: url("../../include/select2/images/select2.png") no-repeat 100% -22px;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url("../../include/select2/images/select2.png") no-repeat -37px -22px;
  background: url("../../include/select2/images/select2.png") no-repeat -37px -22px;
  background: url("../../include/select2/images/select2.png") no-repeat -37px -22px;
  background: url("../../include/select2/images/select2.png") no-repeat -37px -22px;
  background: url("../../include/select2/images/select2.png") no-repeat -37px -22px;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff url("../../include/select2/images/select2-spinner.gif") no-repeat 100%;
  background: url("../../include/select2/images/select2-spinner.gif") no-repeat 100%;
  background: url("../../include/select2/images/select2-spinner.gif") no-repeat 100%;
  background: url("../../include/select2/images/select2-spinner.gif") no-repeat 100%;
  background: url("../../include/select2/images/select2-spinner.gif") no-repeat 100%;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */

.select2-results {
  max-height: 200px;
  padding: 0 4px;
  margin: 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
  padding: 0 4px;
  margin: 4px 0;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  height: 24px;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/

.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("../../include/select2/images/select2-spinner.gif") no-repeat 100%;
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, .2);
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("../../include/select2/images/select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 6px 5px 0px 0;
  padding: 3px 18px 3px 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 1px;
  outline: none;
  background: url("../../include/select2/images/select2.png") right top no-repeat;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}



html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url("../../include/select2/images/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }

  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.layui-layer-imgbar,
.layui-layer-imgtit a,
.layui-layer-tab .layui-layer-title span,
.layui-layer-title {
  text-overflow: ellipsis;
  white-space: nowrap;
}

*html {
  background-image: url("../../include/layer/layer/skin/default/about:blank");
  background-attachment: fixed;
}

html #layuicss-skinlayercss {
  display: none;
  position: absolute;
  width: 1989px;
}

.layui-layer,
.layui-layer-shade {
  position: fixed;
  _position: absolute;
  pointer-events: auto;
}

.layui-layer-shade {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  _height: expression(document.body.offsetHeight+"px");
}

.layui-layer {
  -webkit-overflow-scrolling: touch;
  top: 150px;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  -webkit-background-clip: content;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.layui-layer-close {
  position: absolute;
}

/*.layui-layer-content {
	position: relative
}*/

.layui-layer-border {
  border: 1px solid #B2B2B2;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}

.layui-layer-load {
  background: url("../../include/layer/layer/skin/default/loading-1.gif") center center no-repeat #eee;
}

.layui-layer-ico {
  background: url("../../include/layer/layer/skin/default/icon.png") no-repeat;
}

.layui-layer-btn a,
.layui-layer-dialog .layui-layer-ico,
.layui-layer-setwin a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

.layui-layer-move {
  display: none;
  position: fixed;
  *position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: move;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #fff;
  z-index: 2147483647;
}

.layui-layer-resize {
  position: absolute;
  width: 15px;
  height: 15px;
  right: 0;
  bottom: 0;
  z-index: 100;
  cursor: se-resize;
}

.layui-layer {
  border-radius: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
}

@-webkit-keyframes layer-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes layer-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.layer-anim {
  /*-webkit-animation-name: layer-bounceIn;
	animation-name: layer-bounceIn;*/
}

/*为侧变滑增加动画效果*/

.layer-anim.silde {
  transition: 0.4s;
  -moz-transition: 0.4s;
  /* Firefox 4 */
  -webkit-transition: 0.4s;
  /* Safari 和 Chrome */
  -o-transition: 0.4s;
  /* Opera */
}

@-webkit-keyframes layer-zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes layer-zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.layer-anim-01 {
  -webkit-animation-name: layer-zoomInDown;
  animation-name: layer-zoomInDown;
}

@-webkit-keyframes layer-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes layer-fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.layer-anim-02 {
  -webkit-animation-name: layer-fadeInUpBig;
  animation-name: layer-fadeInUpBig;
}

@-webkit-keyframes layer-zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes layer-zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.layer-anim-03 {
  -webkit-animation-name: layer-zoomInLeft;
  animation-name: layer-zoomInLeft;
}

@-webkit-keyframes layer-rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}

@keyframes layer-rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
  }
}

.layer-anim-04 {
  -webkit-animation-name: layer-rollIn;
  animation-name: layer-rollIn;
}

@keyframes layer-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.layer-anim-05 {
  -webkit-animation-name: layer-fadeIn;
  animation-name: layer-fadeIn;
}

@-webkit-keyframes layer-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes layer-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.layer-anim-06 {
  -webkit-animation-name: layer-shake;
  animation-name: layer-shake;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.layui-layer-title {
  padding: 0 80px 0 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
  background-color: #45535E;
  border-radius: 2px 2px 0 0;
}

.layui-layer-setwin {
  position: absolute;
  right: 15px;
  *right: 0;
  top: 15px;
  font-size: 0;
  line-height: initial;
}

.layui-layer-setwin a {
  position: relative;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  font-size: 12px;
  _overflow: hidden;
}

.layui-layer-setwin .layui-layer-min cite {
  position: absolute;
  width: 14px;
  height: 2px;
  left: 0;
  top: 50%;
  margin-top: -1px;
  background-color: #2E2D3C;
  cursor: pointer;
  _overflow: hidden;
}

.layui-layer-setwin .layui-layer-min:hover cite {
  background-color: #2D93CA;
}

.layui-layer-setwin .layui-layer-max {
  background-position: -32px -40px;
}

.layui-layer-setwin .layui-layer-max:hover {
  background-position: -16px -40px;
}

.layui-layer-setwin .layui-layer-maxmin {
  background-position: -65px -40px;
}

.layui-layer-setwin .layui-layer-maxmin:hover {
  background-position: -49px -40px;
}

.layui-layer-setwin .layui-layer-close1 {
  background-position: 1px -40px;
  cursor: pointer;
}

.layui-layer-setwin .layui-layer-close1:hover {
  opacity: .7;
}

.layui-layer-setwin .layui-layer-close2 {
  position: absolute;
  right: -28px;
  top: -28px;
  width: 30px;
  height: 30px;
  margin-left: 0;
  background-position: -149px -31px;
  *right: -18px;
  _display: none;
}

.layui-layer-setwin .layui-layer-close2:hover {
  background-position: -180px -31px;
}

.layui-layer-btn {
  text-align: right;
  padding: 0 10px 12px;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
}

.layui-layer-btn a {
  height: 28px;
  line-height: 28px;
  margin: 6px 6px 0;
  padding: 0 15px;
  border: 1px solid #dedede;
  background-color: #f1f1f1;
  color: #333;
  border-radius: 2px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
}

.layui-layer-btn a:hover {
  opacity: .9;
  text-decoration: none;
}

.layui-layer-btn a:active {
  opacity: .8;
}

.layui-layer-btn .layui-layer-btn0 {
  border-color: #4898d5;
  background-color: #2e8ded;
  color: #fff;
}

.layui-layer-btn-l {
  text-align: left;
}

.layui-layer-btn-c {
  text-align: center;
}

.layui-layer-dialog {
  min-width: 260px;
}

.layui-layer-dialog .layui-layer-content {
  /*position: relative;*/
  padding: 20px;
  line-height: 24px;
  word-break: break-all;
  overflow: hidden;
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: auto;
}

.layui-layer-dialog .layui-layer-content .layui-layer-ico {
  position: absolute;
  top: 66px;
  left: 15px;
  _left: -40px;
  width: 30px;
  height: 30px;
}

.layui-layer-ico1 {
  background-position: -30px 0;
}

.layui-layer-ico2 {
  background-position: -60px 0;
}

.layui-layer-ico3 {
  background-position: -90px 0;
}

.layui-layer-ico4 {
  background-position: -120px 0;
}

.layui-layer-ico5 {
  background-position: -150px 0;
}

.layui-layer-ico6 {
  background-position: -180px 0;
}

.layui-layer-rim {
  border: 6px solid #8D8D8D;
  border: 6px solid rgba(0, 0, 0, .3);
  border-radius: 5px;
  box-shadow: none;
}

.layui-layer-msg {
  min-width: 180px;
  border: 1px solid #D3D4D3;
  box-shadow: none;
}

.layui-layer-hui {
  min-width: 100px;
  background-color: #000;
  filter: alpha(opacity=60);
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  border: none;
}

.layui-layer-hui .layui-layer-content {
  padding: 12px 25px;
  text-align: center;
}

.layui-layer-dialog .layui-layer-padding {
  padding: 20px 20px 20px 55px;
  text-align: left;
}

.layui-layer-page .layui-layer-content {
  overflow: auto;
}

.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn {
  padding-top: 10px;
}

.layui-layer-nobg {
  background: 0 0;
}

.layui-layer-iframe iframe {
  display: block;
  width: 100%;
}

.layui-layer-loading {
  border-radius: 100%;
  background: 0 0;
  box-shadow: none;
  border: none;
}

.layui-layer-loading .layui-layer-content {
  width: 60px;
  height: 24px;
  background: url("../../include/layer/layer/skin/default/loading-0.gif") no-repeat;
}

.layui-layer-loading .layui-layer-loading1 {
  width: 37px;
  height: 37px;
  background: url("../../include/layer/layer/skin/default/loading-1.gif") no-repeat;
}

.layui-layer-ico16,
.layui-layer-loading .layui-layer-loading2 {
  width: 32px;
  height: 32px;
  background: url("../../include/layer/layer/skin/default/loading-2.gif") no-repeat;
}

.layui-layer-tips {
  background: 0 0;
  box-shadow: none;
  border: none;
}

.layui-layer-tips .layui-layer-content {
  /*position: relative;*/
  line-height: 22px;
  min-width: 12px;
  padding: 5px 10px;
  font-size: 12px;
  _float: left;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
  background-color: #000;
  color: #fff;
}

.layui-layer-tips .layui-layer-close {
  right: -2px;
  top: -1px;
}

.layui-layer-tips i.layui-layer-TipsG {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 8px;
  border-color: transparent;
  border-style: dashed;
  *overflow: hidden;
}

.layui-layer-tips i.layui-layer-TipsB,
.layui-layer-tips i.layui-layer-TipsT {
  left: 5px;
  border-right-style: solid;
  border-right-color: #000;
}

.layui-layer-tips i.layui-layer-TipsT {
  bottom: -8px;
}

.layui-layer-tips i.layui-layer-TipsB {
  top: -8px;
}

.layui-layer-tips i.layui-layer-TipsL,
.layui-layer-tips i.layui-layer-TipsR {
  top: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000;
}

.layui-layer-tips i.layui-layer-TipsR {
  left: -8px;
}

.layui-layer-tips i.layui-layer-TipsL {
  right: -8px;
}

.layui-layer-lan[type=dialog] {
  min-width: 280px;
}

.layui-layer-lan .layui-layer-title {
  background: #4476A7;
  color: #fff;
  border: none;
}

.layui-layer-lan .layui-layer-btn {
  padding: 5px 10px 10px;
  text-align: right;
  border-top: 1px solid #E9E7E7;
}

.layui-layer-lan .layui-layer-btn a {
  background: #BBB5B5;
  border: none;
}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
  background: #C9C5C5;
}

.layui-layer-molv .layui-layer-title {
  background: #009f95;
  color: #fff;
  border: none;
}

.layui-layer-molv .layui-layer-btn a {
  background: #009f95;
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
  background: #92B8B1;
}

.layui-layer-iconext {
  background: url("../../include/layer/layer/skin/default/icon-ext.png") no-repeat;
}

.layui-layer-prompt .layui-layer-input {
  display: block;
  width: 220px;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  padding: 0 5px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset;
  color: #333;
}

.layui-layer-prompt textarea.layui-layer-input {
  width: 300px;
  height: 100px;
  line-height: 20px;
}

.layui-layer-prompt .layui-layer-content {
  padding: 20px;
}

.layui-layer-prompt .layui-layer-btn {
  padding-top: 0;
  border-top: 1px #eee solid;
  padding-top: 5px;
}

.layui-layer-tab {
  box-shadow: 1px 1px 50px rgba(0, 0, 0, .4);
}

.layui-layer-tab .layui-layer-title {
  padding-left: 0;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  overflow: visible;
}

.layui-layer-tab .layui-layer-title span {
  position: relative;
  float: left;
  min-width: 80px;
  max-width: 260px;
  padding: 0 20px;
  text-align: center;
  cursor: default;
  overflow: hidden;
}

.layui-layer-tab .layui-layer-title span.layui-layer-tabnow {
  height: 43px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #fff;
  z-index: 10;
}

.layui-layer-tab .layui-layer-title span:first-child {
  border-left: none;
}

.layui-layer-tabmain {
  line-height: 24px;
  clear: both;
}

.layui-layer-tabmain .layui-layer-tabli {
  display: none;
}

.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer {
  display: block;
}

.xubox_tabclose {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}

.layui-layer-photos {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}

.layui-layer-photos .layui-layer-content {
  overflow: hidden;
  text-align: center;
}

.layui-layer-photos .layui-layer-phimg img {
  position: relative;
  width: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

.layui-layer-imgbar,
.layui-layer-imguide {
  display: none;
}

.layui-layer-imgnext,
.layui-layer-imgprev {
  position: absolute;
  top: 50%;
  width: 27px;
  _width: 44px;
  height: 44px;
  margin-top: -22px;
  outline: 0;
  blr: expression(this.onFocus=this.blur());
}

.layui-layer-imgprev {
  left: 10px;
  background-position: -5px -5px;
  _background-position: -70px -5px;
}

.layui-layer-imgprev:hover {
  background-position: -33px -5px;
  _background-position: -120px -5px;
}

.layui-layer-imgnext {
  right: 10px;
  _right: 8px;
  background-position: -5px -50px;
  _background-position: -70px -50px;
}

.layui-layer-imgnext:hover {
  background-position: -33px -50px;
  _background-position: -120px -50px;
}

.layui-layer-imgbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: rgba(0, 0, 0, .8);
  background-color: #000\9;
  filter: Alpha(opacity=80);
  color: #fff;
  overflow: hidden;
  font-size: 0;
}

.layui-layer-imgtit * {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  font-size: 12px;
}

.layui-layer-imgtit a {
  max-width: 65%;
  overflow: hidden;
  color: #fff;
}

.layui-layer-imgtit a:hover {
  color: #fff;
  text-decoration: underline;
}

.layui-layer-imgtit em {
  padding-left: 10px;
  font-style: normal;
}

@-webkit-keyframes layer-bounceOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7);
  }

  30% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes layer-bounceOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
  }

  30% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.layer-anim-close {
  -webkit-animation-name: layer-bounceOut;
  animation-name: layer-bounceOut;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
}

@media screen and (max-width:1100px) {
  .layui-layer-iframe {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/*  
ͨ��bodyǰ׺����Ϊ��ȷ����Ƥ�������ȼ�
�����ͨ�����Թ������ø�����ʽ 
*/

body .layer-ext-ydj .layui-layer-title {
  background-color: #45535E;
  color: white;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}

body .layer-ext-ydj .layui-layer-setwin {
  top: 18px;
}

body .layer-ext-ydj .layui-layer-btn {
  border-top: solid 1px #D5D6DA;
  padding: 10px;
}

body .layer-ext-ydj .layui-layer-btn a {
  margin: 0px 6px;
  padding: 0px 22px;
  border-radius: 3px;
  background-color: white;
  border-color: #6B8299;
  color: #6B8299;
}

body .layer-ext-ydj .layui-layer-btn a:hover {
  background-color: #A3B8CC;
  border-color: #A3B8CC;
  color: white;
}

body .layer-ext-ydj a.layui-layer-btn0 {
  background-color: #00AAEF;
  border-color: #00AAEF;
  color: white;
}

body .layer-ext-ydj a:hover.layui-layer-btn0 {
  background-color: #529DE3;
  border-color: #529DE3;
}

.layui-layer-setwin .layui-layer-min cite {
  background-color: #E5E5E5;
}

/* msg ��Ϣ����ʽ */

body .layer-ext-ydj-msg1 .layui-layer-content,
body .layer-ext-ydj-msg2 .layui-layer-content,
body .layer-ext-ydj-msg3 .layui-layer-content,
body .layer-ext-ydj-msg4 .layui-layer-content {
  color: #fff;
  padding: 8px 15px;
}

body .layer-ext-ydj-msg1,
body .layer-ext-ydj-msg2,
body .layer-ext-ydj-msg3,
body .layer-ext-ydj-msg4 {
  min-width: 50px;
}

body .layer-ext-ydj-msg1 {
  background: #7CBC37;
}

body .layer-ext-ydj-msg2 {
  background: #FF4343;
}

body .layer-ext-ydj-msg3 {
  background: #EE960C;
}

body .layer-ext-ydj-msg4 {
  background: #222D32;
}
/*公用样式*/

.no-pad {
  padding: 0 !important;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #fff;
}

.select2-container .select2-choice {
  border-radius: 2px;
}

.fix-absolute.Btn-menu {
  position: absolute;
}

/*快捷搜索框样式*/

#quick-search {
  background: #f7f9fb;
  width: 200px;
  height: 35px;
  margin-right: 10px;
}

/*倒计时样式*/

.data-show-box {
  line-height: 30px;
}

.date-tiem-span,
.date-s-span {
  display: inline-block;
  font-size: 18px;
  width: 34px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  margin: 0 3px;
}

.date-tiem-span {
  background: #777;
}

.date-s-span {
  background: rgba(255, 0, 0, 0.5);
}

.

/*表体下拉框样式 begin*/
.select2-wrap {
  width: 100%;
  height: 38px;
  margin: -1px;
  margin-left: 0px;
  background-color: #fff;
}

.select2-container .select2-hdbd {
  height: 39px;
  margin-top: -2px;
  padding-left: 4px;
}

.select2-container .select2-hdbd span {
  height: 38px;
  line-height: 35px;
}

/*表体下拉框样式 end*/

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 29px;
  position: absolute;
  border-left: none;
  right: 5px;
  top: 1px;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #fff;
}

/* results */

.select2-results {
  max-height: 200px;
  padding: 0 4px;
  margin: 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.product_bluebtn {
  background: #019fe8;
  color: #fff;
  line-height: 30px;
  border: none;
  padding: 0 10px;
  border-radius: 3px !important;
}

html[dir="rtl"] .select2-results {
  padding: 0 4px;
  margin: 4px 0;
}

.select2-search-choice-close {
  top: 3px;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.form-control .select2-choice {
  height: 33px;
}

.ztree {
  background-color: #ffffff;
}

.ztree * {
  background-color: #fff;
  color: #000;
}

.ztree li span {
  line-height: 21px;
}

.ztree li span.button::before {
  color: #000 !important;
}

.ztree li a.curSelectedNode {
  padding-top: 0;
  background-color: #e5e5e5;
  color: #000;
  height: 21px;
  opacity: .8;
}

.ztree li span.button {
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 21px !important;
  height: 21px !important;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("../../images/metro.png");
}

.ztree li span.button.root_open {
  background-position: -105px -63px;
}

.ztree li span.button.ico_open {
  margin-right: 2px;
  background-position: -147px -21px;
  vertical-align: top;
}

.ztree li span.button.ico_docu {
  margin-right: 2px;
  background-position: -147px -42px;
  vertical-align: top;
}

.ztree li span.button.center_open {
  background-position: -105px -21px;
}

.ztree li span.button.center_close {
  background-position: -126px -21px;
}

.ztree li span.button.root_close {
  background-position: -126px -63px;
}

.ztree li span.button.center_docu {
  background-position: -84px -21px;
}

.ztree li span.button.bottom_docu {
  background-position: -84px -42px;
}

.ztree li span.button.bottom_close {
  background-position: -126px -42px;
}

.ztree li span.button.bottom_open {
  background-position: -105px -42px;
}

.ztree li span.button.ico_close {
  margin-right: 2px;
  margin-right: 2px;
  background-position: -147px 0;
  vertical-align: top;
}

.ztree li span.button.root_open::before {
  content: "";
}

.ztree li span.button.bottom_open::before {
  content: "";
}

.ztree li span.button.center_close::before {
  content: "";
}

.ztree li span.button.ico_open::before {
  content: "";
}

.ztree li span.button.center_open::before {
  content: "";
}

.ztree li span.button.bottom_close::before {
  content: "";
}

.ztree li span.button.root_close::before {
  content: "";
}

.ztree li span.button.ico_close::before {
  content: "";
}

.ztree li span.button.ico_docu::before {
  content: "";
}

.ztree li span.button.ico_close::before {
  content: "";
}

/*覆盖jquery-ui的样式*/

.ui-state-disabled {
  cursor: default !important;
  display: none !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #eaf7ff;
  background: #fff6e5 !important;
  color: #363636;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-image: none;
}

.ui-widget-content {
  background: #fff;
}

.form-body .ui-widget-content,
.form-body .ui-jqgrid .ui-jqgrid-view,
.form-body .ui-jqgrid .ui-jqgrid-bdiv {
  position: inherit;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  display: none;
}

.ui-th-ltr,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
  background: none;
}

.ui-corner-bottom {
  background: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #edf0f2 !important;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 1;
  background: #f5f6f7;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
  color: #b8c7ce;
  top: 8px;
  font-size: 21px;
  left: 12px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 20px 3px 8px;
  margin: 5px 0 3px 5px;
  color: #6B8299;
  border: 1px solid #6B8299;
  border-radius: 3px !important;
  background-image: none;
  background-color: #F2F4F7;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.layui-layer-setwin .layui-layer-min cite {
  background-color: #E5E5E5;
}

body .layer-ext-ydj .layui-layer-title {
  background-color: #45535E;
  color: white;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
  color: #529de3;
}

.dropdown-cloud .dropdown-menu {
  left: 0 !important;
}

.dropdown-cloud .dropdown-menu::before {
  content: '';
  right: 238px !important;
}

.dropdown-cloud .dropdown-menu::after {
  content: '';
  right: 239px !important;
}

.dropdown-cloud .dropdown-menu .external {
  background-color: #ffffff !important;
}

.dropdown-cloud .dropdown-menu .external h3 {
  color: #000 !important;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 3px;
}

.block-spinner-bar>div,
.page-spinner-bar>div {
  background: #53B2DF;
}

.select2-container .select2-choice {
  border: 1px solid #cacaca;
}

.select2-container .select2-choice>.select2-chosen {
  line-height: 30px;
}

.select2-drop-active {
  border: 1px #75b9f0 solid;
  border-top: none;
}

.select2-search input {
  border: 1px solid #75b9f0;
}

.select2-dropdown-open .select2-choice {
  background-color: #fff;
  background-image: none;
}

.select2-results .select2-highlighted {
  background: #00AAEF;
  color: #fff;
}

@media (max-width: 991px) {
  .list-menu-btnstyle {
    margin-top: -9px;
  }

  .page-header.navbar .page-top {
    height: 46px;
    background: #ffffff;
  }

  .page-header.navbar {
    left: 1px;
    top: -1px;
  }
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
  height: 30px;
  line-height: 30px;
  margin-top: 0px;
}

.ui-jqgrid .ui-icon-asc,
.ui-jqgrid .ui-icon-desc {
  margin-top: 7px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../../images/ui-icons_222222_256x240.png");
}

/*显示隐藏列样式*/

.ui-multiselect .ui-icon.ui-icon-minus,
.ui-multiselect .ui-icon.ui-icon-plus {
  background: none;
}

.ui-multiselect .ui-state-hover .ui-icon.ui-icon-minus {
  background: url("../../images/show_list.png") no-repeat;
  background-size: cover;
}

.ui-multiselect .ui-state-hover .ui-icon.ui-icon-plus {
  background: url("../../images/hide_list.png") no-repeat;
  background-size: cover;
}

.layui-layer-resize {
  z-index: 300 !important;
}

.overflowhidden {
  overflow: hidden !important;
}

.navbar {
  border: none !important;
}

.page-tabs-fixed .tabbable-custom {
  margin-top: -1px;
}

/*在bootstrap上作的改动覆盖原版本*/

.row {
  margin-right: -10px;
  margin-left: -6px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 11px;
}

.form-control {
  display: block;
  width: 100%;
  height: 33px;
  line-height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cacaca;
  border-radius: 4px;
}

.form-control:focus {
  border-color: rgba(82, 168, 236, 0.8) !important;
  box-shadow: 0 0 3px rgba(82, 157, 227, 0.8) !important;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: text;
}

.form-group {
  padding: 3px 0;
  border-radius: 3px !important;
  margin-bottom: 3px;
}

.form-group:hover {
  background: #F2F4F7;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: text;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: text;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: text;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 5px;
    margin-bottom: 0;
    text-align: right;
  }
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: text;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: text;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.pull-right > .dropdown-menu {
  right: 0;
  left: -110px;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  /*border-radius: 0;*/
}

.input-group-addon {
  padding: 6px 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: text;
  background-color: transparent;
}

.navbar-collapse.collapse {
  display: block !important;
  height: 100% !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: text;
  background-color: #fff;
  border-color: #ddd;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: text;
  background-color: #fff;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: text;
  background-color: #eee;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 1px !important;
  border: 1px solid transparent;
}

.page-header {
  padding-bottom: 9px;
  margin: 0px 0 0px;
  border-bottom: 1px solid #eee;
}

/*因为我设置的是根据主体大小12px进行设置，rem布局*/

html,
body {
  font-size: 12px;
  background: #f6f6f6;
  overflow-x: hidden;
}

/*过滤方案*/

.tab-more {
  margin-bottom: .2rem;
  position: relative;
  line-height: 2.5rem;
}

.tab-more span {
  cursor: pointer;
}

/*列表界面刷新按钮*/

.table-refresh-icon {
  background: url("../../images/refresh_icon.png") no-repeat;
  background-size: 20px 20px;
  background-position: 0px -2px;
  padding-right: 5px;
  text-indent: 25px;
}

.ui-pg-button:hover .table-refresh-icon {
  background: url("../../images/refresh_icon_hover.png") no-repeat;
  background-size: 20px 20px;
  background-position: 0px -2px;
}

/*列表图片样式设置*/

div.list-div-show {
  height: 40px;
  text-align: center;
  list-style-type: none;
}

ul.list-show {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 40px;
}

ul.list-show li {
  display: inline;
  width: 40px;
  height: 40px;
}

ul.list-show li img {
  display: block;
  display: inline;
  width: 32px;
  height: 32px;
}

td ul.list-show li:first-child img {
  width: 32px;
  height: 32px;
}

/*单据图片样式设置*/

table tr td .w-quene.clearfix:before {
  display: block;
  height: 0px;
}

table tr td .w-quene.clearfix:after {
  display: block;
  height: 0px;
}

div.bill-div-show {
  max-height: 72px;
  text-align: center;
  list-style-type: none;
}

ul.bill-show {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  max-width: 112px;
  max-height: 72px;
  font-size: 18px;
}

ul.bill-show li {
  display: inline;
  width: 36px;
  height: 36px;
}

ul.bill-show li img {
  display: block;
  display: inline;
  width: 36px;
  height: 36px;
}

td ul.bill-show li:first-child img {
  width: 40px;
  height: 40px;
}

.list-menu-btnstyle button#openSearch {
  background: url("../../images/search_icon.png") no-repeat !important;
  background-position: 7px 5px !important;
  background-size: 17px 17px !important;
  border-radius: 4px !important;
}

.list-menu-btnstyle button#openSearch.openBtnClcik {
  background: #16325C url("../../images/search_icon_hover.png") no-repeat !important;
  background-position: 7px 5px !important;
  background-size: 17px 17px !important;
}

.priselect {
  border: 0;
  color: #529DE3;
}

.close_search {
  width: 15px;
  height: 15px;
  display: inline-block;
  float: right;
  margin-right: 25px;
  margin-top: 7px;
  opacity: .6;
  cursor: pointer;
  background: url("../../images/close_icon.png");
  background-size: 15px 15px;
}

.close_search:hover {
  opacity: .7;
}

/*页面内的菜单列表*/

.page-menu-list {
  display: none;
}

.list-menu-btnstyle {
  min-height: 35px !important;
  padding: 5px 10px;
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 101;
  border: 1px #dcdcdc solid;
  margin-top: 2px;
}

.layui-layer-content .list-menu-btnstyle {
  /*width: 100% !important;*/
  margin-top: -4px !important;
  /*margin-left:-15px;*/
}

.layui-layer-content div#panl {
  width: 96%;
  margin-top: -15px !important;
}

.list-menu-btnstyle:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 11px;
  left: 0;
  top: -12px;
  background: #f6f6f6;
}

.list-menu-btnstyle button {
  min-width: 30px;
  min-height: 28px;
  color: #16325C;
  background: #F7F9FB;
  border-radius: 6px !important;
}

.list-menu-btnstyle button#tbArrlist {
  background: url("../../images/show_icon.png") no-repeat !important;
  background-position: 6px 4px !important;
  background-size: 20px 20px !important;
}

.list-menu-btnstyle button#tbArrlist:hover {
  background: #e6e6e6 url("../../images/show_icon.png") no-repeat !important;
  background-position: 6px 4px !important;
  background-size: 20px 20px !important;
}

.list-menu-btnstyle button#tbRefresh {
  background: url("../../images/refresh_icon.png") no-repeat !important;
  background-position: 6px 4px !important;
  background-size: 20px 20px !important;
}

.list-menu-btnstyle button#tbRefresh:hover {
  background: #e6e6e6 url("../../images/refresh_icon.png") no-repeat !important;
  background-position: 6px 4px !important;
  background-size: 20px 20px !important;
}

[menu="showrecord"] {
  float: left !important;
  margin-left: 15px;
}

.tab_title [menu="save"] {
  background: #00AAEF;
  border: 1px #25a7e2 solid;
}

.tab_title [menu="save"] button {
  background: #00AAEF !important;
  color: #fff !important;
}

.tab_title [menu="save"]:hover {
  background: #119ed7 !important;
}

.tab_title [menu="save"]:hover button {
  background: #119ed7 !important;
  color: #fff !important;
}

.droplist_more {
  color: #5d5d5d;
  width: 30px;
  cursor: pointer;
  background: url("../../images/more_icon.png") no-repeat !important;
  background-position: 7px 5px !important;
  background-size: 17px 18px !important;
  display: inline-block;
  height: 28px;
  line-height: 28px !important;
}

.droplist_more:hover {
  background: #e6e6e6 url("../../images/more_icon.png") no-repeat !important;
  background-position: 7px 5px !important;
  background-size: 17px 18px !important;
}

.droplist_top_box {
  display: none;
}

.Btn-menu {
  min-height: 49px;
  background: #fff;
}

.Btn-menu.static-menu.dialog-actions {
  display: block !important;
}

.Bdropbtn_box #tbSave {
  border: 0;
  height: 24px;
  width: 95px;
  color: #fff;
  text-indent: 0 !important;
}

.Btn-menu #tbAudit {
  background: url("../../images/audit_icon_bmenu.png") no-repeat !important;
  background-position: 4px 1px !important;
  background-size: 20px 20px !important;
}

.Btn-menu #tbSubmit {
  background: url("../../images/submit_icon_bmenu.png") no-repeat !important;
  background-position: 4px 1px !important;
  background-size: 20px 20px !important;
}

/*点击按钮显示更多选项*/

.top-form .dropdown-menu {
  margin-top: 5px;
  max-height: 20rem;
  overflow: auto;
  width: 190px;
  text-align: center;
}

.top-form .common .dropdown-menu {
  left: 50px;
}

.top-form .dropdown-menu a:hover {
  background-color: #45535e;
  color: #fff !important;
}

.top-form.acth {
  width: 871px
	position: absolute;
  z-index: 102;
  background-color: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 5%;
  box-shadow: 5px 2px 3px #ccc;
}

.top-form form {
  position: relative;
  border: 1px #e0e0e0 solid;
  border-radius: 4px !important;
  background: #fbffca;
  padding: 30px 0 10px 0 !important;
  margin-bottom: 15px;
}

.top-form form:first-child {
  padding-top: 10px !important;
}

.top-form form a#deleteOne {
  position: absolute;
  z-index: 103;
  right: 22px;
  top: 6px;
}

.top-form form div.input-group ul.dropdown-menu li a {
  text-align: left;
  font-size: 12px;
  border-bottom: 1px #f0f0f0 solid;
  height: 30px;
  line-height: 30px;
  color: #000;
  padding-top: 0px;
  padding-bottom: 0px;
}

.top-form form div.input-group ul.dropdown-menu li:last-child a {
  border-bottom: none;
}

/*仅仅为了隐藏而设置的属性*/

.calendar.child,
.box.child,
.look.child,
.common.child .input-group-btn {
  display: none;
}

.a-hide {
  display: none;
}

.col-md-8 {
  position: relative;
}

#save-as {
  position: absolute;
  z-index: 103;
  right: 175px;
  bottom: -10px;
}

#moreDrop {
  position: absolute;
  z-index: 103;
  left: 10px;
  bottom: -10px;
}

#top-reset {
  position: absolute;
  z-index: 103;
  right: 10px;
  bottom: -10px;
}

#top-save {
  position: absolute;
  z-index: 103;
  right: 90px;
  bottom: -10px;
}

#deleteOne i {
  color: #adadad;
}

.col-md-8>form {
  display: none;
  margin: .2rem 0;
}

.col-md-8>form:nth-child(1) {
  display: block;
}

.top-form.col-md-8 {
  width: 866px;
}

.top-form.col-md-8 .col-md-4 .input-group {
  width: 100%;
}

.top-func-right {
  height: 3.5rem;
  line-height: 2.5rem;
  text-align: center;
}

/*隐藏的搜索功能面板样式*/

#funcPanl.active {
  height: 100px;
  background-color: #fff;
  margin-bottom: 15px;
}

.pri-search {
  width: 60px;
  height: 28px;
  background: #529DE3;
  color: #fff;
  margin-right: 10px;
  line-height: 17px !important;
  border-radius: 3px !important;
}

.pri-search:hover {
  background: #1e82e0;
  color: #fff;
}

.pri-save,
.pri-edit,
.pri-reset {
  width: 60px;
  height: 28px;
  background: #fff;
  border: 1px #6B8299 solid;
  color: #6B8299;
  margin-right: 10px;
  line-height: 17px !important;
  border-radius: 3px !important;
}

.pri-save:hover,
.pri-edit:hover,
.pri-reset:hover {
  background: #6B8299;
  color: #fff;
}

div#panl {
  height: 89px;
  margin-top: -3px;
  border-left: 1px #d3e1ee solid;
  border-right: 1px #d3e1ee solid;
  overflow-x: hidden;
  background: #fff;
  position: relative;
}

div#panl .panl-border {
  height: 89px;
  width: 100%;
  position: absolute;
  border-bottom: 6px #d3e1ee solid;
  z-index: 102;
}

div#panl ul {
  position: relative;
  height: 89px;
  overflow-x: auto;
  overflow-y: hidden;
}

div#panl ul .panl-fixed-right {
  width: 45px;
  height: 86px;
}

.tab-more-zhen.moreLi {
  height: 94px !important;
}

ul li,
li {
  list-style: none;
}

/*本来是让第七个的样式,为了测试,写成第五个*/

/* ul.tab-more-zhen>li:nth-child(7){
	height: 72px;
} */

ul.tab-more-zhen>li {
  width: 10.5%;
  z-index: 103;
  background: #fff;
  padding-top: 15px;
  text-align: center;
  cursor: pointer;
  height: 89px;
  border-bottom: 6px #d3e1ee solid;
  position: absolute;
}

ul.tab-more-zhen>li div.btn-group,
ul.tab-more-zhen>li div.btn-group button {
  height: 65px;
  width: 44px;
}

ul.tab-more-zhen>li.active {
  background: #ffffff;
  border-bottom: 6px #529de3 solid;
  z-index: 103;
}

ul.tab-more-zhen >li.over div.title {
  color: #607a8f;
}

ul.tab-more-zhen >li.over div.num {
  color: #607a8f;
}

ul.tab-more-zhen >li.active div.title {
  color: #0589c7;
}

ul.tab-more-zhen >li.active div.num {
  color: #0589c7;
}

ul.tab-more-zhen >li.active div.nummount {
  color: #0589c7;
}

ul.tab-more-zhen >li div.title {
  color: #8aadbb;
  font-size: 14px;
  height: 20px;
}

ul.tab-more-zhen >li div.num {
  color: #8aadbb;
  padding-top: 3px;
  font-size: 12px;
}

ul.tab-more-zhen >li div.nummount {
  font-size: 18px;
  color: #8aadbb;
}

.tab-more-zhen .title .fa-times-circle {
  display: none;
  font-size: 15px;
  float: right;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  padding-top: 8px;
}

#panl .list-filter-edit {
  right: 0;
  top: 0;
  width: 45px;
  border-left: 1px #d3e1ee solid;
  z-index: 103;
  background: #fff;
  padding-top: 15px;
  text-align: center;
  cursor: pointer;
  height: 89px;
  position: absolute;
  line-height: 72px;
  color: #8aadbb;
}

#panl .list-filter-edit .fa-edit {
  font-size: 23px;
}

#panl .list-filter-edit:hover .fa-edit {
  color: #607a8f;
}

#quickZhen {
  margin-bottom: 0px;
}

#quickZhenEdit div {
  padding: 0 10px;
  cursor: pointer;
}

#quickZhenEdit div:hover {
  background: #dcdcdc;
}

#privateBtn {
  padding-top: 4px;
  padding-bottom: 4px;
}

#privateBtn button {
  border-radius: 3px;
}

.top-func-right,
.col-md-1.pull-right.theBtn {
  padding-top: 4px;
  padding-right: 30px;
}

.tab_title {
  min-height: 48px;
  position: fixed !important;
  width: 100%;
  z-index: 8;
  margin: -8px 0 0 0px;
  background-color: #ffffff;
  border: 1px #dcdcdc solid;
}

.input-group .form-control {
  z-index: 0 !important;
}

/*.row > .col-md-12 > .tab_title {
    width: inherit !important;
}*/

.shell .tab_title {
  top: -37px;
}

.tab_title button {
  line-height: 20px;
  height: 28px;
  color: #16325C !important;
  background: #F7F9FB !important;
}

.tab_title button:active {
  background: #f7f9fb !important;
  color: #000 !important;
}

.tab_title .droplist_box {
  margin-top: 10px;
}

.tab_title .droplist_box i {
  height: 15px !important;
}

.tab_title .droplist2_box {
  margin-top: 9px;
  margin-right: 20px;
}

.tab_title .droplist2_box button {
  height: 35px;
  padding-left: 10px !important;
  line-height: 15px !important;
  background: #fff !important;
  width: 100%;
  text-align: left;
  margin-top: 0px;
  margin-left: 0 !important;
  border-bottom: 1px #fff solid;
  border-top: 1px #fff solid;
}

.tab_title .droplist2_box button:hover {
  padding-left: 10px !important;
  border-bottom: 1px #f7f7f7 solid;
  border-top: 1px #f7f7f7 solid;
}

.tab_title b {
  font-weight: normal;
  line-height: 55px;
  font-size: 20px;
  margin: 0px 10px;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tab_title i#other_info {
  width: 18px;
  height: 18px;
  margin-top: 20px;
  margin-bottom: -4px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  background: url("../../images/info_btn.png");
  cursor: pointer;
  float: left;
}

.tab_title ul {
  padding-left: 0;
  margin-top: 10px;
  float: right;
  margin-right: 20px;
  border: 1px #f2f2f2 solid;
}

.tab_title ul li {
  width: 80px;
  height: 40px;
  line-height: 40px;
  background-color: #fbfbfb;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border-right: 1px #f2f2f2 solid;
}

.tab_title ul li:last-child {
  border-right: 0px;
}

.tab_check {
  background-color: #529de3 !important;
  color: #fff !important;
  -webkit-box-shadow: 5px 5px inset #3c7fc9 !important;
  -moz-box-shadow: 5px 5px inset #3c7fc9 !important;
  -o-box-shadow: 5px 5px inset #3c7fc9 !important;
  box-shadow: 5px 5px inset #3c7fc9 !important;
}

.tab_btnbox {
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
  display: inline-block;
}

.tab_btnbox a {
  padding-left: 25px;
  margin-right: 20px;
  cursor: pointer;
  color: #777777;
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
}

.tab_btnbox a:hover {
  color: #4491e2;
  text-decoration: none;
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
}

.leftTab {
  width: 100%;
  display: inline-block;
}

.page-mtop {
  margin-top: 0px;
}

.layui-layer-content .tab_title {
  /*width: 98% !important;*/
  /*margin: 0px 0 0 -16px !important;*/
  /*margin-top: -13px !important;*/
  margin-top: -16px;
  margin-left: 0px;
}

body .layer-ext-ydj .layui-layer-setwin {
  position: absolute !important;
  z-index: 2;
}

.layui-layer-content .Btn-menu {
  width: 100% !important;
  margin-left: -15px !important;
}

.layui-layer-content {
  padding: 15px 20px 15px 10px;
}

.panl-fixed {
  height: 86px;
}

.menu-list-fixed {
  height: 50px;
}

/*基础资料多选样式*/

ul.wmul {
  padding-left: 0px;
  margin: 0px;
  width: 100%;
  border-bottom-left-radius: 3px;
  background: #fff;
  border-top-left-radius: 3px;
  min-height: 35px;
  border: 1px solid #cacaca;
}

ul.wmul li {
  padding: 3px 20px 3px 8px;
  margin: 5px 0 3px 5px;
  color: #6B8299;
  display: inline-block;
  border: 1px solid #6B8299;
  border-radius: 3px !important;
  background-image: none;
  background-color: #F2F4F7;
  filter: none;
  position: relative;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

ul.wmul li a {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 7px;
  top: 7px;
  font-size: 1px;
  outline: none;
  background: url("../../css/fw/min/images/select2.png") right top no-repeat;
}

/*个人设置与我的企业界面样式*/

.person_left {
  height: 300px;
  border: 1px #e0e0e0 solid;
  background: #fff;
}

.person_left ul li {
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px #eee solid;
}

.person_left ul li.active {
  background: #344B5E;
  color: #fff;
}

.person_box {
  border: 1px #e0e0e0 solid;
  border-radius: 4px !important;
  background: #fff;
  padding: 20px;
}

.person_title {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px #e0e0e0 solid;
}

.person_title span {
  text-align: center;
  background: #E4E4E4;
  display: inline-block;
  padding: 0 20px;
}

.save-btn {
  height: 30px;
  line-height: 30px;
  background: #00AAEF;
  padding: 0px 20px;
  color: #fff;
  border: none;
  border-radius: 3px !important;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  transition: 0.2s linear;
}

.save-btn:hover {
  background: #0087be;
  color: #FFF;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  transition: 0.2s linear;
}

.save-btn2 {
  height: 28px;
  line-height: 28px;
  background: #fff;
  padding: 0px 20px;
  color: #0079aa;
  border: 1px #0079aa solid !important;
  border-radius: 3px !important;
}

.save-btn2:hover {
  background: #4faeff;
  color: #fff;
}

.default-mgr {
  margin-right: 8px;
}

.default-mgl {
  margin-left: 8px;
}

.pad-default {
  padding: 5px 0;
}

/*底部有上边框的样式*/

.bordertopbox {
  position: absolute;
  bottom: 0;
  padding: 10px 0;
  border-top: 1px solid #ececec;
  width: 100%;
  left: 0;
}

/*列表界面显示隐藏列样式*/

ul.show-list,
ul.hide-list,
ul.nofilter-list li,
ul.filter-list li,
ul.sum-hide-list li,
ul.sum-show-list li,
ul.forzen-hide-list li,
ul.forzen-show-list li {
  padding: 0px;
  margin: 0px;
}

ul.show-list li,
ul.hide-list li,
ul.nofilter-list li,
ul.filter-list li,
ul.sum-hide-list li,
ul.sum-show-list li,
ul.forzen-hide-list li,
ul.forzen-show-list li {
  font-size: 12px;
  line-height: 30px;
  text-indent: 15px;
  cursor: default;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

ul.show-list li.hover,
ul.hide-list li.hover,
ul.nofilter-list li.hover,
ul.filter-list li.hover,
ul.sum-hide-list li.hover,
ul.sum-show-list li.hover,
ul.forzen-hide-list li.hover,
ul.forzen-show-list li.hover {
  background-color: #45535e;
  color: #fff;
  -webkit-transition: 0.1s ease-in;
  -moz-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  -ms-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}

.member-list li:hover {
  background: url("../../images/show_list.png") no-repeat;
  background-size: 25px 25px;
  background-position: 200px 2px;
}

.selected-member li:hover {
  background: url("../../images/hide_list.png") no-repeat;
  background-size: 25px 25px;
  background-position: 200px 2px;
}

.invite-member h4.col-md-5 {
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}

.group-title {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  background-color: #aeaeae;
}

.group-title:hover {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  background-color: #aeaeae;
}

.member-list {
  margin-left: 25px;
}

.member-list,
.selected-member {
  padding: 0;
}

.member-list::-webkit-scrollbar,
.selected-member::-webkit-scrollbar {
  width: 7px;
  background-color: #f5f5f5;
}

.member-list::-webkit-scrollbar-thumb,
.selected-member::-webkit-scrollbar-thumb {
  width: 7px;
  height: 25px;
  background-color: #ccc;
  border-radius: 5px;
}

/*搜索框样式*/

.page-search-pane {
  position: absolute;
  height: 100%;
  z-index: 100;
  width: 50%;
  border: 1px #ccc solid;
  right: 17px;
  padding: 0 10px 20px 10px;
  background: #fff;
  overflow-y: auto;
}

@media (max-width: 1024px) {
  .page-search-pane {
    width: 90%;
  }
}

@media (max-width: 1152px) {
  .page-search-pane {
    width: 85%;
  }
}

@media (max-width: 1280px) {
  .page-search-pane {
    width: 80%;
  }
}

@media (max-width: 1440px) {
  .page-search-pane {
    width: 70%;
  }
}

@media (max-width: 1680px) {
  .page-search-pane {
    width: 65%;
  }
}

.search-pane-current {
  padding: 15px 0;
  border-bottom: 1px #eee solid;
  margin-bottom: 10px;
}

.search-pane-current .current-title,
.search-pane-current .current-view,
.search-pane-current button,
.search-pane-current .filter-edit,
.search-pane-current .filter-save,
.search-pane-current .filter-saveas,
.search-pane-current .filter-close {
  margin-right: 5px;
  font-size: 14px;
}

.search-pane-current .current-title {
  font-size: 15px;
}

.search-pane-current .current-view {
  width: 150px;
  margin-top: -4px !important;
}

.search-pane-current button {
  border: 1px #2e82d7 solid;
  color: #2e82d7;
  border-radius: 4px !important;
  background: #fff;
  padding: 5px 15px;
  margin-right: 8px;
}

.search-pane-current button:hover {
  background: #f5f5f5;
}

.search-pane-current .filter-search {
  border: 1px #2e82d7 solid;
  color: #fff;
  border-radius: 4px !important;
  background: #4da5f1;
  outline: none;
}

.search-pane-current .filter-search:hover {
  background: #3990da;
}

/*标签下拉菜单样式*/

#tab_context_menu {
  position: absolute !important;
  top: 95px !important;
  margin-left: 20px;
}

/*index.css样式内容*/

.body {
  min-width: 750px;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
}

/*头部*/

.body .top {
  height: 45px;
  background-color: #449be0;
}

.top-nav {
  padding-top: 10px;
}

.top-left {
  float: left;
  width: 82px;
  height: 35px;
}

.top-center {
  height: 35px;
  float: left;
  width: 80%;
  min-width: 610px;
  list-style: none;
}

.top-navList {
  overflow: hidden;
}

.top-center li {
  float: left;
  z-index: 99;
  width: 10%;
  cursor: pointer;
  background: url("../../images/main-tab-bg.png");
}

.top-center li.current {
  background-image: url("../../images/main-tab-bg-current.png");
  background-position: right -34px;
  margin-right: -10px;
}

.top-center li .top-inner {
  position: relative;
  display: block;
  height: 34px;
  background-color: cadetblue;
}

.top-center li .top-inner:hover {
  background-color: green;
}

.top-center li .top-inner.current {
  background-color: white;
}

.top-center li .top-inner a.top-nav-item {
  display: block;
  height: 100%;
  text-align: center;
  line-height: 34px;
}

.top-center li .top-inner a.refresh {
  background: url("../../images/tab-refresh.png") no-repeat center;
  position: absolute;
  width: 13px;
  height: 13px;
  right: 10px;
  bottom: 10px;
}

.top-center li .top-inner a.close {
  background: url("../../images/tab-close.png") no-repeat center;
  position: absolute;
  width: 13px;
  height: 13px;
  right: 10px;
  bottom: 10px;
}

/*左边栏*/

.body .left {
  float: left;
  height: 749px;
  background-color: #354960;
  width: 8%;
  min-width: 36px;
  max-width: 62px;
  min-height: 320px;
}

.body .left .item {
  position: relative;
}

.body .left .item.current {
  background: url("../../images/nav-current.png");
  background-repeat: repeat-y;
}

.body .left .item.current .item-link {
  background: none;
}

.body .left .item-link {
  display: block;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 15px;
  font-weight: bold;
  color: #93A2B3;
  font-family: 微软雅黑;
  background-color: #354960;
}

.body .left .item-link:hover {
  background-color: #00BC8C;
  color: #fff;
}

.body .left .item-container {
  position: absolute;
  border: 1px solid #000;
  width: 70px;
  min-height: 25px;
  text-align: center;
  line-height: 40px;
  left: 70px;
  top: 12px;
  z-index: 10;
  cursor: pointer;
  display: none;
}

.body .left .item-container p a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 25px;
}

/*加载的模块所显示的位置*/

.body .main {
  float: left;
  height: 749px;
  min-height: 320px;
  overflow: hidden;
  min-height: 420px;
  width: 800px;
  /*根据浏览器页面进行宽度的改变*/
  width: -moz-calc(100% - 62px);
  width: -webkit-calc(100% - 62px);
  width: calc(100% - 62px);
  background-color: #9C9C9C;
}

/*加载的模块所显示的模块*/

.body .main .current {
  display: block;
}

.body .main .content {
  position: relative;
  display: none;
  height: 100%;
}

.body .main .content span {
  position: absolute;
  font-size: 24px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

/*警告栏*/

.warm-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: none;
}

.warm-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
}

.warm-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-family: Arial,sans-serif;
  font-size: 12px;
  width: 360px;
  _width: 360px;
  background: #fff;
  border: solid 1px #99b1c4;
  color: #000;
}

.warm-message {
  height: 200px;
  line-height: 200px;
  text-align: center;
}

#act-button {
  position: absolute;
  height: 24px;
  width: 100px;
  text-align: center;
  line-height: 24px;
  background-color: yellow;
  cursor: pointer;
  right: 10px;
  bottom: 10px;
}

/*导航栏右键出现的更多功能*/

.nav-function {
  width: 150px;
  height: 180px;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 99999;
  border: 1px solid #E7E7E7;
  box-shadow: 1px 1px 2px #787878;
  background-color: white;
  display: none;
}

.nav-function-menu p {
  height: 35px;
}

.nav-function-menu p a {
  display: block;
  height: 100%;
  text-align: left;
  line-height: 35px;
  border-bottom: 1px solid #d1d4d5;
  margin: 0 10px;
}

.nav-function-menu p a:hover {
  background-color: #048fc2;
}

.nav-function-bg {
  border-color: transparent transparent #CCC transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  position: absolute;
  top: -21px;
  left: 67px;
}

/*skin_color样式内容*/

body,
.page-content-wrapper > .page-content > .page-header.page-tabs-fixed,
.page-header.navbar.navbar-fixed-top {
  /*background-color:#f6f6f6 !important;*/
  font-family: 'Microsoft YaHei' !important;
}

.container {
  height: 45px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-header.navbar.navbar-fixed-top > .page-header-inner {
  height: 45px !important;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}

.page-sidebar-menu.page-sidebar-menu-hover-submenu span,
.page-sidebar-menu.page-sidebar-menu-hover-submenu a {
  font-family: 'Microsoft YaHei';
}

.dropdown-company span {
  font-size: 14px;
}

.dropdown-company a i {
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -ms-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
}

.dropdown-company:hover a i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -ms-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
}

.dropdown-company .dropdown-menu {
  margin-top: 7px !important;
}

.dropdown-company .dropdown-menu:before {
  left: 19px;
}

.dropdown-company .dropdown-menu:after {
  left: 20px;
  top: -6px;
}

/*快捷侧边栏按钮样式*/

.input-group-btn.send {
  background-color: #fff;
}

.page-quick-sidebar-chat-user-form .btn.yellow.right {
  margin-top: 10px;
  height: 26px;
  width: 50px;
  color: #fff;
  padding: 0 0 0 1px !important;
  float: right;
  background-color: #fc7900;
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  -o-border-radius: 8px !important;
}

/*头部固定*/

.clearfix.top-fixed {
  height: 0px;
}

#header_inbox_bar > a {
  height: 45px;
}

/*左侧菜单固定*/

.page-sidebar-wrapper {
  position: fixed;
  z-index: 210;
  opacity: 1;
  left: 0;
  height: 100% !important;
  background-color: #45535E;
}

.page-sidebar-menu.page-sidebar-menu-hover-submenu > .start.active > a {
  background: #222d32;
}

.page-sidebar-wrapper {
  height: 100% !important;
  background-color: #45535E;
}

.page-sidebar-menu-closed .menu .click i {
  left: 4px !important;
}

/*左侧菜单鼠标经过样式*/

.page-sidebar-menu-hover-submenu li:hover > .sub-menu a {
  color: #000;
}

.page-logo {
  background: #fff;
  padding-left: 10px;
  height: 50px;
  border-right: 1px #dbdbdb solid;
}

/*左侧菜单分割线*/

/*.page-sidebar-menu.page-sidebar-menu-hover-submenu li {
    border-bottom:1px solid #e5e9ec;
} */

/*头部布局样式*/

.head-left {
  background-color: #fff;
  height: 68px;
}

.e-home.search-form > .icon-list {
  font-size: 18px;
}

.fixed-height + .row > .col-md-12 {
  padding-right: 0;
}

/*中间内容框样式*/

.page-container > .page-content-wrapper > .page-content > .row #tab-content {
  border: 2px solid #F6F6F6;
  border-top: 0;
}

.page-sidebar.navbar-collapse.collapse > ul > li > ul.sub-menu {
  padding: 0;
  border-right: 1px solid #e5e9ec;
}

.page-sidebar.navbar-collapse.collapse > ul > li > ul.sub-menu a:hover {
  color: #fff;
}

.page-sidebar.navbar-collapse.collapse > ul > li > ul.sub-menu li {
  width: 100%;
}

/*企业替换图片大小样式*/

.e-home {
  float: left;
  height: 50px;
  padding-top: 14px;
  padding-left: 10px;
}

.e-home span {
  margin-left: 10px;
  font-size: 18px;
}

.e-home a i {
  font-size: 22px;
  color: #000;
}

.page-tabs-fixed {
  position: fixed;
  top: 0;
  z-index: 110;
  height: 50px;
  border: 0;
  width: 100%;
}

.fixed-height {
  height: 16px;
}

.tabbable.tabbable-custom.tabbable-noborder.tabbable-reversed {
  border-top: 1px solid #ebeef0;
}

#tab {
  border-left: 1px solid #ebeef0;
}

#tabs ul {
  margin-top: 10px;
}

#tabs ul .dropdown.pull-right.tabdrop a {
  padding-top: 8px !important;
  border-radius: 6px 6px 0 0 !important;
}

.close-tab.glyphicon.glyphicon-remove.close-tab-icon {
  position: absolute;
  display: none;
  right: 1px;
}

.tabbable-custom > .nav-tabs > li.active .close-tab.glyphicon.glyphicon-remove.close-tab-icon {
  display: block;
}

.navbar.navbar-fixed-top:nth-child(2) {
  margin-top: 68px;
}

.page-content-wrapper > .page-content {
  /*background-color:#f6f6f6;*/
}

.nav.nav-tabs > li[role="presentation"] > a {
  height: 40px;
  line-height: 13px;
  color: #6B8299;
  border-radius: 7px 7px 0 0 !important;
}

.page-content2 .nav-tabs li {
  border: 1px #fff solid;
}

.page-content2 .nav-tabs li:hover {
  border: 1px #e4e4e4 solid;
  border-bottom: 0;
  background: #eee;
  border-radius: 7px 7px 0 0 !important;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}

.tabdrop .dropdown-menu li {
  border: none;
}

.tabdrop .dropdown-menu li:hover {
  border: none;
}

.nav-tabs .tabdrop {
  border-bottom: none !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-user.dropdown-dark li a:hover {
  background-color: #f4f4f4;
  color: #529de3;
}

@media (max-width: 620px) {
  .dropdown-company {
    display: none;
  }
}

@media (max-width: 991px) {
  .page-content2 .nav-tabs li:hover {
    border-radius: 0 !important;
  }

  .tabbable-custom > .nav-tabs > li.active {
    border-radius: 0 !important;
  }

  .tabbable-custom > .nav-tabs > li.active:hover {
    border-radius: 0 !important;
  }

  .nav.nav-tabs > li[role="presentation"] > a {
    border-radius: 0 !important;
  }

  .dropdown-company a {
    line-height: 23px !important;
  }

  .dropdown-company {
    float: right !important;
  }
}

/*皮肤样式—黑色*/

.e-home span {
  color: #000;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-header.navbar .page-logo {
  background-color: #fff;
  border-right: 1px #ececec solid;
}

.page-sidebar {
  background-color: #222d32;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
  background-color: #ed1c24;
  width: 18px;
}

/*arrow*/

.arrorbgblack {
  background-color: #36424c !important;
}

.arrorrightblack {
  border-right-color: #36424c !important;
}

.arrorleftblack {
  border-left-color: #36424c !important;
}

/*切换页面皮肤颜色样式*/

/*黑色*/

span.label.label-sm.label-icon.label-black,
.e-home,
.top-menu {
  background: #fff;
  color: #4d5b69;
}

span.label.label-sm.label-icon.label-black {
  background-color: #000;
  color: #000;
}

/*宽窄屏logo替换*/

.logochange {
  width: 33px !important;
  margin-right: 10px !important;
}

.activeborder {
  width: 60px;
}

.activeborder a i {
  top: 0px !important;
  left: 5px !important;
}

.page-sidebar-menu-closed .menu a i {
  top: 1px !important;
  left: 5px !important;
}

.blacklogochange {
  background-image: url("../../include/admin/layout3/images/logo2.png") !important;
}

.slimScrollDiv {
  overflow: inherit !important;
}

.slimScrollDiv ul li a span.details span {
  border: 1px #ccc solid;
}

.page-top {
  float: right;
  width: 100%;
}

/*单据头的可点击的基础资料的状态*/

.form-group {
  position: relative;
}

.summary_one {
  color: #529DE3;
  cursor: pointer;
}

.summary_one:hover {
  text-decoration: underline;
}

.summary_list {
  border: 1px solid #fff;
  color: #529DE3;
  cursor: pointer;
}

.summary_list:hover {
  border: 1px solid #5FCCFF;
  box-sizing: border-box;
  border-radius: 3px !important;
  color: #5FCCFF;
  text-align: center;
}

/*mix样式内容*/

@charset "utf-8";

/* CSS Document */

.text-center {
  text-align: center !important;
}

/*上边导航栏的宽度*/

#header_notification_bar,
#cloud,
#header_notification_bar,
#header_task_bar,
#header_inbox_bar {
  width: 55px;
}

/** 修改密码样式 **/

.form-group .i-red {
  /*验证错误时图标的颜色*/
  color: #F3565D;
}

.input-icon > i.npwd,
.input-icon > i.rnpwd {
  /*图标的位置*/
  position: absolute;
  left: 0px !important;
  padding-top: 2px;
}

.form-group .input-red {
  /*验证错误时input的边框颜色*/
  border: 1px solid #F3565D;
}

.form-group .oldpwd,
.form-group .newpwd,
.form-group .newrepwd {
  /*提示框的字体颜色*/
  color: #F3565D;
  padding-left: 15px !important;
}

/**  资料新建与编辑的样式 **/

.nav.navbar-nav > li > a {
  /*列表项菜单栏字体颜色*/
  color: #274e89;
  height: 50px;
}

.portlet.box.yellow-casablanca>.portlet-title {
  /*列表项菜单栏背景颜色*/
  background-color: #fff;
  color: #6B8299;
  border: 1px solid #E4E4E4;
  border-radius: 6px 6px 0 0 !important;
  padding: 5px 13px;
}

.form-group > .col-md-2.control-label {
  padding-right: 0;
  padding-left: 5px;
}

.form-group > .col-md-2.control-label:nth-child(1) {
  padding-left: 0px;
}

.form-group > .col-md-3.control-label,
.control-label {
  padding: 4px 5px 2px 5px;
}

.form-group > span.col-md-3 {
  padding: 0 5px;
}

.form .form-body .form-group label span[required] {
  /*带*号与左边标签的距离*/
  color: #f00;
  padding-left: 5px;
}

.page-content {
  min-height: 60px !important;
}

.reg-source {
  /*注册来源字体颜色*/
  color: #C0C6C2;
}

/*按钮样式*/

#enableRAC {
  width: 50px;
  height: 20px;
}

.portlet.box.yellow-casablanca.contentBox {
  background-color: #fff;
  height: auto;
  overflow: hidden;
}

#contentBox {
  clear: both;
  height: auto;
}

/*树形菜单新增按钮样式*/

.ztree li span.button.add {
  margin-left: 2px;
  margin-right: -1px;
  /*background-position:-144px 0;*/
  vertical-align: top;
  *vertical-align: middle;
}

/*树形菜单新增按钮样式*/

#menuZtree li a.level2 span.button.add {
  display: none;
}

/*将重命名图标隐藏*/

#menuZtree.menueditor li a span.button.edit {
  display: none;
}

/*添加模块按钮*/

.portlet .portlet-title .caption.editor.add,
.portlet .portlet-title .caption.enum.add {
  float: right;
  font-size: 12px;
  margin: 0 20px 0 5px;
  cursor: pointer;
}

/*添加模块文字*/

.portlet .portlet-title .hide_show {
  float: right;
  display: none;
}

.caption.add .fa.fa-plus {
  color: #f05f2a !important;
}

/*辅助资料编辑的树结点删除按钮样式*/

#enumZtree span[title='remove'],
#enumZtree span[title='rename'] {
  display: none !important;
}

/*此处为云链的图标样式*/

a[formid="sys_joincloudchain"]:hover {
  background-color: #fff;
}

a[formid="sys_joincloudchain"]:visited {
  background-color: #fff;
}

a[formid="sys_joincloudchain"] img {
  height: 25px;
  width: 25px;
  display: inline-block;
}

#cloud a {
  position: relative;
}

/*感叹号的样式*/

i.fa.fa-exclamation,
i.fa.fa-check {
  display: inline !important;
  font-size: 10px !important;
  position: absolute;
  right: 2px;
}

#joincloudIcon+span {
  width: 19px;
  height: 18px;
  position: absolute;
  left: -10px;
}

/*云链令牌等文字的样式*/

span.control-span {
  font-size: 14px;
  padding-top: 7px;
}

/*云链页面字段整体下移一段距离*/

#cloudChainForm {
  padding-top: 30px !important;
}

.bd-select-table .clearfix {
  background: #e5e5e5 none repeat scroll 0 0;
  height: 30px;
  line-height: 30px;
}

.bd-select-table .clearfix .form-control {
  height: 30px;
  padding: 3px 5px;
}

/*右边弹出框，因为全局样式把padding设置为10px，导致元素被挤压，所以单独把侧边栏的padding变成0*/

.page-quick-sidebar-wrapper .tab-content .tab-pane {
  padding: 0;
}

/*用户展示元素的样式*/

#quick_sidebar_tab_1 .page-quick-sidebar-zTree-lists {
  padding: 10px;
}



/*侧边栏导航高度固定,因为在打开页签的时候，导航栏高度会增加20px*/

.nav.nav-tabs.nav-justified {
  height: 77px;
  background-color: #317cc2;
}

.page-quick-sidebar-chat-user-form .input-group-btn {
  background-color: #DDDDDD;
}

/*添加隐藏后端字段*/

#storeid {
  display: none;
}

/*调整日期的位置*/

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
  z-index: 900 !important;
}

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

/*维护应标单和维护竞标信息*/

#maintainform,
#maintainbidinf {
  width: 100px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  display: inline-block;
  border: 1px solid #ccc;
  -moz-border-radius: 8px !important;
  /* Firefox */
  -o-border-radius: 8px !important;
  -webkit-border-radiu: 8px !important;
  /* Safari 和 Chrome */
  border-radius: 8px !important;
  /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  text-align: center;
  margin-bottom: 10px;
  background: #00b7ee;
  cursor: pointer;
}

.changeStatus {
  background: #529de3 !important;
  color: #fff !important;
  cursor: pointer;
}

/*创建群组样式*/

.page-quick-sidebar-chat-users > .list-heading > a {
  float: right;
  text-decoration: none;
}

.page-quick-sidebar-chat-users > .list-heading > a > .icon-plus {
  margin-right: 5px;
}

#creategroup-dialog h3 {
  font-size: 14px;
  padding-bottom: 10px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
}

div.fill-basic-massage {
  clear: both;
  padding-top: 20px;
}

div.fill-basic-massage > label {
  text-align: right;
}

div.fill-basic-massage input {
  height: 35px;
  margin-bottom: 20px;
}

.borderalert {
  border: 1px solid #e02222;
}

.invite-member h3 {
  margin-top: 10px !important;
}

.invite-member .col-md-2.none {
  border: none !important;
}

.invite-member .member-list,
.invite-member .selected-member,
.invite-member .add-delete {
  height: 250px;
  overflow: auto;
}

.invite-member .member-list,
.invite-member .selected-member {
  background-color: #e8f1fa;
}

.invite-member .add-delete button {
  height: 20px;
  width: 50px;
  padding: 0;
  margin-top: 60px;
  border: 1px solid #ccc;
  background-color: #F8F8F8;
  -moz-border-radius: 2px !important;
  /* Firefox */
  -o-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  /* Safari 和 Chrome */
  border-radius: 2px !important;
  /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.friend-list,
.selected-list {
  padding-left: 5px;
  padding-top: 10px;
}

.friend-list li.ulchild,
.selected-list li.ulchild {
  list-style: none;
  font-size: 12px;
  padding: 3px 0;
  cursor: default;
}

.friend-list li.liactive,
.selected-list li.liactive {
  background-color: #83d7fc;
}

.price_i {
  line-height: 10px;
  top: 15px !important;
  right: -30px !important;
  color: #000 !important;
  position: absolute;
  cursor: default;
}

.feed_img_box {
  margin: 30px 0;
}

/* 单据记录 begin ************************************************************************************************************************************************************************/

.record-container {
  display: none;
  position: fixed;
  z-index: 272;
  bottom: 0;
  top: 0;
  right: 0;
  height: 100%;
  width: 400px;
}

.record-container .record-panel {
  padding: 0px 8px;
}

.record-container .record-panel .operation-fix {
  padding-top: 8px;
  height: 177px;
}

.record-container .record-content {
  height: 100% !important;
}

.record-container .record-content .record {
  padding: 8px 0px;
  border-bottom: solid 1px #EBEBEB;
}

.record-container .record-content .record-box {
  padding: 5px;
}

.record-container .record-content .record-box:hover {
  background-color: #F2F4F7;
}

.record-container .record-content .attachDonwload,
.record-container .record-content .message,
.record-container .record-content .attachment {
  padding: 3px 0px;
}

.record-container .record-content .attachment img,
.record-container .donwload_detail img {
  width: 31px;
  height: 34px;
}

.record-container .record-content .attachDonwload {
  overflow: hidden;
}

.record-container .record-content .message {
  font-size: 14px;
  padding: 5px;
}

.record-container .record-content .attachDonwload .operation,
.record-container .record-content .attachDonwload .donwload,
.record-container .record-content .attachDonwload .datetime,
.record-container .record-content .attachDonwload .syslog,
.record-container .record-content .attachDonwload .name {
  padding-right: 10px;
  color: #6B8299;
  font-size: 13px;
  display: inline-block;
  float: left;
}

.record-container .record-content .attachDonwload .syslog tt {
  color: #529DE3;
  margin-left: 5px;
}

.record-container .record-content .attachDonwload .name {
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.record-container .record-content .attachDonwload a.operation,
.record-container .record-content .attachDonwload a.donwload {
  color: #00AAEF;
}

.record-container .record-content .attachment .name {
  display: inline-block;
  padding: 0 10px;
}

.record-container>div {
  border: 1px solid #ddd;
  background: #fff;
}

.record-container div.record-title {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  background-color: #45535E;
  padding-left: 10px;
  color: #fff;
}

.record-container div.record-title > i {
  cursor: pointer;
  font-size: 18px;
  float: right;
  margin-top: 12px;
  margin-right: 10px;
}

.record-container .send-record-btn-list {
  height: 100%;
  overflow: hidden;
  padding-top: 8px;
}

.record-container .send-record-btn-list .checkbox-inline {
  width: 100%;
}

.record-container .send-record-btn-list .send-record-btn {
  border: none;
  display: block;
  float: right;
  background-color: #00aaef;
  border-color: #00aaef;
  color: #fff;
  padding: 5px 15px;
}

.record-container .send-record-btn-list .send-record-btn:hover {
  background-color: #529de3;
  border-color: #529de3;
}

/*下载详情样式*/

.record-container .donwload_detail {
  padding-top: 10px;
  /*margin:5px 0px;*/
  /*border:1px solid #d4d4d4;*/
  display: none;
}

.record-container .donwload_detail .back {
  /*margin-left: 10px*/
}

.record-container .donwload_detail .back span {
  cursor: pointer;
}

.record-container .donwload_detail .back span i {
  margin-right: 5px;
}

.record-container .donwload_detail .detail,
.designcheme-detail .file-detail {
  text-align: center;
}

.designcheme-detail .file-detail .record {
  margin: 10px 0;
}

.designcheme-detail .file-detail .record {
  text-align: left;
  color: #868686;
  font-size: 16px;
  padding: 10px 0 10px 20px;
}

.designcheme-detail .file-detail .record span {
  text-align: left;
  color: #529de3;
  font-size: 14px;
  margin-left: 8px;
}

.record-container .donwload_detail .detail div {
  padding-bottom: 10px;
}

.record-container .donwload_detail .detail .opera-btn-group button,
.designcheme-detail .file-detail .opera-btn-group button {
  min-width: 80px;
  min-height: 25px;
  margin-right: 5px;
  border: none;
  -moz-border-radius: 4px !important;
  /* Firefox */
  -webkit-border-radius: 4px !important;
  /* Safari 和 Chrome */
  border-radius: 4px !important;
  /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.record-container .donwload_detail .place-thumbnail img {
  width: auto;
  height: auto;
  max-width: 375px;
  margin-top: 10px;
}

/*记录过滤方式按钮*/

.record-container .filter-group-btn {
  display: none;
  width: 180px;
  position: absolute;
  text-align: center;
  background-color: #45535E;
  color: #fff;
  padding: 7px 8px 7px 5px;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px !important;
}

/* 单据记录 end ************************************************************************************************************************************************************************/

/*设计方案*/

/*订货单样式*/

.finance-label {
  margin-top: 4px !important;
}

.form-group-nobg:hover {
  background: none !important;
}

.disa-input {
  color: #6B8299;
  background: none !important;
  border: none !important;
  outline: none !important;
  cursor: default !important;
}

.expense-btn {
  height: 30px;
  line-height: 30px;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  margin-top: 5px;
  margin-right: 10px;
  cursor: pointer !important;
  border-radius: 2px !important;
  background: #00AAEF;
}

.show-finance {
  height: 30px;
  line-height: 30px;
  color: #fff;
  display: inline-block;
  padding: 0 8px;
  margin-top: 5px;
  cursor: pointer !important;
  border-radius: 2px !important;
  background: #45535E;
}

.show-expense {
  background: #529DE3 !important;
  color: #fff;
}

.show-expense:active {
  background: #2675bf !important;
}

.expense-js,
.finance-js {
  background: #e97000 !important;
  color: #fff;
}

.expense-js:active,
.finance-js:active {
  background: #c45e00 !important;
}

.show-droplist {
  cursor: pointer;
  position: relative;
}

.show-droplist i {
  color: #fff !important;
}

.addon-droplist-box {
  position: absolute;
  background: #fff;
  box-shadow: 0px -1px 10px #abb2b7;
  right: 0px;
  top: 45px;
  z-index: 10;
  cursor: default;
  display: none;
}

.addon-droplist-box:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 13px;
  width: 14px;
  height: 14px;
  z-index: -1;
  box-shadow: 0px 0px 1px #999;
  margin-left: -7px;
  margin-top: -9px;
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  background: #ffffff !important;
}

.addon-droplist-box:before {
  content: '';
  position: absolute;
  top: -12px;
  right: 0px;
  width: 90px;
  height: 14px;
  z-index: -1;
}

.addon-droplist {
  color: #828e97 !important;
  padding: 0 15px;
  display: block;
  line-height: 40px;
  border-bottom: 1px #eee solid;
  cursor: pointer;
  background: #fff !important;
}

.addon-droplist:hover {
  background: #F2F4F7 !important;
}

.Bdropbtn_box {
  height: 30px;
  margin-top: 9px;
  padding: 3px;
  float: right;
  border: 1px #699fd0 solid;
  position: relative;
  border-radius: 3px !important;
  background: url("../../images/Btn-bg-fff.png");
  margin-right: 15px;
}

.Bdropbtn_box button {
  padding: 0px 10px !important;
  margin: 0 !important;
  border: 0;
}

.Bdropbtn_box:hover .droplist_bottom_box {
  display: block;
}

.droplist_box:hover .droplist_top_box {
  display: block;
}

.droplist_box_more:hover .more_btns {
  display: block;
}

.Bdropbtn_box button:hover {
  border: 0;
}

.Bdropbtn_box button:nth-child(1) {
  float: left;
  height: 23px;
  color: #ffffff;
  text-indent: 25px;
  background: url("../../images/arrlist_icon_hover.png") no-repeat !important;
  background-position: 5px 2px !important;
  background-size: 20px 20px !important;
}

.Bdropbtn_box button#tbSave {
  background: none !important;
}

.droplist_bottom_box {
  position: absolute;
  top: -33px;
  left: -1px;
  padding: 3px;
  background: #fff;
  border: 1px #ccc solid;
  display: none;
}

.Bdropbtn_box .droplist_bottom_box button {
  border: none;
  height: 25px;
}

.droplist_bottom_box button {
  width: 100px !important;
  background: #fff !important;
  color: #000 !important;
  text-indent: 0 !important;
}

.droplist_bottom_box button:hover {
  color: #000 !important;
  background: #e4f2ff !important;
}

.Bdropbtn_box i {
  width: 28px;
  height: 24px;
  color: #fff;
  border-left: 1px rgba(255,255,255,.4) solid;
  padding-top: 5px;
  padding-left: 10px;
  cursor: pointer;
}

.Btn-menu .Bdropbtn_box:first-child {
  border: 1px #6994bd solid;
  background: url("../../images/Btn-bg.png");
}

.Btn-menu .Bdropbtn_box:first-child:hover {
  background: url("../../images/Btn-bg-hover.png");
}

.tbUnsubmit:hover .triangle-down {
  border-top: 6px solid #68b6ff;
}

.triangle-box {
  width: 95px;
  height: 10px;
  bottom: -10px;
  position: absolute;
}

.triangle-down {
  width: 0;
  height: 0;
  left: 40px;
  bottom: 3px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #68b6ff;
}

.droplist_box {
  display: inline-block;
  min-height: 25px;
  min-width: 30px;
  float: right;
  position: relative;
  margin-right: 10px;
  border-radius: 6px !important;
  border: 1px #d2d2d2 solid;
  color: #16325C;
  background: #F7F9FB;
}

.droplist_box button {
  border-radius: 6px !important;
}

.droplist_box:hover {
  background: #F9F9F9;
}

.droplist_box button:hover {
  background: #F9F9F9;
}

.droplist_box button:active {
  background: #F9F9F9 !important;
  color: #000;
}

.droplist_box:hover {
  background: #e6e6e6;
  color: #000;
}

.droplist_box:hover button {
  background: #e6e6e6 !important;
  color: #000 !important;
}

.droplist_box .droplist_top_box {
  position: absolute;
  top: 29px;
  min-width: 120px !important;
  left: -1px;
  padding: 4px;
  min-width: 90px;
  box-shadow: 0 0 5px rgba(86, 96, 117, 0.7);
  background: #FFFFFF !important;
  border-radius: 2px !important;
  text-align: center;
  display: none;
  z-index: 10;
  line-height: 21px;
}

.tab_title .droplist_box .droplist_top_box {
  top: 29px !important;
}

.droplist_box .droplist_top_box button {
  width: 100%;
  margin-top: 0px;
  text-align: left;
  height: 30px;
  text-indent: 10px;
  margin-left: 0 !important;
  line-height: 18px !important;
  background: #fff !important;
  padding: 0px !important;
  color: #6F6F6F !important;
  border-radius: 0 !important;
}

.droplist_box .droplist_top_box button:hover {
  color: #262626 !important;
  background: #f5f5f5 !important;
}

.droplist_box .droplist_top_box button:last-child {
  border-bottom: none !important;
}

.droplist2_box {
  float: right;
  position: relative;
  height: 30px;
  background: #f7f9fb;
  border-radius: 6px !important;
  border: 1px #d2d2d2 solid;
  display: inline-block;
}

.droplist2_box:hover {
  background: #e6e6e6 !important;
}

.droplist2_box:hover .droplist_more {
  background-color: #e6e6e6 !important;
}

.droplist_box i {
  right: 10px;
  width: 14px;
  height: 20px;
  cursor: pointer;
}

.btn {
  padding: 4px 6px !important;
}

.btn-droplist {
  display: none;
  z-index: 10;
  height: 35px;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid !important;
  border-bottom: 1px #ccc solid;
  border-top: 1px #ccc solid;
  background: #fff !important;
  padding-left: 10px !important;
  position: absolute;
  left: 0px;
  top: 30px;
  min-width: 100px;
  margin-left: 0 !important;
}

.more_btns {
  min-width: 120px !important;
  box-shadow: 0 0 5px rgba(86, 96, 117, 0.7);
  position: absolute;
  z-index: 10;
  padding: 4px;
  background: #fff;
  top: 29px;
  right: 0px;
  border-radius: 2px !important;
  display: none;
}

.more_btns button {
  border-right: none !important;
}

.droplist2_box button {
  height: 35px;
  line-height: 15px !important;
  background: #fff !important;
  padding-left: 10px !important;
  width: 100%;
  color: #6F6F6F !important;
  text-align: left;
  margin-top: 0px;
  margin-left: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

.droplist2_box button:hover {
  background: #f5f5f5 !important;
  color: #000 !important;
}

.droplist2_box button:active {
  background: #fff !important;
  border-top: none;
  border-bottom: 1px #D7D7D7 solid !important;
  color: #000 !important;
}

.tab_title .droplist2_box .more_btns {
  top: 30px;
  margin-left: -10px;
}

input.noarrow[type="number"]::-webkit-outer-spin-button,
input.noarrow[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input.noarrow[type="number"] {
  -moz-appearance: textfield;
}

.required.impor {
  color: #e02222 !important;
  font-size: 12px;
  padding-left: 2px;
}

.stamp {
  width: 10px;
  height: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 4px;
}

/* 滚动条组件圆角样式 */

.slimScrollBar {
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  border-radius: 7px !important;
}

.tab-pane .row {
  margin-right: -8px;
}

/* 表体圆点标记央视 */

.ui-ellipsis[mark="error"]:before {
  content: "";
  width: 10px;
  height: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 4px;
  background: #F44336;
}

.ui-ellipsis[mark="success"]:before {
  content: "";
  width: 10px;
  height: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 4px;
  background: rgb(0, 176, 80);
}

/* 表体显示数据最大宽度 */

.row > .col-md-12 .form-body > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv,
.row > .col-md-12 > .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-bdiv {
  max-height: 530px;
}

/* 错误信息 */

.layui-layer-dialog .layui-layer-padding {
  max-height: 600px;
}

/* 进度条样式 */

.yi-progressregister {
  width: 100%;
  height: 100px;
  padding: 0px 20px;
  background-color: white;
  border: 2px solid #e8e7e9;
  border-radius: 4px !important;
  z-index: 1001;
  position: absolute;
}

.yi-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  height: 100px;
  margin-top: -50px;
  padding: 0px 20px;
  background-color: white;
  border: 2px solid #e8e7e9;
  border-radius: 4px !important;
  z-index: 1001;
}

@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 44px 0;
  }
}

.ui-progress-bar {
  /* Usual setup stuff */
  position: relative;
  height: 35px;
  /* Pad right so we don't cover the borders when fully progressed */
  padding-right: 2px;
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #efefef;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */
  border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  /* Give it the inset look by adding some shadows and highlights */
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
}

.ui-progress {
  position: relative;
  display: block;
  overflow: hidden;
  /* Height should be 2px less than .ui-progress-bar so as to not cover borders and give it a look of being inset */
  height: 34px;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  /* Set the background size so the stripes work correctly */
  -webkit-background-size: 44px 44px;
  /* Webkit */
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #74d04c;
  /* Webkit background stripes and gradient */
  background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0.00, rgba(255,255,255,0.17)), color-stop(0.25, rgba(255,255,255,0.17)), color-stop(0.26, rgba(255,255,255,0)), color-stop(0.50, rgba(255,255,255,0)), color-stop(0.51, rgba(255,255,255,0.17)), color-stop(0.75, rgba(255,255,255,0.17)), color-stop(0.76, rgba(255,255,255,0)), color-stop(1.00, rgba(255,255,255,0)) ), -webkit-gradient(linear, left bottom, left top, color-stop(0, #74d04c), color-stop(1, #9bdd62));
  /* Mozilla (Firefox etc) background stripes */
  /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */
  background: -moz-repeating-linear-gradient(top left -30deg, rgba(255,255,255,0.17), rgba(255,255,255,0.17) 15px, rgba(255,255,255,0) 15px, rgba(255,255,255,0) 30px ), -moz-linear-gradient(#9bdd62 0%, #74d04c 100%);
  /* Webkit embossing */
  -webkit-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  /* Mozilla embossing */
  -moz-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  /* IE9 and Opera embossing */
  box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  /* Give it a higher contrast outline */
  /*border: 1px solid #4c8932;*/
  /* Webkit magic */
  -webkit-animation: animate-stripes 2s linear infinite;
  /* TODO: Wait for Mozilla to support animation, then implement */
}

.ui-progress span.ui-label {
  font-size: 1.2em;
  position: absolute;
  right: 0;
  line-height: 33px;
  padding-right: 12px;
  color: rgba(0,0,0,0.6);
  text-shadow: rgba(255,255,255, 0.45) 0 1px 0px;
  white-space: nowrap;
}

.yi-progress.yi-progress111 .close-tab.glyphicon.glyphicon-remove.close-tab-icon {
  display: block;
  right: 10px;
  top: 6px;
}

/* 表体操作按钮组样式 */

.table-menu-btn {
  margin-bottom: 4px;
  margin-top: -4px;
  height: 30px;
}

.table-menu-btn .droplist_box {
  float: left;
}

.table-menu-btn button {
  padding: 4px 14px !important;
  border-radius: 6px !important;
  min-width: 30px;
  min-height: 28px;
  color: #16325C;
  background: #F7F9FB;
}

.table-menu-btn button:focus {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}

/* 表体批录图标 */

.ui-ellipsis .txt-record {
  display: inline-block;
  position: absolute;
  height: 12px;
  width: 12px;
  bottom: 1px;
  right: 1px;
  background-color: #AAA;
  border-top: 2px solid white;
  border-left: 2px solid white;
}

.ui-ellipsis .txt-record.lookup {
  right: -4px;
}

.ui-ellipsis .txt-record:hover {
  cursor: pointer;
}

/*其他信息框样式*/

.otherinfo_box {
  width: 320px;
  height: 400px;
  background: #fff;
  left: 10px;
  top: 15px;
  font-style: normal;
  z-index: 9;
  cursor: default;
  border: 1px solid #eee;
  position: absolute;
  box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
  display: none;
}

.otherinfo_title {
  width: 318px;
  font-size: 16px;
  background: #45535E;
  text-indent: 20px;
  line-height: 50px;
  color: #fff;
  border-bottom: 1px #cacaca solid;
}

.otherinfo_textbox {
  width: 220px;
  margin-left: 20px;
  border-bottom: 1px #eee solid;
}

.otherinfo_textbox:last-child {
  border-bottom: none;
}

.otherinfo_text {
  line-height: 40px;
}

.otherinfo_text label {
  width: 60px;
}

.otherinfo_box span {
  width: 160px;
  color: #6B8299;
  height: 45px;
  padding-left: 8px;
}

.otherinfo_box span i {
  font-style: normal;
  color: #999;
}

.otherinfo_box .fstatus {
  color: #529DE3;
}

.otherinfo_status {
  width: 220px;
  bottom: 0;
  position: absolute;
  float: right;
  left: 20px;
  line-height: 40px;
}

.otherinfo_status label {
  width: 60px;
}

.otherinfo_status p {
  width: 160px;
  text-indent: 10px;
  color: #DF4710;
  display: inline-block;
}

/*树形列表样式*/

.alp-tree {
  position: relative;
  width: 200px;
  float: left;
}

.alp-grid {
  width: 800px;
  float: left;
}

.alp-grid,
.alp-tree,
.pull-order .radio-list label div {
  float: left;
}

.move-cursor {
  width: 3px;
  border-radius: 5%;
  background-color: #00AAEF;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: e-resize;
}

/*之所以设置这个属性,因为一旦列表出现滚动条,所计算的宽度就会有问题.浏览器无实时监听滚动条出现的事件，如果用定时器，会影响性能*/

body {
  overflow: scroll;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/*begin------ossuploader上传样式---------*/

.ossuploader span.ossprogress {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0;
  height: 8px;
  overflow: hidden;
  z-index: 2;
  border: 1px solid #e4e4e4;
  background-color: #ffffff;
  border-radius: 2px;
  display: none;
}

.ossuploader span.ossprogress span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 100%;
  background: #1483d8 url("../../include/ossuploader/images/progress.png") repeat-x;
  -webit-transition: width 200ms linear;
  -moz-transition: width 200ms linear;
  -o-transition: width 200ms linear;
  -ms-transition: width 200ms linear;
  transition: width 200ms linear;
  -webkit-animation: progressmove 2s linear infinite;
  -moz-animation: progressmove 2s linear infinite;
  -o-animation: progressmove 2s linear infinite;
  -ms-animation: progressmove 2s linear infinite;
  animation: progressmove 2s linear infinite;
  -webkit-transform: translateZ(0);
}

.ossuploader span.osssussess {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 15px;
  width: 100%;
  background: url("../../include/ossuploader/images/success15.png") no-repeat right bottom;
}

@-webkit-keyframes progressmove {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 17px 0;
  }
}

@-moz-keyframes progressmove {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 17px 0;
  }
}

@keyframes progressmove {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 17px 0;
  }
}

/*end------ossuploader上传样式---------*/