/* Dashboard */
.clock {
 border-radius: 0%;
 background: url(../assets/images/clock/clockface.png) no-repeat;
 background-size: 100%;
 height: 15em;
 padding-bottom: 31%;
 position: relative;
 width: 15em;
}

@media ( min-width :1025px) {
 .clock {
  background-size: 100%;
  height: 20em;
  padding-bottom: 31%;
  position: relative;
  width: 20em;
 }
}

@media ( min-width :1400px) {
 .clock {
  background-size: 100%;
  height: 29em;
  padding-bottom: 31%;
  position: relative;
  width: 29em;
 }
}

.clock.simple:after {
 background: #000;
 border-radius: 50%;
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 5%;
 height: 5%;
 z-index: 10;
}

.minutes-container, .hours-container, .seconds-container {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}

.hours {
 background: #fff;
 height: 20%;
 left: 48.75%;
 position: absolute;
 top: 30%;
 transform-origin: 50% 100%;
 width: 2.5%;
}

.minutes {
 background: #fff;
 height: 40%;
 left: 49%;
 position: absolute;
 top: 10%;
 transform-origin: 50% 100%;
 width: 2%;
}

.seconds {
 background: #fff;
 height: 45%;
 left: 49.5%;
 position: absolute;
 top: 14%;
 transform-origin: 50% 80%;
 width: 1%;
 z-index: 8;
}

@
keyframes rotate { 100% {
 transform: rotateZ(360deg);
}

}
.hours-container {
 animation: rotate 43200s infinite linear;
}

.minutes-container {
 animation: rotate 3600s infinite linear;
}

.seconds-container {
 animation: rotate 60s infinite linear;
}

.activity {
 margin-bottom: 7px;
}

.timestamp {
 color: #999;
}

/* Form styling */
.input-group-addon {
 padding: 6px 12px;
}

.form-horizontal .has-feedback .form-control-feedback {
 right: 10px;
 font-size: 16px;
 margin-top: -1px;
}

.has-error .form-control, .has-success .form-control, .has-warning .form-control, .has-error .form-control:focus, .has-success .form-control:focus,
 .has-warning .form-control:focus {
 -webkit-box-shadow: none;
 box-shadow: none;
}

/*******************************
Extensions
*******************************/

/* Bootstrap uploader */
.uploader {
 width: 100%;
 position: relative;
 display: -moz-inline-box;
 display: inline-block;
 border-radius: 4px
}

.uploader .filename {
 color: #999;
 height: 36px;
 padding: 7px 45px 7px 12px;
 width: 100%;
 float: left;
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 cursor: default;
 border: 1px solid #ddd;
 background-color: #fff;
 border-radius: 3px;
 text-align: left
}

.uploader .action, .uploader input[type=file] {
 position: absolute;
 height: 36px;
 cursor: pointer;
 right: 0
}

.uploader .action {
 color: #333;
 top: 0;
 min-width: 36px;
 z-index: 1;
 border: 1px solid #ddd;
 border-bottom-right-radius: 3px;
 border-top-right-radius: 3px;
 padding: 6px 10px;
}

.uploader .action>i {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -8px;
 margin-left: -8px;
 font-size: 16px;
}

.uploader[class*=bg-] .action {
 background-color: inherit;
 border-color: inherit;
 color: inherit
}

.uploader input[type=file] {
 width: 100%;
 margin-top: 0;
 top: 0;
 bottom: 0;
 border: 0;
 z-index: 10;
 opacity: 0;
 filter: alpha(opacity = 0)
}

.uploader.disabled .action {
 opacity: .6;
 filter: alpha(opacity = 60)
}

.uploader.disabled .filename {
 background-color: #fafafa;
 cursor: not-allowed
}

.uploader-lg .action, .uploader-lg .filename, .uploader-lg input[type=file] {
 height: 40px
}

.uploader-lg .action {
 width: 40px
}

.uploader-lg .filename {
 padding-top: 9px;
 padding-bottom: 9px;
 padding-right: 50px
}

.uploader-sm .action, .uploader-sm .filename, .uploader-sm input[type=file] {
 height: 34px
}

.uploader-sm .action {
 width: 34px
}

.uploader-sm .filename {
 padding-top: 6px;
 padding-bottom: 6px;
 padding-right: 42.5px
}

.uploader-xs .action, .uploader-xs .filename, .uploader-xs input[type=file] {
 height: 32px
}

/* Checkboxes & Radios */
.input-group-addon .checker span:after {
 font-size: 12px;
}

.checker span:after, .select2-selection--single .select2-selection__clear:after {
 font-family: FontAwesome;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.sidebar .form-group:last-child, .sidebar .sidebar-category .checkbox:last-child, .sidebar .sidebar-category .radio:last-child,
 .sidebar .thumbnail:last-child {
 margin-bottom: 0
}

.sidebar .sidebar-category .checkbox, .sidebar .sidebar-category .radio {
 margin-top: 0
}

.checker, .demo-velocity-box span, .pace-demo {
 vertical-align: middle
}

.checker, .checker span {
 display: inline-block;
 position: relative
}

.editableform .checkbox, .editableform .radio {
 margin-top: 0;
 margin-bottom: 0
}

.editableform .checkbox>div, .editableform .radio>div {
 margin-top: 8px;
 margin-bottom: 8px;
 position: relative
}

.checker, .checker input, .checker span, .choice, .choice input, .choice span {
 width: 16px;
 height: 16px;
 margin-top: 0px;
}

.checkbox-inline .checker, .radio-inline .checker {
 margin-top: 1px;
}

.checker {
 cursor: pointer
}

.checker span {
 color: #EF5350;
 border: 2px solid #EF5350;
 text-align: center
}

.checker span:after {
 content: "\f00c";
 display: none;
 font-size: 12px;
 line-height: 1;
 position: absolute;
 top: 0px;
 left: 0px
}

.checker span.checked:after {
 display: block
}

.checker input[type=checkbox], .choice input[type=radio] {
 border: none;
 background: 0 0;
 display: -moz-inline-box;
 display: inline-block;
 margin: 0;
 vertical-align: top;
 cursor: pointer;
 position: absolute;
 top: -2px;
 left: -2px;
 z-index: 2;
 opacity: 0;
 filter: alpha(opacity = 0)
}

.bootstrap-switch, .choice, .select2-container, .switchery, .uploader {
 vertical-align: middle
}

.checkbox .checker, .checkbox-inline .checker {
 position: absolute;
 left: 0
}

.form-horizontal .checkbox .checker, .form-horizontal .checkbox-inline .checker {
 top: 9px
}

.checkbox-right .checker {
 left: auto;
 right: 0
}

.checkbox-inline:active .checker span:after, .checkbox>label:active .checker span:after, .checker.active span:after {
 display: block;
 opacity: .75;
 filter: alpha(opacity = 75)
}

.checker.disabled {
 opacity: .5;
 filter: alpha(opacity = 50)
}

.checker.disabled, .checker.disabled input[type=checkbox] {
 cursor: not-allowed
}

.checkbox-inline:active .checker.disabled span:after, .checkbox>label:active .checker.disabled span:after {
 opacity: 0;
 filter: alpha(opacity = 0)
}

.checkbox-inline:active .checker.disabled span.checked:after, .checkbox>label:active .checker.disabled span.checked:after {
 opacity: 1;
 filter: alpha(opacity = 100)
}

.checker[class*=border-] span {
 border-color: inherit;
 color: inherit
}

.choice {
 position: relative;
 display: inline-block;
 cursor: pointer;
 border-radius: 100%
}

.choice span {
 border: 2px solid #EF5350;
 display: -moz-inline-box;
 display: inline-block;
 border-radius: 100%;
 text-align: center;
 position: relative
}

.choice span:after {
 content: "";
 position: absolute;
 top: 3px;
 left: 3px;
 border: 3px solid;
 border-color: inherit;
 width: 0;
 height: 0;
 border-radius: 100%;
 display: none
}

.choice span.checked:after {
 display: block
}

.radio .choice, .radio-inline .choice {
 position: absolute;
 top: 1px;
 left: 0
}

.form-horizontal .radio .choice, .form-horizontal .radio-inline .choice {
 top: 9px
}

.radio-right .choice {
 left: auto;
 right: 0
}

.choice.active span:after, .radio-inline:active .choice span:after, .radio>label:active .choice span:after {
 display: block;
 opacity: .75;
 filter: alpha(opacity = 75)
}

.choice.disabled {
 opacity: .5;
 filter: alpha(opacity = 50)
}

.choice.disabled, .choice.disabled input[type=radio] {
 cursor: not-allowed
}

.radio-inline:active .choice.disabled span:after, .radio>label:active .choice.disabled span:after {
 opacity: 0;
 filter: alpha(opacity = 0)
}

.radio-inline:active .choice.disabled span.checked:after, .radio>label:active .choice.disabled span.checked:after {
 opacity: 1;
 filter: alpha(opacity = 100)
}

.choice[class*=border-] span, .choice[class*=border-] span:after {
 border-color: inherit
}

.dropdown-menu>.active .choice span, .dropdown-menu[class*=bg-] .choice span, .navbar-inverse .navbar-form .choice span, .sidebar:not(.sidebar-default) .checkbox .choice span
 {
 border-color: #fff
}

/* Switchery */
.switchery, .switchery>small {
 background-color: #fff;
 height: 22px;
 margin-bottom: 0px;
}

.switchery {
 border: 1px solid #ddd;
 border-radius: 100px;
 cursor: pointer;
 display: inline-block;
 width: 44px;
 position: relative;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}

.checkbox-switchery .switchery {
 position: absolute;
 left: 0;
 margin-top: -2px
}

.switchery>small {
 border-radius: 100px;
 width: 22px;
 position: absolute;
 top: 0;
 -webkit-box-shadow: 0 1px 3px #EF5350;
 box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.checkbox.checkbox-switchery {
 margin-bottom: 14px;
 padding-left: 0
}

.checkbox.checkbox-switchery.disabled .switchery {
 cursor: not-allowed
}

.checkbox-inline[class*=switchery-], .checkbox[class*=switchery-] {
 padding-left: 0;
 padding-right: 0
}

.switchery-lg.checkbox-switchery {
 margin-bottom: 18px
}

.switchery-lg.checkbox-switchery .switchery {
 margin-top: -4px
}

label.switchery-lg {
 margin-bottom: 0
}

.switchery-lg .switchery {
 height: 26px;
 width: 52px
}

.switchery-lg .switchery>small {
 height: 26px;
 width: 26px
}

.switchery-sm.checkbox-switchery {
 margin-bottom: 10px
}

.switchery-sm.checkbox-switchery .switchery {
 margin-top: 0
}

label.switchery-sm {
 margin-bottom: 0
}

.switchery-sm .switchery {
 height: 18px;
 width: 36px
}

.switchery-sm .switchery>small {
 height: 18px;
 width: 18px
}

.switchery-xs.checkbox-switchery {
 margin-bottom: 6px
}

.checkbox-switchery.checkbox-inline, label.switchery-xs {
 margin-bottom: 0
}

.switchery-xs.checkbox-switchery .switchery {
 margin-top: 2px
}

.switchery-xs .switchery {
 height: 14px;
 width: 28px
}

.switchery-xs .switchery>small {
 height: 14px;
 width: 14px
}

.checkbox-switchery label, label.checkbox-switchery {
 position: relative;
 padding-left: 56px;
 margin: 0;
 cursor: pointer
}

.checkbox-switchery.switchery-lg label, label.checkbox-switchery.switchery-lg {
 padding-left: 64px
}

.checkbox-switchery.switchery-sm label, label.checkbox-switchery.switchery-sm {
 padding-left: 48px
}

.checkbox-switchery.switchery-xs label, label.checkbox-switchery.switchery-xs {
 padding-left: 40px
}

.checkbox-switchery.checkbox-right .switchery {
 left: auto;
 right: 0
}

.checkbox-switchery.checkbox-right label, label.checkbox-switchery.checkbox-right {
 padding-left: 0;
 padding-right: 56px
}

.checkbox-switchery.checkbox-right.switchery-lg label, label.checkbox-switchery.checkbox-right.switchery-lg {
 padding-left: 0;
 padding-right: 64px
}

.checkbox-switchery.checkbox-right.switchery-sm label, label.checkbox-switchery.checkbox-right.switchery-sm {
 padding-left: 0;
 padding-right: 48px
}

.checkbox-switchery.checkbox-right.switchery-xs label, label.checkbox-switchery.checkbox-right.switchery-xs {
 padding-left: 0;
 padding-right: 40px
}

.switchery-double .switchery {
 position: relative;
 margin: -7px 7px -5px
}

.switchery-double.checkbox-switchery label, label.switchery-double.checkbox-switchery {
 padding: 0
}

.switchery-double.switchery-lg .switchery {
 margin-top: -8px;
 margin-bottom: -6px
}

.switchery-double.switchery-sm .switchery {
 margin-top: -6px;
 margin-bottom: -4px
}

.switchery-double.switchery-xs .switchery {
 margin-top: -5px;
 margin-bottom: -3px
}

/* Bootstrap switch */
.bootstrap-switch, .theme_perspective {
 -webkit-user-select: none;
 -ms-user-select: none
}

.bootstrap-switch {
 display: inline-block;
 cursor: pointer;
 margin-top: -2px;
 margin-right: 7px;
 border-radius: 3px;
 border: 1px solid transparent;
 position: relative;
 text-align: left;
 overflow: hidden;
 -moz-user-select: none;
 user-select: none;
 -webkit-transition: all ease-in-out 50ms;
 -o-transition: all ease-in-out 50ms;
 transition: all ease-in-out 50ms
}

.bootstrap-switch .bootstrap-switch-container {
 display: inline-block;
 top: 0;
 border-radius: 3px;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}

.bootstrap-switch.bootstrap-switch-focused {
 outline: 0
}

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label
 {
 cursor: pointer;
 display: inline-block !important;
 height: 100%;
 padding: 7px 12px
}

.bootstrap-switch input[type=radio], .bootstrap-switch input[type=checkbox] {
 position: absolute !important;
 top: 0;
 left: 0;
 z-index: -1;
 opacity: 0;
 filter: alpha(opacity = 0)
}

.bootstrap-switch input[type=radio].form-control, .bootstrap-switch input[type=checkbox].form-control {
 height: auto
}

.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-indeterminate, .bootstrap-switch.bootstrap-switch-readonly
 {
 cursor: default !important
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
 .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
 .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,
 .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
 .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
 cursor: default !important;
 opacity: .5;
 filter: alpha(opacity = 50)
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
 -webkit-transition: margin-left .2s;
 -o-transition: margin-left .2s;
 transition: margin-left .2s
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
 border-radius: 0 2px 2px 0
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
 border-radius: 2px 0 0 2px
}

.bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
 .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
 border-bottom-left-radius: 2px;
 border-top-left-radius: 2px
}

.bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
 border-bottom-right-radius: 2px;
 border-top-right-radius: 2px
}

.bootstrap-switch-handle-off, .bootstrap-switch-handle-on {
 text-align: center;
 z-index: 1
}

.bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch-handle-on.bootstrap-switch-default {
 color: #333;
 background-color: #eee
}

.bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch-handle-on.bootstrap-switch-primary {
 color: #fff;
 background-color: #2196F3
}

.bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch-handle-on.bootstrap-switch-danger {
 color: #fff;
 background-color: #F44336
}

.bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch-handle-on.bootstrap-switch-success {
 color: #fff;
 background-color: #4CAF50
}

.bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch-handle-on.bootstrap-switch-warning {
 color: #fff;
 background-color: #FF5722
}

.bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch-handle-on.bootstrap-switch-info {
 color: #fff;
 background-color: #00BCD4
}

.bootstrap-switch-label {
 text-align: center;
 z-index: 100;
 color: #333;
 background-color: #fff;
 position: relative;
 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
 box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset
}

.bootstrap-switch-label:hover {
 background-color: #fcfcfc
}

.bootstrap-switch-label:active {
 background-color: #fafafa
}

.bootstrap-switch-label:after {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 width: 3px;
 height: 10px;
 margin-top: -5px;
 margin-left: -1px;
 display: inline-block;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd
}

.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch-large .bootstrap-switch-label
 {
 padding: 9px 15px
}

.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch-mini .bootstrap-switch-label
 {
 padding: 5px 10px
}

.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch-small .bootstrap-switch-label
 {
 padding: 6px 11px
}

.checkbox-switch>label, label.checkbox-switch.checkbox-inline {
 padding: 0
}

.checkbox-switch.checkbox-right .bootstrap-switch {
 margin-right: 0;
 margin-left: 7px
}

/* Select2 */
.select2-container {
 outline: 0;
 position: relative;
 display: inline-block;
 text-align: left
}

.select2-selection--single {
 cursor: pointer;
 display: block;
 height: 36px;
 padding: 7px 0;
 line-height: 1.5384616;
 position: relative;
 border: 1px solid transparent;
 white-space: nowrap;
 border-radius: 2px;
 user-select: none
}

.select2-container--open .select2-selection--single, .select2-selection--single:focus, .select2-selection--single:hover {
 -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
 box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
}

.select2-selection--single:not([class*=bg-]) {
 background-color: #fff;
 color: #333
}

.select2-selection--single:not([class*=bg-]):not([class*=border-]) {
 border-color: #ddd
}

.select2-container--open .select2-selection--single[class*=bg-], .select2-selection--single[class*=bg-]:focus,
 .select2-selection--single[class*=bg-]:hover {
 -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .025) inset;
 box-shadow: 0 0 0 100px rgba(0, 0, 0, .025) inset
}

.select2-selection--single[class*=bg-] .select2-selection__placeholder {
 color: #fff
}

.select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder {
 color: rgba(255, 255, 255, .75)
}

.select2-selection--single .select2-selection__rendered {
 display: block;
 padding-left: 12px;
 padding-right: 31px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap
}

.select2-selection--single .select2-selection__rendered>i {
 margin-right: 10px
}

.select2-selection--single .select2-selection__clear {
 position: relative;
 cursor: pointer;
 float: right;
 font-size: 0;
 line-height: 1;
 margin-top: 2px;
 margin-left: 5px;
 opacity: .75;
 filter: alpha(opacity = 75)
}

.select2-selection--single .select2-selection__clear:hover {
 opacity: 1;
 filter: alpha(opacity = 100)
}

.select2-selection--single .select2-selection__clear:after {
 content: '\ed6b';
 font-family: FontAwesome;
 display: inline-block;
 font-size: 16px
}

.select2-selection--single .select2-selection__placeholder {
 color: #999
}

.select2-selection--single .select2-selection__arrow:after {
 content: "\f107";
 font-family: FontAwesome;
 display: inline-block;
 position: absolute;
 top: 50%;
 right: 12px;
 margin-top: -8px;
 font-size: 16px;
 line-height: 1;
 color: inherit;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.bs-searchbox:after, .select2-search--dropdown:after, .selectboxit-default-arrow:after, .validation-error-label:before,
 .validation-valid-label:before {
 font-family: FontAwesome;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.select2-container--disabled .select2-selection--single .select2-selection__clear, .select2-selection--single .select2-selection__arrow b
 {
 display: none
}

.select2-container--open .select2-selection--single .select2-selection__arrow:after {
 content: "\f106";
 font-family: FontAwesome;
}

.select2-container--disabled .select2-selection--single {
 cursor: not-allowed;
 -webkit-box-shadow: none;
 box-shadow: none
}

.select2-container--disabled .select2-selection--single:not([class*=bg-]) {
 background-color: #fafafa;
 color: #999
}

.select2-container--disabled .select2-selection--single[class*=bg-] {
 -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset;
 box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset
}

.select2-selection--multiple {
 display: block;
 border: 1px solid transparent;
 border-radius: 3px;
 cursor: text;
 user-select: none
}

.picker, .select2-results__option, .selectboxit-container * {
 -moz-user-select: none;
 -ms-user-select: none
}

.select2-selection--multiple:not([class*=bg-]) {
 background-color: #fff
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
 border-color: #ddd
}

.select2-selection--multiple .select2-selection__rendered {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 list-style: none;
 margin: 0;
 padding: 0 2px 2px;
 width: 100%
}

.select2-selection--multiple .select2-selection__placeholder {
 color: #999
}

.select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
 background-color: #fafafa;
 color: #999
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] {
 -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset;
 box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice {
 opacity: .9;
 filter: alpha(opacity = 90)
}

.select2-container--disabled .select2-selection--multiple, .select2-container--disabled .select2-selection--multiple .select2-search__field,
 .select2-container--disabled .select2-selection--multiple .select2-selection__choice {
 cursor: not-allowed
}

.select2-selection--multiple .select2-selection__choice {
 background-color: #EF5350;
 color: #fff;
 border-radius: 3px;
 cursor: default;
 float: left;
 margin-right: 2px;
 margin-top: 2px;
 padding: 7px 12px
}

.select2-selection--multiple .select2-selection__choice>i {
 margin-right: 10px
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
 cursor: pointer;
 float: right;
 font-size: 14px;
 margin-top: 3px;
 line-height: 1;
 margin-left: 7px;
 opacity: .75;
 filter: alpha(opacity = 75)
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
 opacity: 1;
 filter: alpha(opacity = 100)
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-search--dropdown:after {
 opacity: .6;
 filter: alpha(opacity = 60)
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
 display: none
}

.select2-selection--multiple .select2-search--inline {
 float: left
}

.select2-selection--multiple .select2-search--inline .select2-search__field {
 font-size: 100%;
 margin-top: 2px;
 padding: 7px 0;
 background-color: transparent;
 border: 0;
 outline: 0;
 margin-left: 7px;
 -webkit-appearance: textfield
}

.select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
 -webkit-appearance: none
}

.select2-dropdown {
 background-color: #fff;
 color: #333;
 border: 1px solid #ddd;
 border-radius: 3px;
 display: block;
 position: absolute;
 left: -100000px;
 width: 100%;
 z-index: 9999;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
 box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.select2-container--open .select2-dropdown--below, .select2-container--open.select2-container--above .select2-selection--multiple,
 .select2-container--open.select2-container--above .select2-selection--single {
 border-top-left-radius: 0;
 border-top-right-radius: 0
}

.select2-container--open .select2-dropdown--above, .select2-container--open.select2-container--below .select2-selection--multiple,
 .select2-container--open.select2-container--below .select2-selection--single {
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0
}

.select2-results {
 display: block
}

.select2-results__options {
 list-style: none;
 margin: 0;
 padding: 0
}

.select2-results>.select2-results__options {
 padding-bottom: 7px;
 max-height: 250px;
 overflow-y: auto
}

.select2-results:first-child>.select2-results__options, .select2-search--hide+.select2-results>.select2-results__options {
 padding-top: 7px
}

.select2-results__option {
 padding: 7px 12px;
 cursor: pointer;
 -webkit-user-select: none;
 user-select: none
}

.select2-results__option+.select2-results__option {
 margin-top: 1px
}

.select2-results__option i {
 margin-right: 10px
}

.select2-results__option i.icon-undefined {
 display: none
}

.select2-results__option[role=group] {
 padding: 0
}

.select2-results__option.select2-results__option--highlighted {
 background-color: #f5f5f5
}

.select2-results__option[aria-disabled=true] {
 color: #999;
 cursor: not-allowed
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
 color: rgba(255, 255, 255, .6)
}

.select2-results__option[aria-selected=true] {
 background-color: #2196F3;
 color: #fff
}

.select2-results__options--nested>.select2-results__option {
 padding-left: 24px;
 padding-right: 24px
}

.select2-results__group {
 display: block;
 padding: 7px 12px;
 font-size: 11px;
 line-height: 1.82;
 text-transform: uppercase;
 cursor: default;
 margin-top: 7px;
 margin-bottom: 7px
}

.select2-results__option:first-child>.select2-results__group {
 margin-top: 0
}

.select2-results__message {
 color: #999;
 cursor: default
}

.select2-dropdown[class*=bg-] .select2-results__message {
 color: rgba(255, 255, 255, .75)
}

.select2-results__option.loading-results {
 padding-top: 0
}

.select2-results__option.loading-results+.select2-results__option {
 margin-top: 7px
}

.select2-results__option--load-more {
 text-align: center;
 margin-top: 7px;
 cursor: default
}

.select2-container--open .select2-dropdown {
 left: 0
}

.select2-container--open .select2-dropdown--above {
 border-bottom: 0
}

.select2-container--open .select2-dropdown--above[class*=bg-] {
 border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.select2-container--open .select2-dropdown--below {
 border-top: none
}

.select2-container--open .select2-dropdown--below[class*=bg-] {
 border-top: 1px solid rgba(255, 255, 255, .2)
}

.select2-search--dropdown {
 display: block;
 position: relative;
 padding: 12px
}

.select2-search--dropdown:after {
 content: "\f002";
 font-family: FontAwesome;
 position: absolute;
 top: 50%;
 left: 24px;
 color: inherit;
 display: block;
 font-size: 12px;
 margin-top: -6px;
 line-height: 1
}

.select2-search--dropdown+.select2-results .select2-results__message:first-child {
 padding-top: 0
}

.select2-search--dropdown .select2-search__field {
 height: 36px;
 padding: 7px 12px 7px 36px;
 border-radius: 3px;
 border: 1px solid #ddd;
 outline: 0;
 width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
 -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
 display: none
}

.select-lg.select2-selection--single {
 height: 40px;
 padding: 9px 0;
 font-size: 14px
}

.select-lg.select2-selection--single .select2-selection__rendered {
 padding-left: 15px;
 padding-right: 34px
}

.select-lg.select2-selection--single .select2-selection__arrow:after {
 right: 15px
}

.select-lg.select2-selection--multiple .select2-selection__choice {
 padding: 9px 15px;
 font-size: 14px
}

.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
 padding: 9px 0;
 font-size: 14px
}

.select-sm.select2-selection--single {
 height: 34px;
 padding: 6px 0;
 font-size: 12px;
 line-height: 1.6666667
}

.select-sm.select2-selection--single .select2-selection__rendered {
 padding-left: 11px;
 padding-right: 26px
}

.select-sm.select2-selection--single .select2-selection__arrow:after {
 right: 11px
}

.select-sm.select2-selection--multiple .select2-selection__choice {
 padding: 6px 11px;
 font-size: 12px;
 line-height: 1.6666667
}

.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
 padding: 6px 0
}

.select-xs.select2-selection--single {
 height: 32px;
 padding: 5px 0;
 font-size: 12px;
 line-height: 1.6666667
}

.select-xs.select2-selection--single .select2-selection__rendered {
 padding-left: 10px;
 padding-right: 24px
}

.select-xs.select2-selection--single .select2-selection__arrow:after {
 right: 10px
}

.select-xs.select2-selection--multiple {
 height: 31px;
}

.select-xs.select2-selection--multiple .select2-selection__choice {
 padding: 2px 10px 3px;
 font-size: 12px;
 line-height: 1.6666667
}

.select-xs.select2-selection--multiple .select2-search--inline .select2-search__field {
 padding: 5px 0;
 font-size: 12px;
 line-height: 1.6666667
}

.select2-selection--multiple[class*=bg-] .select2-selection__choice {
 background-color: rgba(0, 0, 0, .25)
}

.select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
 background-color: rgba(0, 0, 0, .2);
 border-color: transparent;
 color: #fff
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
 background-color: rgba(0, 0, 0, .2)
}

.select2-dropdown[class*=bg-] .select2-results__option--highlighted {
 background-color: rgba(0, 0, 0, .1)
}

.select2-close-mask {
 border: 0;
 margin: 0;
 padding: 0;
 display: block;
 position: fixed;
 left: 0;
 top: 0;
 min-height: 100%;
 min-width: 100%;
 height: auto;
 width: auto;
 z-index: 99;
 background-color: #fff;
 opacity: 0;
 filter: alpha(opacity = 0)
}

.select2-hidden-accessible {
 border: 0 !important;
 clip: rect(0, 0, 0, 0) !important;
 height: 1px !important;
 margin: -1px !important;
 overflow: hidden !important;
 padding: 0 !important;
 position: fixed !important;
 width: 1px !important
}

.select2-result-repository {
 padding-top: 7px;
 padding-bottom: 7px
}

.select2-result-repository__avatar {
 float: left;
 width: 60px;
 margin-right: 15px
}

.select2-result-repository__avatar img {
 width: 100%;
 height: auto;
 border-radius: 100px
}

.select2-result-repository__meta {
 margin-left: 70px
}

.select2-result-repository__title {
 font-weight: 500;
 word-wrap: break-word;
 margin-bottom: 2px
}

.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
 display: inline-block;
 font-size: 12px
}

.select2-result-repository__description {
 font-size: 12px
}

.select2-result-repository__forks, .select2-result-repository__stargazers {
 margin-right: 15px
}

/* Twitter typehead */
.twitter-typeahead {
 width: 100%
}

.tt-hint, .tt-query, .typeahead {
 outline: 0
}

.tt-hint {
 color: #999
}

.tt-dropdown-menu {
 width: 100%;
 margin-top: 1px;
 min-width: 180px;
 padding: 5px 0;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 3px;
 max-height: 300px;
 overflow-y: auto;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
 box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.typeahead-scrollable .tt-dropdown-menu {
 max-height: 150px
}

.typeahead-rtl .tt-dropdown-menu {
 text-align: right
}

.tt-suggestion {
 padding: 8px 15px;
 cursor: pointer
}

.tt-suggestion.tt-cursor {
 background-color: #f5f5f5
}

.editable, .editable-bg-transition, .tokenfield .token.invalid {
 background-color: transparent
}

.tt-suggestion p {
 margin: 0
}

.tt-dataset-group .tt-suggestion {
 padding-left: 24px;
 padding-right: 24px
}

.tt-heading {
 font-size: 11px;
 line-height: 1.82;
 padding: 8px 15px;
 text-transform: uppercase;
 display: block;
 font-weight: 500;
 margin-top: 2px;
 margin-bottom: 2px
}

.typeahead-template .empty-message {
 padding: 8px 15px;
 text-align: center
}

/* Tokenfield */
.tokenfield {
 height: auto
}

.tokenfield.form-control {
 height: auto;
 padding: 0 0 2px
}

.tokenfield:after {
 content: '';
 display: table;
 clear: both
}

.bootstrap-tagsinput .tag [data-role=remove]:after, .tokenfield .token>.close:after {
 content: "\f00d";
 font-family: FontAwesome;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.tokenfield .token {
 margin: 2px 0 0 2px;
 cursor: default;
 float: left;
 position: relative;
 border-radius: 2px
}

.tokenfield .token:not([class*=bg-]) {
 background-color: #EF5350;
 color: #fff
}

.tokenfield .token:not([class*=bg-]):focus, .tokenfield .token:not([class*=bg-]):hover {
 background-color: #03A9F4;
 color: #fff
}

.tokenfield .token.invalid {
 background-color: transparent;
 border: 1px solid transparent;
 border-radius: 0;
 border-bottom: 1px dotted #F44336
}

.tokenfield .token.invalid.active {
 background-color: #eee;
 border: 1px solid #eee
}

.tokenfield .token .token-label {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 padding: 5px 22px 5px 8px;
 font-size: 12px;
 line-height: 1.6666667
}

.tokenfield .token>.close {
 font-size: 0;
 cursor: pointer;
 position: absolute;
 top: 50%;
 color: inherit;
 right: 8px;
 line-height: 1;
 margin-top: -5.5px
}

.tokenfield.disabled, .tokenfield.disabled .token, .tokenfield.disabled .token .close, .tokenfield.disabled .token-input {
 cursor: not-allowed
}

.tokenfield .token>.close:after {
 display: block;
 font-size: 11px
}

.tokenfield .twitter-typeahead {
 width: auto
}

.tokenfield .token-input {
 background: 0 0;
 width: 90px !important;
 max-width: 50%;
 min-width: 60px;
 padding: 5px 11px;
 margin-top: 2px;
 margin-left: 2px;
 font-size: 12px;
 line-height: 1.6666667;
 border: 0;
 outline: 0
}

.tokenfield.readonly .token .token-label {
 padding-right: 11px
}

.tokenfield.readonly .token .close {
 display: none
}

.tokenfield.disabled .token, .tokenfield.disabled .token .close {
 opacity: .5;
 filter: alpha(opacity = 50)
}

.tokenfield.disabled .token:focus, .tokenfield.disabled .token:hover {
 background-color: #eee;
 color: #333
}

.input-group-lg .token-input, .input-group-lg .token>.token-label, .input-group-lg .token>span, .tokenfield.input-lg .token-input,
 .tokenfield.input-lg .token>.token-label, .tokenfield.input-lg .token>span {
 font-size: 13px;
 line-height: 20px;
 padding: 7px 12px
}

.input-group-lg .token>.token-label, .input-group-lg .token>span, .tokenfield.input-lg .token>.token-label, .tokenfield.input-lg .token>span
 {
 padding-right: 29px
}

.input-group-lg .token>.close, .tokenfield.input-lg .token>.close {
 right: 12px
}

.input-group-lg.readonly .token>.token-label, .tokenfield.input-lg.readonly .token>.token-label {
 padding-right: 12px
}

.input-group-sm .token>.token-label, .input-group-sm .token>span, .tokenfield.input-sm .token>.token-label, .tokenfield.input-sm .token>span
 {
 padding: 4px 27.5px 4px 11px
}

.input-group-sm .token-input, .tokenfield.input-sm .token-input {
 padding: 4px 11px
}

.input-group-sm .token>.close, .tokenfield.input-sm .token>.close {
 right: 11px
}

.input-group-sm.readonly .token>.token-label, .tokenfield.input-sm.readonly .token>.token-label {
 padding-right: 11px
}

/* NoUI slider*/
.noUi-target {
 border-radius: 100px;
 position: relative;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.noUi-target, .noUi-target * {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.irs, .line-numbers .line-numbers-rows {
 -webkit-user-select: none;
 -ms-user-select: none
}

.noUi-base {
 width: 100%;
 height: 100%;
 position: relative
}

.noUi-origin {
 position: absolute;
 right: 0;
 top: 0;
 left: 0;
 bottom: 0;
 border-radius: 100px
}

.noUi-state-drag * {
 cursor: inherit !important
}

.noUi-background {
 background-color: #eee;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.noUi-connect {
 background-color: #EF5350
}

[disabled] .noUI-background {
 opacity: .75;
 filter: alpha(opacity = 75)
}

.noUi-handle:active:after, .noUi-handle:focus:after, .noUi-handle:hover:after {
 opacity: .9;
 filter: alpha(opacity = 90)
}

[disabled] .noUi-handle {
 cursor: not-allowed
}

.noUi-horizontal {
 height: 6px
}

.noUi-horizontal .noUi-handle {
 top: -6px;
 left: -9px
}

.noUi-horizontal.noUi-extended {
 padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
 right: -15px
}

.noUi-horizontal.has-pips {
 margin-bottom: 35px
}

.noUi-vertical {
 display: inline-block;
 width: 6px;
 height: 150px
}

.noUi-vertical+.noUi-vertical {
 margin-left: 20px
}

.noUi-vertical .noUi-handle {
 top: -9px;
 left: -6px
}

.noUi-vertical.noUi-extended {
 padding: 15px 0
}

.noUi-vertical.noUi-extended .noUi-origin {
 bottom: -15px
}

.noUi-vertical.has-pips {
 margin-right: 35px
}

.noUi-dragable {
 cursor: w-resize
}

.noUi-vertical .noUi-dragable {
 cursor: n-resize
}

.noUi-handle {
 width: 18px;
 height: 18px;
 background-color: #fcfcfc;
 cursor: pointer;
 top: -6px;
 position: relative;
 z-index: 1;
 border-radius: 50%;
 border: 1px solid #bbb
}

.noUi-handle:after, .noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value {
 position: absolute
}

.noUi-stacking .noUi-handle {
 z-index: 10
}

.noUi-handle:after {
 content: '';
 display: inline-block;
 width: 6px;
 height: 6px;
 top: 50%;
 left: 50%;
 margin-top: -3px;
 margin-left: -3px;
 background-color: #EF5350;
 border-radius: 50%
}

.noUi-handle:focus, .noUi-handle:hover {
 background-color: #f8f8f8
}

.noUi-handle:active {
 background-color: #fefefe
}

.noui-slider-white .noUi-handle:after {
 content: none
}

.irs-slider:after, .noUi-tooltip:after {
 content: ''
}

.noui-slider-lg .noUi-handle {
 width: 24px;
 height: 24px;
 top: -8px
}

.noui-slider-lg .noUi-handle:after {
 width: 8px;
 height: 8px;
 margin-top: -4px;
 margin-left: -4px
}

.noui-slider-lg.noUi-horizontal {
 height: 8px
}

.noui-slider-lg.noUi-horizontal .noUi-handle {
 left: -12px
}

.noui-slider-lg.noUi-vertical {
 width: 8px
}

.noui-slider-lg.noUi-vertical .noUi-handle {
 top: -12px;
 left: -8px
}

.noui-slider-sm .noUi-handle, .noui-slider-xs .noUi-handle {
 width: 12px;
 height: 12px;
 top: -4px
}

.noui-slider-sm .noUi-handle:after, .noui-slider-xs .noUi-handle:after {
 width: 4px;
 height: 4px;
 margin-top: -2px;
 margin-left: -2px
}

.noui-slider-sm.noUi-horizontal {
 height: 4px
}

.noui-slider-sm.noUi-horizontal .noUi-handle {
 top: -4px;
 left: -6px
}

.noui-slider-sm.noUi-vertical {
 width: 4px
}

.noui-slider-sm.noUi-vertical .noUi-handle {
 top: -6px;
 left: -4px
}

.noui-slider-xs.noUi-horizontal {
 height: 2px
}

.noui-slider-xs.noUi-horizontal .noUi-handle {
 top: -5px;
 left: -6px
}

.noui-slider-xs.noUi-vertical {
 width: 2px
}

.noui-slider-xs.noUi-vertical .noUi-handle {
 top: -6px;
 left: -5px
}

.noui-slider-solid .noUi-handle {
 background-color: #999;
 border-color: #999;
 -webkit-box-shadow: none;
 box-shadow: none
}

.noui-slider-solid .noUi-handle:after {
 background-color: #fff;
 -webkit-transition: opacity ease-in-out .2s;
 -o-transition: opacity ease-in-out .2s;
 transition: opacity ease-in-out .2s
}

.noui-slider-solid .noUi-handle:focus:after, .noui-slider-solid .noUi-handle:hover:after {
 opacity: .75;
 filter: alpha(opacity = 75)
}

.noui-slider-solid.noui-slider-primary .noUi-handle {
 background-color: #2196F3;
 border-color: #2196F3
}

.noui-slider-solid.noui-slider-danger .noUi-handle {
 background-color: #F44336;
 border-color: #F44336
}

.noui-slider-solid.noui-slider-success .noUi-handle {
 background-color: #4CAF50;
 border-color: #4CAF50
}

.noui-slider-solid.noui-slider-warning .noUi-handle {
 background-color: #FF5722;
 border-color: #FF5722
}

.noui-slider-solid.noui-slider-info .noUi-handle {
 background-color: #00BCD4;
 border-color: #00BCD4
}

.noui-slider-primary .noUi-connect, .noui-slider-primary.noUi-connect {
 background-color: #2196F3
}

.noui-slider-danger .noUi-connect, .noui-slider-danger.noUi-connect {
 background-color: #F44336
}

.noui-slider-success .noUi-connect, .noui-slider-success.noUi-connect {
 background-color: #4CAF50
}

.noui-slider-warning .noUi-connect, .noui-slider-warning.noUi-connect {
 background-color: #FF5722
}

.noui-slider-info .noUi-connect, .noui-slider-info.noUi-connect {
 background-color: #00BCD4
}

.noUi-tooltip {
 display: none;
 border-radius: 3px;
 background: #333;
 color: #fff;
 top: -43px;
 padding: 7px 12px;
 left: 50%;
 margin-left: -27px;
 text-align: center;
 font-size: 12px;
 width: 54px
}

.irs, .noUi-handle:hover .noUi-tooltip {
 display: block
}

.noUi-tooltip:after {
 width: 0;
 height: 0;
 border: 5px solid transparent;
 border-top-color: #333;
 position: absolute;
 bottom: -10px;
 left: 50%;
 margin-left: -5px
}

.noUi-pips {
 color: #999
}

.noUi-value {
 width: 40px;
 text-align: center;
 font-size: 11px
}

.noUi-value-sub {
 color: #ccc;
 font-size: 11px
}

.noUi-marker {
 background-color: #ccc
}

.noUi-pips-horizontal {
 padding-top: 10px;
 height: 35px;
 top: 100%;
 left: 0;
 width: 100%
}

.noUi-value-horizontal {
 margin-left: -20px;
 padding-top: 15px
}

.noUi-value-horizontal.noUi-value-sub {
 padding-top: 10px
}

.noUi-marker-horizontal.noUi-marker {
 width: 1px;
 height: 3px
}

.noUi-marker-horizontal.noUi-marker-sub {
 height: 6px
}

.noUi-marker-horizontal.noUi-marker-large {
 height: 10px
}

.noUi-pips-vertical {
 padding-left: 10px;
 height: 100%;
 top: 0;
 left: 100%
}

.noUi-value-vertical {
 width: 15px;
 margin-left: 15px;
 margin-top: -6px
}

.noUi-marker-vertical.noUi-marker {
 width: 3px;
 height: 1px
}

.noUi-marker-vertical.noUi-marker-sub {
 width: 6px
}

.noUi-marker-vertical.noUi-marker-large {
 width: 10px
}

/* Stepy form wizard */
.form-wizard-title {
 margin: 0 0 20px;
 padding-bottom: 20px;
 border-bottom: 1px solid #ddd
}

.form-wizard-count {
 float: left;
 display: block;
 width: 38px;
 height: 38px;
 border-radius: 50%;
 background: #EF5350;
 color: #fff;
 text-align: center;
 line-height: 38px;
 margin-right: 10px;
 font-size: 24px;
}

.ui-formwizard .step {
 padding: 20px 20px 0
}

.form-wizard-actions {
 text-align: right;
 padding: 0 20px 20px
}

.panel-body .form-wizard-actions {
 padding: 0
}

.form-wizard-actions .btn+.btn {
 margin-left: 5px
}

.stepy-step {
 padding: 0 20px 20px
}

.stepy-header {
 list-style: none;
 padding: 0;
 margin: 0;
 display: table;
 table-layout: fixed;
 width: 100%
}

.panel-flat>.stepy-header {
 border-top: 1px solid #ddd
}

.stepy-header li {
 cursor: pointer;
 display: table-cell;
 vertical-align: top;
 width: auto;
 padding: 20px 0;
 text-align: center;
 position: relative
}

.stepy-header li span {
 display: block;
 margin-top: 10px;
 color: #999
}

.stepy-header li:after, .stepy-header li:before {
 content: '';
 display: block;
 position: absolute;
 top: 43px;
 width: 50%;
 height: 2px;
 background-color: #00BCD4;
 z-index: 9
}

.stepy-header li:before {
 left: 0
}

.stepy-header li:first-child:before, .stepy-header li:last-child:after {
 content: none
}

.stepy-header li div {
 background-color: #00BCD4;
 font-size: 0;
 position: relative;
 color: #fff;
 margin-left: auto;
 margin-right: auto;
 width: 38px;
 height: 38px;
 border: 2px solid #00BCD4;
 z-index: 10;
 line-height: 34px;
 text-align: center;
 border-radius: 50%
}

.stepy-header li div:after {
 content: '\ed6c';
 display: inline-block;
 font-size: 16px;
 -o-transition: all .15s ease-in-out;
 transition: all .15s ease-in-out
}

.stepy-header li.stepy-active:after, .stepy-header li.stepy-active ~li:after, .stepy-header li.stepy-active ~li:before {
 background-color: #f5f5f5
}

.stepy-header li.stepy-active ~li div {
 border-color: #eee;
 background-color: #fff;
 color: #ccc;
 font-size: 14px
}

.stepy-header li.stepy-active ~li div:after {
 content: none
}

.stepy-header li.stepy-active div {
 cursor: auto;
 border-color: #00BCD4;
 background-color: #fff;
 color: #00BCD4
}

.stepy-header li.stepy-active div:after {
 content: '\e913'
}

.stepy-header li.stepy-active span {
 color: #333
}

@media ( max-width :769px) {
 .stepy-header {
  margin-bottom: 20px
 }
 .stepy-header li {
  display: block;
  float: left;
  width: 50%;
  padding-bottom: 0
 }
 .stepy-header li:first-child:before, .stepy-header li:last-child:after {
  content: ''
 }
 .stepy-header li.stepy-active:last-child:after {
  background-color: #00BCD4
 }
}

@media ( max-width :480px) {
 .stepy-header li {
  width: 100%
 }
 .stepy-header li.stepy-active:after {
  background-color: #00BCD4
 }
}

.stepy-navigator {
 text-align: right
}

.stepy-navigator .btn+.btn {
 margin-left: 5px
}

/* Daterange date selector */
.daterangepicker {
 position: absolute;
 left: 0;
 margin-top: 5px;
 width: auto;
 padding: 0
}

.daterangepicker.dropdown-menu {
 max-width: none;
 background-color: transparent;
 border: 0;
 z-index: 1000;
 -webkit-box-shadow: none;
 box-shadow: none
}

.daterangepicker .calendar, .ranges {
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.daterangepicker.dropup {
 margin-top: -7px
}

.daterangepicker.opensright .calendars {
 float: right
}

.daterangepicker.single .calendar {
 float: none;
 margin-left: 0;
 margin-right: 0
}

.daterangepicker.single .ranges {
 display: none
}

.daterangepicker.show-calendar .calendar {
 display: block
}

.daterangepicker .calendar {
 display: none;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 3px;
 margin: 7px;
 padding: 14px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.daterangepicker td.available:focus, .daterangepicker td.available:hover, .daterangepicker td.in-range {
 background-color: #f5f5f5
}

.daterangepicker table {
 width: 100%;
 margin: 0
}

.daterangepicker td, .daterangepicker th {
 white-space: nowrap;
 text-align: center
}

.daterangepicker td.week, .daterangepicker th.week {
 font-size: 80%;
 color: #ccc
}

.daterangepicker th {
 color: #999;
 font-weight: 400;
 font-size: 12px
}

.daterangepicker th>i {
 top: 0
}

.daterangepicker th.available:focus, .daterangepicker th.available:hover {
 color: #333
}

.daterangepicker td.disabled, .daterangepicker td.off {
 color: #ccc
}

.daterangepicker td.disabled {
 cursor: not-allowed
}

.daterangepicker td.active, .daterangepicker td.active:focus, .daterangepicker td.active:hover {
 background-color: #EF5350;
 color: #fff;
 border-radius: 3px
}

.daterangepicker .table-condensed tr>td, .daterangepicker .table-condensed tr>th {
 padding: 10px;
 line-height: 1
}

.daterangepicker .table-condensed thead tr:last-child th {
 padding-top: 14px
}

.daterangepicker .table-condensed .month {
 font-size: 15px;
 line-height: 1;
 color: #333;
 padding-top: 15px;
 padding-bottom: 15px;
 font-weight: 400
}

.daterangepicker select {
 display: inline-block
}

.daterangepicker select.monthselect {
 margin-right: 2%;
 width: 56%
}

.daterangepicker select.yearselect {
 width: 40%
}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect
 {
 width: 60px;
 padding-left: 0;
 padding-right: 0;
 margin-bottom: 0
}

.daterangepicker .daterangepicker_input {
 position: relative
}

.daterangepicker .daterangepicker_input i {
 position: absolute;
 right: 11px;
 top: auto;
 bottom: 10px;
 color: #999
}

.daterangepicker .daterangepicker_input input {
 padding-left: 11px;
 padding-right: 34px
}

.daterangepicker .calendar-time {
 text-align: center;
 margin: 12px 0
}

.daterangepicker .calendar-time select.disabled {
 color: #ccc;
 cursor: not-allowed
}

.daterange-custom, .ranges ul li {
 cursor: pointer
}

.daterangepicker .calendar, .daterangepicker .ranges, .daterangepicker.opensleft .calendars, .wizard>.actions>ul>li {
 float: left;
}

.ranges {
 background-color: #fff;
 position: relative;
 border: 1px solid #ddd;
 border-radius: 3px;
 width: 200px;
 margin-top: 7px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.ranges .daterangepicker-inputs+.range_inputs, .ranges ul+.daterangepicker-inputs {
 border-top: 1px solid #e5e5e5
}

.picker, .picker__holder {
 width: 100%;
 position: absolute
}

.AnyTime-win, .picker__holder {
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.opensright .ranges {
 margin-left: 0
}

.opensleft .ranges {
 margin-right: 0
}

.ranges ul {
 list-style: none;
 margin: 0;
 padding: 7px 0
}

.ranges ul li {
 color: #333;
 padding: 8px 12px;
 margin-top: 1px
}

.ranges ul li:first-child {
 margin-top: 0
}

.ranges ul li:focus, .ranges ul li:hover {
 background-color: #f5f5f5
}

.ranges ul li.active {
 color: #fff;
 background-color: #EF5350
}

.ranges .daterangepicker-inputs {
 padding: 19px 12px 12px
}

.ranges .daterangepicker-inputs .daterangepicker_input+.daterangepicker_input {
 margin-top: 19px
}

.ranges .daterangepicker-inputs .daterangepicker_input>span {
 display: block;
 font-size: 12px;
 margin-bottom: 7px;
 color: #999
}

.ranges .range_inputs {
 padding: 12px
}

.ranges .range_inputs .btn {
 display: block;
 width: 100%
}

.ranges .range_inputs .btn+.btn {
 margin-top: 12px
}

@media ( min-width :769px) {
 .ranges {
  margin: 7px
 }
}

.daterange-custom:after {
 content: '';
 display: table;
 clear: both
}

.daterange-custom .badge, .daterange-custom .label {
 margin: 4px 0 0 7px;
 vertical-align: top
}

.daterange-custom .label-icon {
 margin-top: 0;
 margin-right: 5px
}

.daterange-custom-display {
 display: inline-block;
 position: relative;
 padding-left: 21px;
 line-height: 1
}

.daterange-custom-display:after {
 content: '\e9c9';
 display: inline-block;
 position: absolute;
 top: 50%;
 left: 0;
 margin-top: -8px;
 -webkit-transition: all ease-in-out .2s;
 -o-transition: all ease-in-out .2s;
 transition: all ease-in-out .2s
}

.daterange-custom.is-opened .daterange-custom-display:after {
 -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg)
}

.daterange-custom-display>i {
 display: inline-block;
 font-size: 28px;
 font-weight: 400;
 font-style: normal;
 letter-spacing: -.015em
}

.daterange-custom-display b {
 display: inline-block;
 margin-left: 4px;
 font-weight: 400
}

.daterange-custom-display b>i {
 font-size: 11px;
 display: block;
 line-height: 12px;
 text-transform: uppercase;
 font-style: normal;
 font-weight: 400
}

.daterange-custom-display em {
 line-height: 30px;
 vertical-align: top;
 margin: 0 4px
}

@media ( max-width :769px) {
 .opensleft, .opensright {
  left: 0 !important;
  right: 0
 }
 .daterangepicker.opensleft .calendar, .daterangepicker.opensleft .calendars, .daterangepicker.opensleft .ranges, .daterangepicker.opensright .calendar,
  .daterangepicker.opensright .calendars, .daterangepicker.opensright .ranges, .opensleft .calendars, .opensright .calendars {
  float: none
 }
 .daterangepicker {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px
 }
 .daterangepicker .calendar {
  margin-left: 0;
  margin-right: 0
 }
 .daterangepicker .ranges {
  width: 100%
 }
}

.picker {
 text-align: left;
 top: 100%;
 margin-top: -1px;
 z-index: 990;
 -webkit-user-select: none;
 user-select: none
}

/* Anytime date and time picker */
.AnyTime-pkr, .picker--time .picker__button--clear, .picker__footer, .picker__header, .picker__table, .picker__weekday {
 text-align: center
}

.picker__input {
 cursor: default
}

.picker__holder {
 overflow-y: auto;
 display: none;
 background-color: #fff;
 border: 1px solid #ddd;
 border-top-width: 0;
 border-bottom-width: 0;
 max-width: 290px;
 max-height: 0;
 -webkit-overflow-scrolling: touch;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.picker--opened .picker__holder {
 max-height: 480px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 display: block;
 min-width: 300px;
}

.picker__box {
 padding: 14px
}

.picker__header {
 position: relative;
 font-size: 15px;
 line-height: 1;
 padding-top: 15px;
 padding-bottom: 15px
}

.picker__month, .picker__year {
 font-weight: 500;
 display: inline-block;
 margin-left: 5px;
 margin-right: 5px
}

.picker__year {
 color: #999;
 font-size: 12px;
 font-weight: 400
}

.picker__select--month, .picker__select--year {
 border-color: #ddd;
 height: 32px;
 font-size: 13px;
 line-height: 1.6666667;
 margin-left: 5px;
 margin-right: 5px;
 outline: 0
}

.picker__select--month {
 width: 35%
}

.picker__select--year {
 width: 22.5%
}

.picker__nav--next, .picker__nav--prev {
 position: absolute;
 padding: 8px;
 top: 50%;
 margin-top: -16px;
 border-radius: 2px;
 line-height: 1
}

.picker__nav--next:before, .picker__nav--prev:before {
 display: block;
 font-size: 16px;
 width: 16px;
 text-align: center
}

.picker__button--clear:before, .picker__button--close:before, .picker__button--today:before {
 display: inline-block;
 margin-right: 5px;
 position: relative
}

.picker__nav--next:hover, .picker__nav--prev:hover {
 cursor: pointer;
 background-color: #f5f5f5
}

.picker__nav--prev {
 left: 0
}

.picker__nav--prev:before {
 content: "\f104";
 font-family: FontAwesome;
}

.picker__nav--next {
 right: 0
}

.picker__nav--next:before {
 content: "\f105";
 font-family: FontAwesome;
}

.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
 cursor: default;
 background: 0 0;
 border-right-color: #f5f5f5;
 border-left-color: #f5f5f5
}

.picker__table {
 table-layout: fixed;
 font-size: inherit;
 width: 100%;
 margin-bottom: 14px
}

.picker__table td {
 margin: 0;
 padding: 0
}

.picker__weekday {
 width: 14.285714286%;
 font-size: 12px;
 padding-bottom: 10px;
 padding-top: 14px;
 color: #999;
 font-weight: 400
}

.picker__day {
 padding: 7px
}

.picker__day--today {
 position: relative;
 background-color: #f5f5f5
}

.picker__day--today:before {
 content: "";
 position: absolute;
 top: 2px;
 right: 2px;
 width: 0;
 height: 0;
 border-top: 6px solid #26A69A;
 border-left: 6px solid transparent
}

.picker__day--outfocus {
 color: #ccc
}

.picker__day--infocus:hover, .picker__day--outfocus:hover {
 cursor: pointer;
 color: #333;
 background-color: #f5f5f5
}

.picker__day--highlighted:before {
 border-top-color: #fff
}

.picker__day--highlighted, .picker__day--selected {
 border-radius: 3px
}

.picker--focused .picker__day--highlighted, .picker__day--highlighted, .picker__day--highlighted:hover {
 cursor: pointer;
 color: #fff;
 background-color: #EF5350
}

.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {
 background-color: #26A69A;
 color: #fff
}

.picker__day--disabled, .picker__day--disabled:hover {
 background: #fafafa;
 color: #999;
 cursor: default
}

.picker__day--disabled:before {
 border-top-color: #999
}

.picker__day--highlighted .picker__day--disabled, .picker__day--highlighted .picker__day--disabled:hover {
 background-color: #bbb
}

.picker__footer button {
 border: 0;
 background: #fff;
 padding: 6px 11px;
 border-radius: 3px;
 font-weight: 500;
 cursor: pointer;
 display: inline-block
}

.picker__footer button:focus, .picker__footer button:hover {
 outline: 0;
 background-color: #f5f5f5
}

.picker__footer button:before {
 height: 0
}

.picker__button--today:before {
 content: '';
 top: -1px;
 width: 0;
 border-top: 6px solid #2196F3;
 border-left: 6px solid transparent
}

.picker__button--close:before {
 content: '\D7';
 top: 1px;
 line-height: 1;
 font-size: 16px
}

.picker__button--clear:before {
 content: '';
 top: -3px;
 width: 8px;
 border-top: 2px solid #F44336
}

.picker--time {
 min-width: 256px;
 max-width: 320px
}

.picker--time .picker__box {
 padding: 0
}

.picker__list {
 list-style: none;
 padding: 7px 0;
 margin: 0;
 max-height: 250px;
 overflow-y: auto
}

.picker__list-item {
 position: relative;
 padding: 7px 12px
}

.picker__list-item:focus, .picker__list-item:hover {
 cursor: pointer;
 background-color: #f5f5f5;
 z-index: 10
}

.picker--time .picker__button--clear {
 display: block;
 width: 100%;
 margin: 7px 0 -7px;
 padding: 6px 11px;
 background-color: #fcfcfc;
 outline: 0;
 border: 0;
 border-top: 1px solid #eee
}

.picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover {
 background-color: #f5f5f5
}

.picker__list-item--highlighted {
 z-index: 10
}

.picker--focused .picker__list-item--highlighted, .picker__list-item--highlighted, .picker__list-item--highlighted:hover {
 cursor: pointer;
 color: #fff;
 background-color: #26A69A
}

.picker--focused .picker__list-item--selected, .picker__list-item--selected, .picker__list-item--selected:hover {
 background-color: #26A69A;
 color: #fff;
 z-index: 10
}

.picker--focused .picker__list-item--disabled, .picker__list-item--disabled, .picker__list-item--disabled:hover {
 background-color: #fafafa;
 color: #999;
 cursor: not-allowed;
 z-index: auto
}

/* Spectrum color picker */
.sp-initial, .sp-input-container {
 margin-top: 10px
}

.sp-alpha-inner, .sp-clear-enabled .sp-clear, .sp-color, .sp-hue, .sp-preview-inner, .sp-sat, .sp-thumb-inner, .sp-top-inner,
 .sp-val {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0
}

.sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
 .sp-initial-disabled .sp-initial, .sp-palette-disabled .sp-palette-container, .sp-palette-only .sp-picker-container {
 display: none
}

.sp-hidden {
 display: none !important
}

.sp-cf:after, .sp-cf:before {
 content: "";
 display: table
}

.sp-cf:after {
 clear: both
}

.sp-alpha, .sp-preview, .sp-thumb-el {
 background-image:
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.sp-alpha-inner, .sp-preview-inner, .sp-thumb-inner {
 display: block
}

.sp-container {
 position: absolute;
 top: 0;
 left: 0;
 display: inline-block;
 z-index: 1000;
 border: 1px solid #ddd;
 border-radius: 3px;
 overflow: hidden;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
 box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
 background: #fff;
}

.sp-container.sp-flat {
 position: relative;
 overflow-x: auto;
 max-width: 100%;
 white-space: nowrap
}

.sp-palette-container, .sp-picker-container {
 display: block;
 white-space: nowrap;
 vertical-align: top;
 position: relative;
 padding: 10px 10px 300px;
 margin-bottom: -290px
}

.datepicker table .cw, .sp-replacer, .ui-button, .ui-buttonset {
 vertical-align: middle
}

@media ( min-width :769px) {
 .sp-palette-container, .sp-picker-container {
  display: inline-block
 }
}

.sp-alpha-enabled .sp-alpha, .sp-top {
 display: block
}

.sp-picker-container {
 width: 220px
}

.sp-alpha, .sp-alpha-handle, .sp-clear, .sp-container, .sp-container button, .sp-container.sp-dragging .sp-input, .sp-dragger,
 .sp-preview, .sp-replacer, .sp-slider {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.sp-top {
 position: relative;
 width: 100%
}

.sp-alpha, .sp-alpha-handle, .sp-dragger, .sp-slider {
 position: absolute
}

.sp-color {
 right: 20%
}

.sp-hue {
 left: 85%;
 height: 100%
}

.sp-clear-enabled .sp-hue {
 top: 40px;
 height: 75%
}

.sp-fill {
 padding-top: 80%
}

.sp-alpha-enabled .sp-top {
 margin-bottom: 26px
}

.sp-alpha, .sp-clear {
 display: none
}

.sp-alpha-handle {
 top: -4px;
 bottom: -4px;
 width: 5px;
 left: 50%;
 cursor: pointer;
 border: 1px solid #999;
 border-radius: 5px
}

.sp-initial-disabled .sp-input-container, .sp-input {
 width: 100%
}

.sp-alpha {
 bottom: -16px;
 right: 0;
 left: 0;
 height: 6px
}

.sp-clear-display {
 cursor: pointer
}

.sp-clear-display:after {
 content: "\f00d";
 font-family: FontAwesome;
 display: block;
 font-size: 16px;
 line-height: 30px
}

.sp-initial .sp-clear-display:after, .sp-preview .sp-clear-display:after {
 content: none
}

.sp-clear-enabled .sp-clear {
 display: block;
 left: 85%;
 height: 30px;
 text-align: center;
 color: #999;
 -webkit-box-shadow: 0 0 0 1px #ddd inset;
 box-shadow: 0 0 0 1px #ddd inset
}

.sp-input, .sp-replacer.sp-active .sp-dd, .sp-replacer:hover .sp-dd {
 color: #333
}

.sp-input {
 border: 1px solid #ddd;
 padding: 7px 12px;
 border-radius: 3px;
 outline: 0
}

.sp-initial span {
 width: 50%;
 height: 25px;
 display: block;
 float: left
}

.sp-initial span .sp-thumb-inner {
 height: 25px;
 width: 100%;
 display: block
}

.sp-dragger {
 height: 5px;
 width: 5px;
 border: 1px solid #fff;
 background-color: #333;
 cursor: pointer;
 top: 0;
 left: 0
}

.sp-slider {
 top: 0;
 cursor: pointer;
 height: 4px;
 left: -2px;
 right: -2px;
 border: 1px solid #999;
 background-color: #fff;
 border-radius: 3px
}

.sp-dd, .sp-preview, .sp-thumb-el {
 position: relative
}

.sp-replacer {
 overflow: hidden;
 cursor: pointer;
 padding: 5px;
 display: inline-block;
 border: 1px solid #ddd;
 background-color: #fafafa;
 border-radius: 3px
}

.sp-replacer.sp-active, .sp-replacer:hover {
 border-color: #c4c4c4;
 color: #333
}

.sp-replacer[class*=bg-], .sp-replacer[class*=bg-]:focus, .sp-replacer[class*=bg-]:hover {
 border-color: transparent
}

.sp-replacer[class*=bg-] .sp-dd, .sp-replacer[class*=bg-].sp-active .sp-dd {
 color: #fff
}

.sp-dd, .sp-replacer.sp-disabled .sp-dd, .sp-replacer.sp-disabled[class*=bg-] .sp-dd {
 color: #999
}

.sp-replacer.sp-disabled {
 cursor: default;
 opacity: .8;
 filter: alpha(opacity = 80)
}

.sp-replacer.sp-disabled:not([class*=bg-]):focus, .sp-replacer.sp-disabled:not([class*=bg-]):hover {
 border-color: #ddd
}

.sp-preview {
 width: 26px;
 height: 24px;
 margin-right: 5px;
 float: left;
 z-index: 0
}

.sp-preview .sp-clear-display, .sp-preview .sp-preview-inner {
 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
 box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
}

.sp-replacer[class*=bg-] .sp-preview .sp-preview-inner {
 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .5);
 box-shadow: 0 0 0 1px rgba(0, 0, 0, .5)
}

.sp-dd {
 float: left;
 font-size: 0;
 margin: 3px 1px
}

.sp-dd:after {
 content: "\f107";
 font-family: FontAwesome;
 display: block;
 font-size: 16px;
 line-height: 1
}

.sp-sat {
 background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
 background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
 background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
 background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
 background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
 background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
 -webkit-box-shadow: 0 0 0 1px #ccc inset;
 box-shadow: 0 0 0 1px #ccc inset
}

.sp-val {
 background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));
 background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
 background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
 background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
 background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
 background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')
}

.sp-hue {
 background: -moz-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
 background: -ms-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
 background: -o-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
 background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(.17, #ff0), color-stop(.33, #0f0),
  color-stop(.5, #0ff), color-stop(.67, #00f), color-stop(.83, #f0f), to(red));
 background: -webkit-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
 background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
}

.sp-1 {
 height: 17%;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')
}

.sp-2 {
 height: 16%;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')
}

.sp-3 {
 height: 17%;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')
}

.sp-4 {
 height: 17%;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')
}

.sp-5 {
 height: 16%;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')
}

.sp-6 {
 height: 17%;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')
}

.sp-palette {
 max-width: 220px
}

.sp-palette-only .sp-palette-container {
 border: 0
}

@media ( min-width :769px) {
 .sp-palette-container {
  border-right: 1px solid #ddd
 }
}

.sp-palette .sp-thumb-el {
 display: inline-block;
 position: relative;
 cursor: pointer;
 width: 16px;
 height: 16px
}

.sp-thumb-el .sp-thumb-inner {
 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
 box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset
}

.sp-thumb-el .sp-thumb-inner:hover {
 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
 box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
}

.sp-palette .sp-thumb-el+.sp-thumb-el {
 margin-left: 5px
}

.sp-palette .sp-thumb-el.sp-thumb-active {
 -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset;
 box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset
}

.sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner {
 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
 box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
}

.sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after
 {
 content: "\f00c";
 font-family: FontAwesome;
 display: block;
 font-family: FontAwesome;
 font-size: 16px;
 line-height: 1;
 color: #fff;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
 color: #333
}

.sp-palette-row {
 font-size: 0
}

.sp-palette-row+.sp-palette-row {
 margin-top: 5px
}

.sp-palette-row:empty {
 margin-top: 0
}

.sp-cancel, .sp-choose, .sp-palette-toggle {
 border: 0;
 border-radius: 2px;
 padding: 6px 11px;
 float: left;
 width: 48%;
 text-align: center;
 outline: 0
}

.sp-button-container, .sp-palette-button-container {
 margin-top: 10px;
 text-align: center
}

.sp-container[class*=bg-] .sp-button-container a, .sp-container[class*=bg-] .sp-button-container button, .sp-container[class*=bg-] .sp-palette-button-container a,
 .sp-container[class*=bg-] .sp-palette-button-container button {
 background-color: rgba(0, 0, 0, .25);
 color: #fff;
 border-color: transparent
}

.sp-cancel:focus, .sp-cancel:hover, .sp-palette-toggle:focus, .sp-palette-toggle:hover {
 -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
 box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
 color: #333
}

.sp-cancel:active, .sp-palette-toggle:active {
 -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
 box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset
}

.sp-choose {
 border: 1px solid transparent
}

.sp-choose:focus, .sp-choose:hover {
 -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
 box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
}

.sp-choose:active {
 -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
 box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
}

.sp-cancel, .sp-palette-toggle {
 border: 1px solid #ddd;
 color: #333;
 background-color: #fcfcfc;
 margin-right: 4%
}

.sp-palette-toggle {
 margin-right: 0;
 width: auto;
 float: none
}

.sp-choose {
 color: #fff;
 background-color: #607D8B
}

/* PNotify notifications */
.ui-pnotify
[
class
*=
alpha-
]
>
{
background-color
:inherit
;
border-color
:inherit
;
color
:inherit
}
.ui-pnotify {
 top: 20px;
 right: 20px;
 position: absolute;
 height: auto;
 z-index: 2;
 border-radius: 3px
}

body>.ui-pnotify {
 position: fixed;
 z-index: 100040
}

.ui-pnotify.alert-rounded>.ui-pnotify-container {
 border-radius: 100px
}

.ui-pnotify[class*=bg-]>.ui-pnotify-container {
 background-color: inherit;
 border-color: transparent;
 color: #fff
}

.ui-pnotify[class*=alpha-]>.ui-pnotify-container, .ui-pnotify[class*=text-]>.ui-pnotify-container {
 background-color: inherit;
 border-color: inherit;
 color: inherit
}

.ui-pnotify.stack-bottom-left, .ui-pnotify.stack-top-left {
 left: 20px;
 right: auto
}

.ui-pnotify.stack-bottom-left, .ui-pnotify.stack-bottom-right {
 bottom: 20px;
 top: auto
}

.ui-pnotify.stack-modal {
 left: 50%;
 right: auto;
 margin-left: -150px
}

.ui-pnotify.stack-custom-right {
 top: auto;
 left: auto;
 bottom: 200px;
 right: 200px
}

.ui-pnotify.stack-custom-left {
 top: 200px;
 left: 200px;
 right: auto;
 bottom: auto
}

.ui-pnotify.stack-custom-top {
 right: 0;
 left: 0;
 top: 0
}

.ui-pnotify.stack-custom-bottom {
 right: 0;
 left: 0;
 bottom: 0;
 top: auto
}

.ui-pnotify.ui-pnotify-in {
 display: block !important
}

.ui-pnotify.ui-pnotify-move {
 -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
 -o-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
 transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-slow {
 -webkit-transition: opacity linear .6s;
 -o-transition: opacity linear .6s;
 transition: opacity linear .6s;
 opacity: 0;
 filter: alpha(opacity = 0)
}

.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
 -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
 -o-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
 transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-normal {
 -webkit-transition: opacity linear .4s;
 -o-transition: opacity linear .4s;
 transition: opacity linear .4s;
 opacity: 0;
 filter: alpha(opacity = 0)
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
 -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
 -o-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
 transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-fast {
 -webkit-transition: opacity linear .2s;
 -o-transition: opacity linear .2s;
 transition: opacity linear .2s;
 opacity: 0;
 filter: alpha(opacity = 0)
}

.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
 -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
 -o-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
 transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-in {
 opacity: 1;
 filter: alpha(opacity = 100)
}

.ui-pnotify-container {
 padding: 15px 20px;
 height: 100%;
 position: relative;
 left: 0;
 margin: 0;
 border-radius: 3px
}

.ui-pnotify-container:after {
 content: " ";
 visibility: hidden;
 display: block;
 height: 0;
 clear: both
}

.ui-pnotify-container.ui-pnotify-sharp {
 border-radius: 0
}

.ui-pnotify-title {
 display: block;
 margin-top: 0;
 margin-bottom: 7px;
 font-size: 15px
}

.ui-pnotify-text {
 display: block
}

.ui-pnotify-icon {
 display: block;
 float: left;
 line-height: 1
}

.ui-pnotify-icon>[class^=icon-] {
 margin-top: 4px;
 margin-right: 15px
}

.ui-pnotify-closer, .ui-pnotify-sticker {
 float: right;
 margin-left: 8px;
 margin-top: 4px;
 line-height: 1;
 outline: 0
}

.ui-pnotify-modal-overlay {
 background-color: rgba(0, 0, 0, .5);
 top: 0;
 left: 0;
 position: absolute;
 height: 100%;
 width: 100%;
 z-index: 1
}

body>.ui-pnotify-modal-overlay {
 position: fixed;
 z-index: 100039
}

.brighttheme {
 border: 1px solid
}

.ui-pnotify[class*=bg-]>.brighttheme {
 background-color: inherit;
 border-color: inherit;
 color: inherit
}

.brighttheme-notice {
 background-color: #FFF3E0;
 border-color: #FF9800
}

.brighttheme-info {
 background-color: #E3F2FD;
 border-color: #1E88E5
}

.brighttheme-success {
 background-color: #E8F5E9;
 border-color: #4CAF50
}

.brighttheme-error {
 background-color: #FBE9E7;
 border-color: #FF5722
}

.brighttheme-icon-closer, .brighttheme-icon-sticker {
 position: relative;
 display: inline-block;
 width: 10px;
 height: 10px;
 outline: 0
}

.brighttheme-icon-closer:after, .brighttheme-icon-sticker:after {
 font-family: FontAwesome;
 font-size: 10px;
 display: block;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.brighttheme-icon-closer:after {
 content: "\ed6a"
}

.brighttheme-icon-sticker:after {
 content: "\ee70"
}

.brighttheme-icon-sticker.brighttheme-icon-stuck:after {
 content: "\ee75"
}

.ui-pnotify[class*=alert-styled-] {
 border-width: 0;
 padding: 0
}

.ui-pnotify.alert-styled-left .brighttheme {
 border-left-width: 44px
}

.ui-pnotify.alert-styled-left:after {
 left: 0
}

.ui-pnotify.alert-styled-right .brighttheme {
 border-right-width: 44px
}

.ui-pnotify.alert-styled-right:after {
 right: 0
}

.brighttheme .ui-pnotify-action-bar {
 padding-top: 15px
}

.brighttheme .ui-pnotify-action-bar input, .brighttheme .ui-pnotify-action-bar textarea {
 display: block;
 width: 100%;
 border: 1px solid #ddd;
 background-color: #fff;
 margin-bottom: 15px !important;
 color: #333;
 padding: 7px 12px
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea
 {
 border-color: #fff;
 color: #fff
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder
 {
 color: #fff;
 opacity: 1
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder
 {
 color: #fff
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder
 {
 color: #fff
}

.ui-pnotify[class*=bg-] .form-control {
 border-bottom-color: #fff;
 color: #fff
}

.ui-pnotify[class*=bg-] .form-control::-moz-placeholder {
 color: #fff;
 opacity: 1
}

.ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder {
 color: #fff
}

.ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder {
 color: #fff
}

.ui-pnotify-history-container {
 position: absolute;
 top: 0;
 right: 20px;
 width: 70px;
 border-top: none;
 padding: 0;
 z-index: 10000;
 border-top-right-radius: 0;
 border-top-left-radius: 0
}

.ui-pnotify-history-container.ui-pnotify-history-fixed {
 position: fixed
}

.ui-pnotify-history-container .ui-pnotify-history-header {
 padding: 2px;
 text-align: center
}

.ui-pnotify-history-container button {
 cursor: pointer;
 display: block;
 width: 100%
}

.ui-pnotify-history-container .ui-pnotify-history-pulldown {
 display: block;
 margin: 0 auto
}

@media ( max-width :480px) {
 .ui-pnotify-mobile-able.ui-pnotify {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: auto !important;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
 }
 .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
  border-bottom-width: 5px;
  -webkit-box-shadow: none;
  box-shadow: none
 }
 .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left, .ui-pnotify-mobile-able.ui-pnotify.stack-top-left {
  left: 0;
  right: 0
 }
 .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto
 }
 .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow
  {
  border-top-width: 5px;
  border-bottom-width: 1px
 }
 .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade {
  opacity: .2;
  filter: alpha(opacity = 20)
 }
 .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide {
  display: none !important
 }
 .ui-pnotify-mobile-able .ui-pnotify-container {
  border-radius: 0
 }
}

/* Datepicker */
.datepicker>div {
 display: none
}

.datepicker.datepicker-dropdown {
 top: 0;
 left: 0;
 margin: 0;
 padding: 14px
}

.datepicker table {
 margin: 0
}

.datepicker table tr td.day:hover {
 background-color: #f5f5f5;
 cursor: pointer
}

.datepicker table tr td.new, .datepicker table tr td.old {
 color: #999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
 background-color: transparent;
 color: #999;
 cursor: default
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.active:hover,
 .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover,
 .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover
 {
 background-color: #f5f5f5
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover
 {
 background-color: #f5f5f5;
 border-radius: 0
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover,
 .datepicker table tr td span.active:hover, .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover,
 .datepicker table tr td.active:hover {
 background-color: #26A69A;
 color: #fff
}

.datepicker table tr td span {
 display: block;
 width: 31%;
 padding: 7px 12px;
 float: left;
 margin: 1%;
 cursor: pointer;
 border-radius: 3px
}

.datepicker table tr td span:hover {
 background-color: #f5f5f5
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
 background-color: transparent;
 color: #999;
 cursor: default
}

.datepicker table tr td span.new, .datepicker table tr td span.old {
 color: #999
}

.datepicker table th.datepicker-switch {
 font-size: 15px;
 font-weight: 400
}

.datepicker table tfoot tr th, .datepicker table thead tr:first-child th {
 cursor: pointer;
 padding-top: 15px;
 padding-bottom: 15px;
 line-height: 1
}

.datepicker table .cw {
 width: 16px;
 padding: 0 2px 0 5px
}

.datepicker table thead tr:first-child th.cw {
 cursor: default;
 background-color: transparent
}

.datepicker .table-condensed td, .datepicker .table-condensed th {
 text-align: center;
 padding: 10px;
 border-radius: 3px;
 border: 0;
 line-height: 1
}

.datepicker .table-condensed th.dow {
 padding-top: 14px;
 color: #999
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
 background-color: transparent
}

.datepaginator .pagination>li .dp-no-select:hover, .datepaginator .pagination>li .dp-off {
 background-color: #fafafa
}

.datepaginator {
 height: 72px;
 text-align: center
}

.datepaginator-sm {
 height: 68px
}

.datepaginator-lg {
 height: 76px
}

.datepaginator .pagination {
 white-space: nowrap
}

.datepaginator .pagination>li {
 display: inline-block
}

.datepaginator .pagination>li>a {
 min-width: auto;
 text-align: center;
 border-radius: 3px;
 margin-left: 0;
 border: 0
}

.datepaginator .pagination>li .dp-nav-square-edges {
 border-radius: 0
}

.datepaginator .pagination>li .dp-no-select {
 color: #ccc;
 background-color: #fafafa
}

.datepaginator .pagination>li #dp-calendar {
 position: absolute;
 right: 6px;
 top: 6px
}

.datepaginator .pagination>li>.dp-nav {
 height: 72px;
 padding: 29px 0;
 width: 38px;
 line-height: 1;
 border-radius: 3px
}

.datepaginator .pagination>li>a.dp-item {
 height: 72px;
 padding: 15px 0;
 width: 35px
}

.datepaginator .pagination>li>.dp-today, .datepaginator .pagination>li>.dp-today:focus, .datepaginator .pagination>li>.dp-today:hover
 {
 background-color: #e8e8e8;
 color: #111
}

.datepaginator .pagination>li>.dp-selected, .datepaginator .pagination>li>.dp-selected:focus, .datepaginator .pagination>li>.dp-selected:hover
 {
 background-color: #EF5350;
 color: #fff;
 width: 140px
}

/* Bootstrap file uploader */
.file-object {
 margin: 0 0 -7px;
 padding: 0
}

.btn-file {
 position: relative;
 overflow: hidden
}

.btn-file input[type=file] {
 position: absolute;
 top: 0;
 right: 0;
 min-width: 100%;
 min-height: 100%;
 text-align: right;
 opacity: 0;
 background: none;
 cursor: inherit;
 display: block
}

.file-caption-name {
 display: inline-block;
 overflow: hidden;
 word-break: break-all
}

.file-caption-name .glyphicon, .file-caption-name [class*=icon-] {
 margin-right: 7px
}

.file-input-new .file-caption-name {
 color: #999
}

.file-input-new .file-caption-name>.glyphicon, .file-input-new .file-caption-name>[class*=icon-] {
 display: none
}

.file-error-message {
 position: relative;
 background-color: #f2dede;
 color: #a94442;
 text-align: center;
 border-radius: 3px;
 padding: 10px;
 margin: 0 5px 5px
}

.file-drop-zone .file-error-message {
 margin-top: 5px
}

.file-error-message .close {
 margin-top: 1px;
 color: #a94442
}

.file-error-message pre, .file-error-message ul {
 margin: 7px 0;
 text-align: left
}

.file-caption-disabled {
 background-color: #fafafa;
 cursor: not-allowed
}

.file-caption-disabled .file-caption-name {
 color: #ccc
}

.file-preview-detail-modal {
 text-align: left
}

.file-preview {
 border-radius: 2px;
 border: 1px solid #ddd;
 width: 100%;
 margin-bottom: 20px;
 position: relative;
 text-align: center
}

.file-preview>.close {
 font-weight: 400;
 font-size: 17px;
 position: absolute;
 top: 0;
 right: 0;
 background-color: #fff;
 padding: 8px;
 line-height: .6;
 border-radius: 3px;
 color: #555;
 opacity: 1;
 filter: alpha(opacity = 100)
}

.file-preview-frame {
 margin: 7px 0 7px 7px;
 display: table;
 float: left
}

.changeType, .file-footer-buttons {
 float: right
}

.file-drop-zone .file-preview-frame {
 border: 1px solid #ddd;
 border-radius: 3px
}

.file-preview-image {
 border-radius: 3px
}

@media ( max-width :768px) {
 .file-preview-image {
  max-width: 100%
 }
}

.file-preview-text {
 text-align: left;
 width: 160px;
 margin-bottom: 2px;
 color: #428bca;
 background-color: #fff;
 overflow-x: hidden
}

.file-preview-other {
 display: table-cell;
 text-align: center;
 width: 160px
}

.file-preview-other:after {
 content: "\ea0c";
 display: block;
 font-size: 64px
}

.file-preview-other .glyphicon {
 display: none
}

.file-preview-status {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 background-color: rgba(250, 250, 250, .8);
 border-top: 1px solid #ddd;
 padding: 7px 12px;
 font-size: 12px;
 color: #333 !important
}

.file-preview-status:empty {
 padding: 0;
 background-color: transparent;
 border: 0
}

.file-thumb-loading:before, .file-uploading:before {
 content: "";
 display: inline-block;
 background-color: #263238;
 width: 32px;
 height: 32px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -16px 0 0 -16px;
 border-radius: 3px;
 -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, .5);
 box-shadow: 0 1px 5px rgba(255, 255, 255, .5)
}

.file-thumb-loading:after, .file-uploading:after {
 content: "\eb55";
 display: inline-block;
 position: absolute;
 color: #fff;
 top: 50%;
 left: 50%;
 margin: -8px 0 0 -8px;
 font-size: 16px;
 line-height: 1;
 -webkit-animation: rotation 1s linear infinite;
 -o-animation: rotation 1s linear infinite;
 animation: rotation 1s linear infinite
}

#fancybox-loading div:after, .dropzone .dz-default.dz-message:before, .fancybox-close:after, .fancybox-nav span:after, .footable.breakpoint>tbody>tr .footable-toggle:before
 {
 font-family: FontAwesome
}

.file-upload-indicator {
 padding-top: 6px;
 padding-bottom: 6px;
 cursor: default;
 text-align: left;
 padding-left: 8px
}

.file-input-ajax-new .file-caption-name>.glyphicon, .file-input-ajax-new .file-caption-name>[class*=icon-], .file-input-ajax-new .fileinput-remove,
 .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-new .close,
 .file-input-new .file-preview, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-new .glyphicon-file
 {
 display: none
}

.file-actions {
 margin-top: 5px;
 border-top: 1px solid #eee
}

.file-actions .btn>.glyphicon, .file-actions .btn>[class*=icon-] {
 margin-right: 0
}

.file-footer-caption {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 width: 160px;
 text-align: center;
 font-size: 11px;
 padding: 12px 7px 7px;
 margin-left: auto;
 margin-right: auto
}

.file-preview-error {
 opacity: .65;
 filter: alpha(opacity = 65);
 -webkit-box-shadow: none;
 box-shadow: none
}

/* Dropzone */
.dropzone .dz-default.dz-message, .dropzone .dz-message {
 opacity: 1;
 filter: alpha(opacity = 100)
}

.file-drop-zone {
 border: 1px dashed #ddd;
 border-radius: 3px;
 height: 100%;
 vertical-align: middle;
 margin: 5px;
 padding: 5px
}

.file-drop-zone-title {
 color: #999;
 font-size: 21px;
 font-weight: 300;
 padding: 85px 10px
}

.file-highlighted {
 border-color: #ccc;
 background-color: #fafafa
}

.file-thumb-progress {
 position: absolute;
 top: -5px;
 left: 0;
 right: 0
}

.dropzone, .file-thumbnail-footer {
 position: relative
}

.file-thumb-progress .progress, .file-thumb-progress .progress-bar {
 height: 5px;
 border-radius: 0;
 font-size: 0
}

.kv-upload-progress {
 margin-bottom: 20px
}

.btn-file ::-ms-browse {
 width: 100%;
 height: 100%
}

.dropzone {
 border: 3px dashed #eee;
 min-height: 250px;
 border-radius: 2px;
 background-color: #fcfcfc;
 padding: 5px
}

.dropzone.dz-clickable, .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span {
 cursor: pointer
}

.dropzone.dz-clickable * {
 cursor: default
}

.dropzone.dz-drag-hover {
 border-color: rgba(0, 0, 0, .15);
 background: rgba(0, 0, 0, .04)
}

.sidebar .dropzone {
 min-height: 190px;
 text-align: center;
 border-width: 2px
}

.sidebar .dropzone .dz-default.dz-message:before {
 font-size: 64px;
 width: 64px;
 height: 64px;
 margin-left: -32px;
 top: 50px
}

.sidebar .dropzone .dz-default.dz-message span {
 font-size: 15px
}

.sidebar .dropzone .dz-default.dz-message>span {
 margin-top: 130px
}

.dropzone .dz-default.dz-message {
 position: absolute;
 height: 230px;
 width: 100%;
 margin-top: -115px;
 top: 50%;
 left: 0;
 padding: 20px;
 text-align: center;
 border-radius: 5px;
 -webkit-transition: opacity .3s ease-in-out;
 -o-transition: opacity .3s ease-in-out;
 transition: opacity .3s ease-in-out
}

.dropzone .dz-default.dz-message:before {
 content: "\f016";
 font-size: 64px;
 position: absolute;
 top: 48px;
 width: 64px;
 height: 64px;
 display: inline-block;
 left: 50%;
 margin-left: -32px;
 line-height: 1;
 z-index: 2;
 color: #ddd;
 text-indent: 0;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.dropzone .dz-default.dz-message span {
 font-size: 15px;
 color: #bbb;
 text-align: center;
 margin-top: 120px;
 display: block;
 font-weight: 500;
 text-shadow: 0 1px 1px #fff
}

.dropzone .dz-default.dz-message span>span {
 margin-top: 2px;
 display: block;
 color: #ccc;
 font-size: 15px
}

@media ( min-width :769px) {
 .dropzone {
  min-height: 320px
 }
 .dropzone .dz-default.dz-message:before {
  font-size: 80px;
  top: 48px;
  width: 80px;
  height: 80px;
  margin-left: -32px
 }
 .dropzone .dz-default.dz-message span {
  font-size: 19px;
  margin-top: 130px
 }
}

.dropzone.dz-drag-hover .dz-message {
 opacity: .15;
 filter: alpha(opacity = 15)
}

.dropzone.dz-started .dz-message {
 display: block;
 opacity: 0;
 filter: alpha(opacity = 0)
}

.dropzone .dz-preview, .dropzone-previews .dz-preview {
 background-color: #fff;
 position: relative;
 display: inline-block;
 margin: 10px;
 vertical-align: top;
 border: 1px solid #ddd;
 padding: 6px;
 border-radius: 2px
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail],
 .dropzone-previews .dz-preview:hover .dz-details img {
 display: none
}

.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
 width: 120px;
 height: 120px;
 position: relative;
 background-color: #f5f5f5;
 padding: 8px;
 margin-bottom: 25px
}

.dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename {
 overflow: hidden;
 height: 100%
}

.dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img {
 position: absolute;
 top: 0;
 left: 0;
 width: 120px;
 height: 120px
}

.dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
 position: absolute;
 bottom: -26px;
 left: 5px
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-error-mark,
 .dropzone-previews .dz-preview .dz-success-mark {
 display: none;
 position: absolute;
 z-index: 9;
 right: 10px;
}

.dropzone .dz-preview .dz-error-mark:after, .dropzone .dz-preview .dz-success-mark:after, .dropzone-previews .dz-preview .dz-error-mark:after,
 .dropzone-previews .dz-preview .dz-success-mark:after {
 font-family: FontAwesome;
 display: block;
 position: absolute;
 right: 0;
 bottom: 3px;
 font-size: 12px;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.dropzone .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark span,
 .dropzone .dz-preview .dz-success-mark svg, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark svg,
 .dropzone-previews .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark svg {
 display: none
}

.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
 color: #F44336
}

.dropzone .dz-preview .dz-error-mark:after, .dropzone-previews .dz-preview .dz-error-mark:after {
 content: "\f00d"
}

.dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
 color: #4CAF50
}

.dropzone .dz-preview .dz-success-mark:after, .dropzone-previews .dz-preview .dz-success-mark:after {
 content: "\f00c"
}

.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark,
 .dropzone-previews .dz-preview.dz-success .dz-success-mark {
 display: block;
 opacity: 1;
 filter: alpha(opacity = 100)
}

.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
 position: absolute;
 top: 118px;
 left: 8px;
 right: 8px;
 height: 4px;
 background-color: #eee;
 display: none;
 border-radius: 2px
}

.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 100%;
 background-color: #00BCD4;
 -webkit-transition: width .3s ease-in-out;
 -o-transition: width .3s ease-in-out;
 transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress {
 display: block
}

.dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress {
 display: block;
 opacity: 0;
 filter: alpha(opacity = 0);
 -webkit-transition: opacity .4s ease-in-out;
 -o-transition: opacity .4s ease-in-out;
 transition: opacity .4s ease-in-out
}

.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 background: rgba(245, 245, 245, .8);
 margin: 8px;
 padding: 8px;
 color: #F44336;
 max-width: 100%;
 z-index: 5;
 opacity: 0;
 filter: alpha(opacity = 0);
 -webkit-transition: opacity .3s ease-in-out;
 -o-transition: opacity .3s ease-in-out;
 transition: opacity .3s ease-in-out
}

.dropzone .dz-preview.dz-error:hover .dz-error-message, .dropzone-previews .dz-preview.dz-error:hover .dz-error-message {
 display: block;
 opacity: 1;
 filter: alpha(opacity = 100)
}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
 background: #F44336
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img
 {
 display: block;
 opacity: .1;
 filter: alpha(opacity = 10)
}

.dropzone .dz-preview a.dz-remove, .dropzone-previews .dz-preview a.dz-remove {
 background-color: #fafafa;
 border-radius: 2px;
 border: 1px solid #eee;
 display: block;
 padding: 5px;
 text-align: center;
 color: #999;
 margin-top: 35px;
 cursor: pointer
}

.dropzone .dz-preview a.dz-remove:hover, .dropzone-previews .dz-preview a.dz-remove:hover {
 color: #333;
 background-color: #f5f5f5
}

.image-cropper-container {
 height: 350px;
 width: 100%;
 overflow: hidden;
 background-image:
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.eg-preview {
 text-align: center;
 font-size: 0
}

.eg-preview .preview {
 margin: 10px auto 0;
 display: block;
 overflow: hidden;
 vertical-align: middle;
 border-radius: 2px
}

.eg-preview .preview-lg {
 width: 150px;
 height: 150px
}

.eg-preview .preview-md {
 width: 120px;
 height: 120px
}

.eg-preview .preview-sm {
 width: 90px;
 height: 90px
}

.eg-preview .preview-xs {
 width: 60px;
 height: 60px
}

.eg-preview .preview-xxs {
 width: 40px;
 height: 40px
}

@media ( min-width :769px) {
 .eg-preview .preview {
  display: inline-block;
  margin-left: 0;
  margin-right: 0
 }
 .eg-preview .preview+.preview {
  margin-left: 15px
 }
 .eg-preview {
  white-space: nowrap;
  max-width: 100%;
  overflow: auto
 }
}

/* FullCalander */
.fc table {
 width: 100%;
 table-layout: fixed;
 border-collapse: collapse;
 border-spacing: 0;
 font-size: 1em
}

.fc {
 text-align: left
}

.fc th, .fc-basic-view .fc-week-number, .fc-time-grid-event .fc-resizer, .fc-toolbar, a.fc-more {
 text-align: center
}

.fc-view>table {
 min-width: 769px
}

.fc-events-container {
 background-color: #fcfcfc;
 border: 1px solid #ddd;
 padding: 10px;
 border-radius: 3px
}

.fc-events-container .fc-event {
 margin: 0;
 padding: 4px 11px
}

.fc-events-container .fc-event+.fc-event {
 margin-top: 10px
}

.fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed hr, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead
 {
 border-color: #ddd
}

.fc-unthemed thead, .fc-unthemed thead td, .fc-unthemed thead th {
 border-bottom-color: #bbb
}

.fc-unthemed hr {
 background-color: #f5f5f5
}

.fc-unthemed .fc-popover {
 background-color: #fff;
 border-radius: 3px
}

.fc-unthemed .fc-popover .fc-header {
 background-color: #f5f5f5
}

.fc-unthemed .fc-today {
 background-color: #E8F5E9
}

.fc-highlight {
 background-color: #e5e5e5
}

.fc-bgevent {
 background-color: #81C784
}

.fc-nonbusiness {
 background-color: #ccc
}

.fc-icon {
 display: block
}

.fc-icon:after {
 display: inline-block;
 font-family: FontAwesome;
 line-height: 1;
 font-size: 16px;
 vertical-align: middle;
 position: relative;
 top: -1px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.fc-icon-left-single-arrow:after {
 content: "\f104";
 font-family: FontAwesome;
}

.fc-icon-right-single-arrow:after {
 content: "\f105";
 font-family: FontAwesome;
}

.fc-icon-left-double-arrow:after {
 content: "\f100";
 font-family: FontAwesome;
}

.fc-icon-right-double-arrow:after {
 content: "\f101";
 font-family: FontAwesome;
}

.fc-icon-x:after {
 content: "\f00d";
 font-family: FontAwesome;
 font-size: 12px;
 display: block
}

.fc-button {
 margin: 0;
 border: 1px solid #ddd;
 padding: 7px 12px;
 cursor: pointer;
 outline: 0
}

.fc-button::-moz-focus-inner {
 margin: 0;
 padding: 0
}

.fc-state-default {
 border: 1px solid #ddd;
 background-color: #fcfcfc
}

.fc-state-default.fc-corner-left {
 border-bottom-left-radius: 3px;
 border-top-left-radius: 3px
}

.fc-state-default.fc-corner-right {
 border-bottom-right-radius: 3px;
 border-top-right-radius: 3px
}

.fc-state-hover {
 background-color: #f8f8f8
}

.fc-state-active, .fc-state-down {
 background-color: #f5f5f5
}

.fc-button.fc-state-active, .fc-button.fc-state-down {
 border-color: #ddd;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset;
 box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset
}

.fc-state-disabled {
 color: #999;
 cursor: not-allowed;
 opacity: .65;
 filter: alpha(opacity = 65);
 -webkit-box-shadow: none;
 box-shadow: none
}

.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close {
 cursor: pointer
}

.fc-button-group {
 display: inline-block
}

.fc .fc-button-group>* {
 float: left;
 margin: 0 0 0 -1px
}

.fc .fc-button-group>:first-child {
 margin-left: 0
}

.fc-popover {
 position: absolute;
 border: 1px solid #ddd;
 -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .05);
 box-shadow: 0 1px 5px rgba(0, 0, 0, .05)
}

.fc-popover .fc-header {
 padding: 10px
}

.fc-ltr .fc-popover .fc-header .fc-title {
 float: left
}

.fc-ltr .fc-popover .fc-header .fc-close {
 float: right
}

.fc-unthemed .fc-popover .fc-header .fc-close {
 margin-top: 2px;
 opacity: .6;
 filter: alpha(opacity = 60)
}

.fc-unthemed .fc-popover .fc-header .fc-close:hover {
 opacity: 1;
 filter: alpha(opacity = 100)
}

.fc hr {
 height: 0;
 margin: 0;
 padding: 0 0 2px;
 border-style: solid;
 border-width: 1px 0
}

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
 height: 100%
}

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
 position: absolute;
 top: 0;
 left: 0;
 right: 0
}

.fc-event, .fc-row, .fc-scroller>* {
 position: relative
}

.fc-bg {
 bottom: 0
}

.fc table {
 table-layout: fixed
}

.fc td, .fc th {
 border-style: solid;
 border-width: 1px;
 padding: 0;
 vertical-align: top
}

.fc th {
 padding: 12px 20px;
 font-weight: 500
}

.fc td.fc-today {
 border-style: double
}

.fc-row {
 border-style: solid;
 border-width: 0
}

.fc-row table {
 border-left: 0 hidden transparent;
 border-right: 0 hidden transparent;
 border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
 border-top: 0 hidden transparent
}

.fc-row .fc-bg {
 z-index: 1
}

.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
 bottom: 0
}

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
 border: 0
}

.fc-row .fc-bgevent-skeleton {
 z-index: 2
}

.fc-row .fc-highlight-skeleton {
 z-index: 3
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
 background: 0 0;
 border-color: transparent;
 border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
 border-top: 0
}

.fc-row .fc-content-skeleton {
 position: relative;
 z-index: 4
}

.fc-row .fc-helper-skeleton {
 z-index: 5
}

.fc-scroller {
 overflow-y: scroll;
 overflow-x: hidden;
 min-height: 500px
}

.fc-day-grid-event>.fc-content, .fc-row.fc-rigid, .fc-scroller>*, .fc-time-grid-event {
 overflow: hidden
}

.fc-event {
 display: block;
 border: 1px solid #EF5350;
 background-color: #EF5350;
 font-weight: 400;
 border-radius: 2px
}

.fc-day-grid-event .fc-time, .fc-time-grid-event .fc-time {
 font-weight: 500
}

.fc-event, .fc-event:hover {
 color: #fff;
 text-decoration: none
}

.fc-not-allowed, .fc-not-allowed .fc-event {
 cursor: not-allowed
}

.fc-day-grid-event {
 margin: 0 5px 5px;
 padding: 4px 8px
}

.fc-day-grid-event>.fc-content {
 text-overflow: ellipsis
}

.fc-day-grid-event .fc-resizer {
 position: absolute;
 top: 0;
 bottom: 0;
 width: 7px
}

.fc-ltr .fc-day-grid-event .fc-resizer {
 right: -3px;
 cursor: e-resize
}

@media ( min-width :1200px) {
 .fc-day-grid-event>.fc-content {
  background-color: inherit
 }
 .fc-day-grid-event .fc-time {
  float: right;
  padding-left: 5px;
  display: inline-block;
  z-index: 2;
  position: relative;
  background-color: inherit
 }
 .fc-day-grid-event .fc-title {
  z-index: 1;
  position: relative
 }
}

a.fc-more {
 margin: 1px 5px;
 background-color: #fafafa;
 display: block;
 padding: 5px;
 border-radius: 3px;
 color: #999;
 font-size: 12px
}

a.fc-more:hover {
 background-color: #f5f5f5;
 color: #333
}

.fc-limited {
 display: none
}

.fc-day-grid .fc-row {
 z-index: 1
}

.fc-more-popover {
 z-index: 2;
 width: 220px
}

.fc-more-popover .fc-event-container {
 padding: 10px 5px
}

.fc-toolbar {
 margin-bottom: 20px
}

.fc-toolbar h2 {
 margin: 5px 0;
 font-size: 17px
}

.fc-toolbar .fc-left {
 float: left;
 width: 33%
}

.fc-toolbar .fc-right {
 float: right;
 width: 33%
}

.fc-toolbar .fc-right .fc-button-group {
 float: right
}

.fc-toolbar .fc-left>.fc-button, .fc-toolbar .fc-right>.fc-button {
 margin-left: 10px
}

.fc-toolbar .fc-center {
 display: inline-block;
 vertical-align: middle
}

.fc-toolbar>*>* {
 float: left
}

.fc-toolbar>*>:first-child {
 margin-left: 0
}

.fc-toolbar button {
 position: relative
}

.fc-toolbar button:focus {
 z-index: 5
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
 z-index: 2
}

.fc-toolbar .fc-state-down {
 z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
 z-index: 4
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box
}

.fc-view, .fc-view>table {
 position: relative;
 z-index: 1
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
 padding-top: 5px;
 padding-bottom: 10px
}

.fc-basic-view tbody .fc-row {
 min-height: 100px;
 min-width: 100px
}

.fc-row.fc-rigid .fc-content-skeleton {
 position: absolute;
 top: 0;
 left: 0;
 right: 0
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
 padding: 10px
}

.fc-axis, .fc-basic-view .fc-day-number {
 text-align: right
}

.fc-basic-view .fc-week-number span {
 display: inline-block;
 min-width: 1.25em
}

.fc-basic-view .fc-day-number.fc-other-month {
 opacity: .3;
 filter: alpha(opacity = 30)
}

.fc-agenda-view .fc-day-grid {
 position: relative;
 z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
 min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
 padding-top: 5px;
 padding-bottom: 0
}

.fc .fc-axis {
 vertical-align: middle;
 padding: 10px
}

.fc-time-grid, .fc-time-grid-container {
 position: relative;
 z-index: 1
}

.fc-time-grid {
 min-height: 100%
}

.fc-time-grid table {
 border: 0 hidden transparent
}

.fc-time-grid>.fc-bg {
 z-index: 1
}

.fc-time-grid .fc-slats, .fc-time-grid>hr {
 position: relative;
 z-index: 2
}

.fc-time-grid .fc-bgevent-skeleton, .fc-time-grid .fc-content-skeleton {
 position: absolute;
 top: 0;
 left: 0;
 right: 0
}

.fc-time-grid .fc-bgevent-skeleton {
 z-index: 3
}

.fc-time-grid .fc-highlight-skeleton {
 z-index: 4
}

.fc-time-grid .fc-content-skeleton {
 z-index: 5
}

.fc-time-grid .fc-helper-skeleton {
 z-index: 6
}

.fc-slats td {
 border-bottom: 0
}

.fc-slats .fc-minor td {
 border-top-style: dotted
}

.fc-time-grid .fc-highlight-container {
 position: relative
}

.fc-time-grid .fc-highlight {
 position: absolute;
 left: 0;
 right: 0
}

.fc-time-grid .fc-bgevent-container, .fc-time-grid .fc-event-container {
 position: relative
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
 position: absolute;
 z-index: 1;
 margin: 5px;
 padding: 10px;
 min-height: 45px;
 -webkit-box-shadow: 0 0 0 1px #fff;
 box-shadow: 0 0 0 1px #fff
}

.fc-time-grid .fc-bgevent {
 left: 0;
 right: 0
}

.fc-time-grid-event.fc-not-start {
 border-top-width: 0;
 padding-top: 1px;
 border-top-right-radius: 0;
 border-top-left-radius: 0
}

.fc-time-grid-event.fc-not-end {
 border-bottom-width: 0;
 padding-bottom: 1px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0
}

.fc-time-grid-event>.fc-content {
 position: relative;
 z-index: 2
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
 display: inline-block;
 vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time:before {
 content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
 content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-time span {
 display: none
}

.fc-time-grid-event.fc-short .fc-title {
 font-size: .85em;
 padding: 0
}

.fc-time-grid-event .fc-resizer {
 position: absolute;
 z-index: 3;
 left: 0;
 right: 0;
 bottom: 0;
 height: 8px;
 overflow: hidden;
 line-height: 10px;
 font-size: 12px;
 font-family: monospace;
 cursor: s-resize;
 background-color: rgba(0, 0, 0, .05);
 padding: 1px
}

.fc-time-grid-event .fc-resizer:hover {
 background-color: rgba(0, 0, 0, .1)
}

.fc-time-grid-event .fc-resizer:after {
 content: "="
}

@media ( max-width :768px) {
 .fc-toolbar .fc-left, .fc-toolbar .fc-left .fc-button-group, .fc-toolbar .fc-left>.fc-button, .fc-toolbar .fc-right, .fc-toolbar .fc-right .fc-button-group,
  .fc-toolbar .fc-right>.fc-button {
  float: none;
  width: auto;
  vertical-align: top
 }
 .fc-toolbar .fc-left, .fc-toolbar .fc-right {
  display: block;
  margin-bottom: 10px
 }
 .fc-view-container {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
 }
 .fc-view-container>.fc-view>table {
  margin-left: -1px
 }
 .fc td, .fc th {
  border-right-width: 0
 }
}

/* jVector map */
.map-container, .vector-map-container {
 height: 500px
}

.jvectormap-label {
 position: absolute;
 display: none;
 border-radius: 2px;
 background-color: #333;
 color: #fff;
 padding: 7px 12px
}

.jvectormap-zoomin, .jvectormap-zoomout {
 position: absolute;
 left: 10px;
 border-radius: 2px;
 padding: 8px;
 color: #fff;
 cursor: pointer;
 font-size: 16px;
 font-weight: 300;
 line-height: 10px;
 background-color: #37474F;
 text-align: center
}

.chart, .chart-container {
 position: relative;
 width: 100%
}

.bullet-title, .c3-text, .c3-tooltip th {
 font-weight: 500
}

.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
 background-color: #455A64
}

.jvectormap-zoomin {
 top: 10px
}

.jvectormap-zoomout {
 top: 40px
}

/* Datatables */
.dataTable tbody+tfoot+thead>tr:first-child>td, .dataTable tbody+tfoot+thead>tr:first-child>th, .dataTable tbody+thead>tr:first-child>td,
 .dataTable tbody+thead>tr:first-child>th, .dataTable tbody>tr:first-child>td, .dataTable tbody>tr:first-child>th,
 .dataTables_wrapper .table-bordered {
 border-top: 0
}

.dataTable {
 margin: 0;
 max-width: none;
 border-collapse: separate
}

.dataTable thead td, .dataTable thead th {
 outline: 0;
 position: relative
}

.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc {
 cursor: pointer
}

.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc,
 .dataTable thead .sorting_desc_disabled {
 padding-right: 40px
}

.dataTable thead .sorting:after, .dataTable thead .sorting:before, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_asc_disabled:after,
 .dataTable thead .sorting_desc:after, .dataTable thead .sorting_desc_disabled:after {
 content: '';
 font-family: FontAwesome;
 position: absolute;
 top: 50%;
 right: 20px;
 font-size: 12px;
 margin-top: -6px;
 display: inline-block;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.dataTable thead .sorting:before {
 content: "\f107";
 margin-top: -2px;
 color: #999
}

.dataTable thead .sorting:after, .dataTable thead .sorting_asc:after {
 content: "\f106"
}

.dataTable thead .sorting:after {
 margin-top: -10px;
 color: #999
}

.dataTable thead .sorting_desc:after {
 content: "\f107"
}

.dataTable thead .sorting_asc_disabled:after {
 content: '\e9c2';
 color: #ccc
}

.dataTable thead .sorting_desc_disabled:after {
 content: '\e9c1';
 color: #ccc
}

.dataTable .dataTables_empty {
 text-align: center
}

.dataTables_wrapper {
 position: relative
}

.dataTables_wrapper:after {
 visibility: hidden;
 display: block;
 content: "";
 height: 0
}

.dataTables_wrapper+.panel-body {
 border-top: 1px solid #ddd
}

.dataTables_processing {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 height: 40px;
 margin-left: -50%;
 margin-top: -25px;
 padding-top: 20px;
 text-align: center;
 background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%,
  rgba(255, 255, 255, 0) 100%)
}

.datatable-footer, .datatable-header {
 padding: 20px 20px 0;
}

.datatable-footer:after, .datatable-header:after {
 content: "";
 display: table;
 clear: both
}

.datatable-footer>div:first-child, .datatable-header>div:first-child {
 margin-left: 0
}

.panel>.dataTables_wrapper .datatable-footer, .panel>.dataTables_wrapper .datatable-header {
 padding-left: 20px;
 padding-right: 20px
}

.datatable-header {
 border-bottom: 1px solid #ddd;
 border-top: 1px solid #ddd;
}

.datatable-footer {
 border-top: 1px solid #bbb
}

.dataTables_length {
 float: right;
 display: inline-block;
 margin: 0 0 20px 20px
}

.dataTables_length>label {
 margin-bottom: 0
}

.dataTables_length>label>span:first-child {
 float: left;
 margin: 8px 15px 8px 0
}

.length-left .dataTables_length {
 float: left
}

.dataTables_length .select2-container {
 width: auto
}

.dataTables_filter {
 position: relative;
 display: block;
 float: left;
 margin: 0 0 20px 20px
}

.dataTables_filter>label {
 margin-bottom: 0;
 position: relative
}

.dataTables_filter>label:after {
 content: "\f002";
 font-family: FontAwesome;
 font-size: 12px;
 display: inline-block;
 position: absolute;
 top: 12px;
 right: 12px;
 color: #999;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after,
 .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after,
 .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before {
 content: none
}

.dataTables_filter>label>span {
 float: left;
 margin: 8px 15px 8px 0
}

.dataTables_filter input {
 outline: 0;
 width: 200px;
 height: 36px;
 padding: 7px 34px 7px 12px;
 font-size: 13px;
 line-height: 1.5384616;
 color: #333;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 3px
}

.filter-right .dataTables_filter {
 float: right
}

.dataTables_info {
 float: left;
 padding: 8px 0;
 margin-bottom: 20px
}

.info-right .dataTables_info {
 float: right
}

.dataTables_paginate {
 float: right;
 text-align: right;
 margin: 0 0 20px 20px
}

.dataTables_paginate .paginate_button {
 display: inline-block;
 padding: 6px 10px;
 min-width: 36px;
 margin-left: 2px;
 text-align: center;
 text-decoration: none;
 cursor: pointer;
 color: #333;
 border: 1px solid transparent;
 border-radius: 3px;
}

.dataTables_scroll .dataTables_scrollBody table, .dataTables_scroll .dataTables_scrollHead table, .panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>td,
 .panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>th {
 border-bottom: 0
}

.dataTables_paginate .paginate_button:first-child {
 margin-left: 0
}

.dataTables_paginate .paginate_button:focus, .dataTables_paginate .paginate_button:hover {
 background-color: #EF5350;
 color: #fff;
}

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:focus, .dataTables_paginate .paginate_button.current:hover
 {
 color: #fff;
 background-color: #EF5350
}

.dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:focus, .dataTables_paginate .paginate_button.disabled:hover
 {
 cursor: default;
 background-color: transparent;
 color: #bbb
}

.paginate-left .dataTables_paginate {
 float: left
}

.paging_simple .paginate_button:focus, .paging_simple .paginate_button:hover {
 color: #fff;
 background-color: #455A64
}

.dataTables_scroll .dataTables_scrollBody {
 -webkit-overflow-scrolling: touch
}

.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child>td {
 border-top: 0
}

.dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing, .dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing {
 height: 0;
 overflow: hidden;
 margin: 0;
 padding: 0
}

.panel-body>.dataTables_wrapper .datatable-footer .dataTables_filter, .panel-body>.dataTables_wrapper .datatable-footer .dataTables_info,
 .panel-body>.dataTables_wrapper .datatable-footer .dataTables_length, .panel-body>.dataTables_wrapper .datatable-footer .dataTables_paginate
 {
 margin-bottom: 0
}

.panel>.dataTables_wrapper .table-bordered {
 border: 0
}

.panel>.dataTables_wrapper .table-bordered>tbody>tr>td:first-child, .panel>.dataTables_wrapper .table-bordered>tbody>tr>th:first-child,
 .panel>.dataTables_wrapper .table-bordered>tfoot>tr>td:first-child, .panel>.dataTables_wrapper .table-bordered>tfoot>tr>th:first-child,
 .panel>.dataTables_wrapper .table-bordered>thead>tr>td:first-child, .panel>.dataTables_wrapper .table-bordered>thead>tr>th:first-child
 {
 border-left: 0
}

.panel>.dataTables_wrapper .table-bordered>tbody>tr>td:last-child, .panel>.dataTables_wrapper .table-bordered>tbody>tr>th:last-child,
 .panel>.dataTables_wrapper .table-bordered>tfoot>tr>td:last-child, .panel>.dataTables_wrapper .table-bordered>tfoot>tr>th:last-child,
 .panel>.dataTables_wrapper .table-bordered>thead>tr>td:last-child, .panel>.dataTables_wrapper .table-bordered>thead>tr>th:last-child
 {
 border-right: 0
}

.datatable-scroll, .datatable-scroll-lg, .datatable-scroll-sm {
 min-height: .01%
}

.datatable-scroll-wrap {
 width: 100%;
 min-height: .01%;
 overflow-x: auto
}

@media ( max-width :1024px) {
 .datatable-scroll {
  width: 100%;
  overflow-x: scroll
 }
 .datatable-scroll td, .datatable-scroll th {
  white-space: nowrap
 }
}

@media ( max-width :1199px) {
 .datatable-scroll-lg {
  width: 100%;
  overflow-x: scroll
 }
 .datatable-scroll-lg td, .datatable-scroll-lg th {
  white-space: nowrap
 }
}

@media ( max-width :768px) {
 .datatable-scroll-sm {
  width: 100%;
  overflow-x: scroll
 }
 .datatable-scroll-sm td, .datatable-scroll-sm th {
  white-space: nowrap
 }
 .ColVis, .DTTT_container, .dataTables_filter, .dataTables_info, .dataTables_length, .dataTables_paginate {
  float: none !important;
  text-align: center;
  margin-left: 0
 }
 .dataTables_info, .dataTables_paginate {
  margin-top: 0
 }
 .datatable-header {
  text-align: center
 }
 .DTFC_LeftWrapper, .DTFC_RightWrapper {
  display: none
 }
}

.DTCR_clonedTable {
 background-color: rgba(255, 255, 255, .8);
 z-index: 202;
 cursor: move
}

.DTCR_clonedTable td, .DTCR_clonedTable th {
 border: 1px solid #ddd !important
}

.DTCR_pointer {
 width: 1px;
 background-color: #2196F3;
 z-index: 201
}

.DTFC_Blocker, .DTFC_Cloned, .dt-rowReorder-float {
 background-color: #fff
}

.dt-rowReorder-float {
 position: absolute !important;
 table-layout: static;
 outline: #777 dashed 1px;
 outline-offset: -1px;
 z-index: 1030;
 cursor: move;
 opacity: .9;
 filter: alpha(opacity = 90)
}

.dt-rowReorder-moving {
 outline: #777 solid 1px;
 outline-offset: -1px
}

.dt-rowReorder-noOverflow {
 overflow-x: hidden
}

.dataTable td.reorder {
 text-align: center;
 cursor: move
}

.DTFC_Cloned {
 border-bottom: 0
}

.DTFC_LeftWrapper .DTFC_Cloned.table {
 border-right: 1px solid #ddd
}

.DTFC_RightWrapper .DTFC_Cloned.table {
 border-left: 1px solid #ddd
}

.DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>td, .DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>th,
 .DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>td, .DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>th {
 border-top: 0
}

.fixedHeader-floating, .fixedHeader-locked {
 background-color: #fff;
 margin-top: 0;
 margin-bottom: 0
}

.fixedHeader-floating {
 position: fixed
}

.fixedHeader-floating+.fixedHeader-floating, .fixedHeader-locked+.fixedHeader-floating {
 border-top: 0 !important
}

.fixedHeader-locked {
 position: absolute
}

@media ( max-width :768px) {
 .fixedHeader-floating, .fixedHeader-locked {
  display: none
 }
}

@media print {
 table.fixedHeader-floating {
  display: none
 }
}

.dt-autofill-handle {
 position: absolute;
 height: 8px;
 width: 8px;
 z-index: 102;
 border: 1px solid #2196F3;
 background: #2196F3
}

.dt-autofill-select {
 position: absolute;
 z-index: 1001;
 background-color: #2196F3;
 background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, .75) 5px,
  rgba(255, 255, 255, .75) 10px)
}

.dt-autofill-select.bottom, .dt-autofill-select.top {
 height: 1px
}

.dt-autofill-select.left, .dt-autofill-select.right {
 width: 1px
}

.dt-autofill-list {
 position: fixed;
 top: 50%;
 left: 50%;
 width: 500px;
 margin-left: -250px;
 background-color: #fff;
 border-radius: 3px;
 border: 1px solid transparent;
 z-index: 1050;
 padding: 0px 0 10px 0;
}

.dt-autofill-list ul {
 display: table;
 margin: 0;
 padding: 0;
 list-style: none;
 width: 100%
}

.dt-autofill-list ul li {
 display: table-row
}

.dt-autofill-list ul li:hover {
 background-color: #f5f5f5
}

.dt-autofill-list .dt-autofill-question {
 display: table-cell;
 padding: 7px 15px
}

.dt-autofill-list .dt-autofill-question input[type=number] {
 padding: 6px;
 width: 30px;
 margin: -2px 0
}

.dt-autofill-list .dt-autofill-button {
 display: table-cell;
 padding: 7px 15px;
 text-align: right
}

.dt-autofill-list .dt-autofill-button .btn {
 padding: 3px;
 color: #fff;
 font-size: 0
}

.dt-autofill-list .dt-autofill-button .btn:after {
 content: "\f00c";
 font-family: FontAwesome;
 display: block;
 font-size: 16px;
 width: 16px;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.dt-autofill-list .dt-autofill-button .btn:hover {
 opacity: .85;
 filter: alpha(opacity = 85)
}

.dt-autofill-background {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #000;
 z-index: 1040;
 opacity: .5;
 filter: alpha(opacity = 50)
}

.dataTable tbody>tr.selected, .dataTable tbody>tr>.selected {
 background-color: #E8F5E9
}

.dataTables_wrapper .select-info, .dataTables_wrapper .select-item {
 margin-left: 10px
}

@media ( max-width :768px) {
 .dataTables_wrapper .select-info, .dataTables_wrapper .select-item {
  margin-left: 0;
  display: block
 }
}

.dataTable tbody .select-checkbox {
 position: relative
}

.dataTable tbody .select-checkbox:after, .dataTable tbody .select-checkbox:before {
 display: inline-block;
 color: #455A64;
 position: absolute;
 top: 50%;
 left: 50%;
 cursor: pointer
}

.dataTable tbody .select-checkbox:before {
 content: '';
 background-color: #fff;
 width: 18px;
 height: 18px;
 margin-top: -9px;
 margin-left: -9px;
 border: 2px solid #607D8B
}

.dataTable tbody .selected .select-checkbox:after {
 content: "\e600";
 font-family: FontAwesome;
 font-size: 16px;
 line-height: 1;
 margin-top: -8px;
 margin-left: -8px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.dt-buttons-full .dt-buttons {
 text-align: center;
 float: none;
 display: block;
 margin: 0;
 border-bottom: 1px solid #ddd;
 padding-top: 20px;
 padding-bottom: 10px;
 background-color: #fcfcfc
}

.dt-buttons-full .dt-buttons>.btn {
 margin-bottom: 10px;
 float: none
}

.dt-buttons {
 float: right;
 display: inline-block;
 margin: 0 0 20px 20px
}

.dt-buttons-left .dt-buttons {
 float: left
}

@media screen and (max-width:767px) {
 .dt-buttons {
  float: none;
  text-align: center;
  display: block
 }
 .dt-buttons .btn {
  float: none
 }
}

.dt-button {
 display: inline-block;
 border: 1px solid transparent;
 padding: 7px 12px;
 outline: 0
}

+
.dt-button {
 margin-left: 10px
}

.dt-button-info {
 position: fixed;
 top: 50%;
 left: 50%;
 width: 400px;
 margin-top: -100px;
 margin-left: -200px;
 padding: 20px;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 3px;
 text-align: center;
 z-index: 1050;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
 box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.dt-button-info h2 {
 margin-top: 0;
 line-height: 1.5384616;
 font-size: 17px
}

.dt-button-background {
 position: fixed;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background-color: #333;
 z-index: 999;
 opacity: .25;
 filter: alpha(opacity = 25)
}

.dt-button-collection.dropdown-menu {
 display: block;
 z-index: 1000;
 padding: 3px 0;
 overflow: hidden;
 -webkit-column-gap: 2px;
 -moz-column-gap: 2px;
 -ms-column-gap: 2px;
 -o-column-gap: 2px;
 column-gap: 2px
}

.dt-button-collection.dropdown-menu>li {
 padding: 0 0 1px;
 margin: 0;
 border: 0;
 display: block;
 position: relative
}

.dt-button-collection.dropdown-menu>li+li {
 margin-left: 0
}

.dt-button-collection.dropdown-menu>li>a {
 margin: 2px 2px 1px;
 border-radius: 3px
}

.dt-button-collection.dropdown-menu.fixed {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-left: -75px;
 padding-left: 3px;
 padding-right: 3px
}

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

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

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

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

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

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

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

.dataTable td.focus, .dataTable th.focus {
 outline: #2196F3 solid 2px;
 outline-offset: -1px
}

.dataTable td.focus-success, .dataTable th.focus-success {
 background-color: #E8F5E9;
 outline-color: #4CAF50
}

.dataTable td.focus-info, .dataTable th.focus-info {
 background-color: #E3F2FD;
 outline-color: #2196F3
}

.dataTable td.focus-warning, .dataTable th.focus-warning {
 background-color: #FBE9E7;
 outline-color: #FF5722
}

.dataTable td.focus-danger, .dataTable th.focus-danger {
 background-color: #FFEBEE;
 outline-color: #F44336
}

.DTS .DTS_Loading {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 200px;
 height: 20px;
 margin-top: -20px;
 margin-left: -100px;
 z-index: 1;
 border: 1px solid #999;
 padding: 20px 0;
 text-align: center;
 background-color: rgba(255, 255, 255, .5)
}

.DTS .dataTables_scrollFoot, .DTS .dataTables_scrollHead {
 background-color: #fff
}

.DTS .dataTables_scrollBody {
 z-index: 2
}

.dtr-inline.collapsed tbody tr td:before, .dtr-inline.collapsed tbody tr th:before {
 margin-right: 10px
}

.dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child {
 position: relative;
 cursor: pointer;
 white-space: nowrap
}

.dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before
 {
 display: none
}

.dtr-column tbody td.control, .dtr-column tbody th.control {
 position: relative;
 cursor: pointer
}

.dtr-column tbody tr td.control:before, .dtr-column tbody tr th.control:before, .dtr-inline.collapsed tbody tr td:first-child:before,
 .dtr-inline.collapsed tbody tr th:first-child:before {
 content: '\e9e4';
 font-family: FontAwesome;
 display: inline-block;
 font-size: 16px;
 width: 16px;
 line-height: 1;
 position: relative;
 top: -1px;
 vertical-align: middle;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.timer>li.dots, .valign-top {
 vertical-align: top
}

.dataTable.dtr-column tbody tr.parent td.control:before, .dataTable.dtr-column tbody tr.parent th.control:before, .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
 .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
 content: '\e9e7'
}

.dtr-inline.collapsed tbody tr.child td:before {
 display: none
}

.dataTable tr.child:hover {
 background-color: transparent
}

.dataTable tr.child .dtr-title {
 display: table-cell;
 font-weight: 500;
 padding-right: 40px
}

.dataTable tr.child .dtr-data {
 display: table-cell;
 padding: 8px 0
}

.dataTable tr td.child {
 white-space: normal;
 position: relative
}

.dataTable tr td.child>ul {
 display: table;
 table-layout: fixed;
 width: 100%;
 list-style: none;
 margin: 0;
 padding: 0
}

.dataTable tr td.child>ul>li {
 display: table-row
}

@media ( max-width :480px) {
 .dataTable tr td.child>ul>li .btn-group, .dataTable tr td.child>ul>li .dropdown, .dataTable tr td.child>ul>li .dropup {
  position: static
 }
 .dataTable tr td.child>ul>li .dropdown-menu {
  left: 0;
  right: 0;
  border-radius: 0;
  border-width: 1px 0
 }
}

.fixedHeader-floating {
 top: 52px !important;
}

/* Timeline */
.timeline-container:after, .timeline:after, .timeline:before {
 content: "";
 left: 50%;
 background-color: #ccc
}

.timeline {
 position: relative;
 height: 100%
}

.timeline:after, .timeline:before {
 position: absolute;
 top: 0;
 margin-left: -2px;
 height: 4px;
 width: 4px;
 border-radius: 50%;
 z-index: 1
}

.timeline:after {
 top: auto;
 bottom: 0
}

.timeline-container {
 position: relative;
 padding-top: 10px;
 margin-top: -10px;
 padding-bottom: 1px
}

.timeline-date, .timeline-time {
 text-align: center;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-bottom: 20px
}

.timeline-container:after {
 position: absolute;
 top: 0;
 margin-left: -1px;
 height: 100%;
 width: 2px;
 z-index: -1
}

.timeline-date, .timeline-row {
 position: relative
}

.timeline-date:after, .timeline-date:before, .timeline-time:after, .timeline-time:before {
 content: "";
 left: 50%;
 margin-left: -2px;
 height: 4px;
 width: 4px;
 border-radius: 50%
}

.timeline-content {
 margin-bottom: 20px
}

.timeline-date {
 background-color: #e7eaeb;
 z-index: 1
}

.timeline-date:after, .timeline-date:before {
 position: absolute;
 top: 0;
 background-color: #ccc;
 z-index: 1
}

.timeline-date:after {
 top: auto;
 bottom: 0
}

.panel .timeline-date {
 background-color: #fff
}

.timeline-time {
 background-color: #f5f5f5;
 position: relative
}

.timeline-time:after, .timeline-time:before {
 position: absolute;
 top: 0;
 background-color: #ccc
}

.panel .timeline-time, .timeline-icon {
 background-color: #fff
}

.timeline-time:after {
 top: auto;
 bottom: 0
}

.timeline-time span {
 display: block;
 color: #999;
 font-size: 12px
}

.timeline-time span:before {
 content: '•';
 display: inline-block;
 margin-right: 5px;
 position: relative;
 top: 1px
}

.timeline-icon {
 width: 44px;
 height: 44px;
 border-radius: 50%;
 margin: 0 auto 20px;
 border: 2px solid #f5f5f5
}

.panel .timeline-icon {
 border-color: #fff
}

.timeline-icon div {
 border-radius: 50%;
 height: 100%;
 -webkit-box-shadow: 0 0 0 2px #ccc inset;
 box-shadow: 0 0 0 2px #ccc inset
}

.timeline-icon div[class*=bg-] {
 -webkit-box-shadow: none;
 box-shadow: none
}

.timeline-icon div>i {
 display: block;
 line-height: 40px;
 top: 0
}

.timeline-icon img {
 width: 40px;
 height: 40px;
 border-radius: 50%
}

@media ( min-width :1025px) {
 .timeline-time:after, .timeline-time:before {
  content: none
 }
 .timeline-center .timeline-row {
  margin-right: 50%;
  padding-right: 44px
 }
 .timeline-center .post-even {
  margin-right: 0;
  padding-right: 0;
  margin-left: 50%;
  padding-left: 44px
 }
 .timeline-center .post-full {
  margin: 0;
  padding: 0
 }
 .timeline-center .post-full .timeline-content {
  position: relative
 }
 .timeline-center .post-full .timeline-content:after, .timeline-center .post-full .timeline-content:before {
  content: '';
  border-style: solid;
  border-color: #f5f5f5;
  display: block;
  position: absolute;
  left: 0;
  right: 0
 }
 .timeline-center .post-full .timeline-content:before {
  border-width: 4px 0 0;
  top: -5px
 }
 .timeline-center .post-full .timeline-content:after {
  border-width: 0 0 4px;
  bottom: -5px
 }
 .timeline-left .timeline-container:after, .timeline-left .timeline-date:after, .timeline-left .timeline-date:before, .timeline-left:after,
  .timeline-left:before {
  left: 24px
 }
 .timeline-left .timeline-date, .timeline-left .timeline-row {
  padding-left: 68px
 }
 .timeline-right .timeline-container:after, .timeline-right .timeline-date:after, .timeline-right .timeline-date:before,
  .timeline-right:after, .timeline-right:before {
  left: auto;
  right: 24px;
  margin-left: 0;
  margin-right: -2px
 }
 .timeline-right .timeline-container:after {
  margin-right: -1px
 }
 .timeline-right .timeline-date, .timeline-right .timeline-row {
  padding-right: 68px
 }
 .timeline-left .timeline-date, .timeline-right .timeline-date {
  padding-top: 10px;
  padding-bottom: 10px
 }
 .timeline-icon {
  position: absolute;
  top: 10px
 }
 .timeline-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 16px;
  background-color: #ccc;
  z-index: 1
 }
 .timeline-center .post-full .timeline-icon:after, .timeline-time:before {
  content: none
 }
 .timeline-left .timeline-icon {
  left: 0
 }
 .timeline-left .timeline-icon:after {
  left: 100%;
  margin-left: 4px
 }
 .timeline-right .timeline-icon {
  right: 0
 }
 .timeline-right .timeline-icon:after {
  right: 100%;
  margin-right: 4px
 }
 .timeline-center .timeline-row:not(.post-full) .timeline-icon {
  left: 100%;
  margin-left: -24px
 }
 .timeline-center .timeline-row.post-even .timeline-icon {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -24px
 }
 .timeline-center .timeline-icon:after {
  right: 100%;
  margin-right: 4px
 }
 .timeline-center .post-even .timeline-icon:after {
  left: 100%;
  margin-left: 4px
 }
 .timeline-center .post-full .timeline-icon {
  position: static
 }
 .timeline-time {
  padding: 0;
  text-align: inherit;
  background-color: transparent
 }
 .timeline-left .timeline-time, .timeline-right .timeline-time {
  padding-top: 10px;
  margin-bottom: 20px;
  padding-left: 10px
 }
 .timeline-right .timeline-time {
  text-align: right;
  padding-left: 0;
  padding-right: 10px
 }
 .timeline-center .post-full .timeline-time, .timeline-center .timeline-time {
  position: absolute;
  left: 100%;
  top: 15px;
  width: 100%;
  padding-left: 44px
 }
 .timeline-center .post-even .timeline-time, .timeline-center .post-full .timeline-time {
  left: auto;
  right: 100%;
  padding-left: 0;
  padding-right: 44px;
  text-align: right
 }
 .timeline-center .post-full .timeline-time {
  right: 50%;
  top: 5px
 }
}

/* C3 Charts */
.c3-tooltip, .fc table, .picker__table, .pika-table {
 border-spacing: 0
}

.bullet-marker, .bullet-tick line, .c3 path.domain, .c3-bars path, .c3-event-rect, .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid,
 .d3-axis line, .d3-axis path, .d3-grid .tick line, .d3-grid-dashed .tick {
 shape-rendering: crispEdges
}

.c3-tooltip, .dataTable.table-bordered {
 border-collapse: collapse
}

.bullet-title, .c3-text, .c3-tooltip th {
 font-weight: 500
}

.c3 svg {
 font-size: 12px
}

.c3 line, .c3 path {
 fill: none;
 stroke: #999
}

.c3 text {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.c3-chart-arc path {
 stroke: #fff
}

.c3-chart-arc text {
 fill: #fff;
 font-size: 13px
}

.c3-grid line {
 stroke: #aaa
}

.c3-grid text {
 fill: #aaa
}

.c3-xgrid, .c3-ygrid {
 stroke-dasharray: 3 3
}

.c3-text.c3-empty {
 fill: grey;
 font-size: 2em
}

.c3-line {
 stroke-width: 2px
}

.c3-area {
 stroke-width: 0;
 opacity: .4;
 filter: alpha(opacity = 40)
}

.c3-circle._expanded_ {
 stroke-width: 1.5px;
 stroke: #fff
}

.c3-selected-circle {
 fill: #fff;
 stroke-width: 2px
}

.c3-bar {
 stroke-width: 0
}

.c3-bar._expanded_ {
 fill-opacity: .75
}

.c3-chart-arcs-title {
 font-size: 1.3em
}

.c3-chart-arcs .c3-chart-arcs-background {
 fill: #e0e0e0;
 stroke: none
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
 fill: #333;
 font-size: 15px
}

.c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min {
 fill: #999
}

.c3-chart-arc .c3-gauge-value {
 fill: #333;
 font-size: 28px
}

.bullet-tick text, .c3-legend-item, .c3-tooltip td, .d3-tip {
 font-size: 12px
}

.c3-target.c3-focused {
 opacity: 1;
 filter: alpha(opacity = 100)
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
 stroke-width: 2px
}

.c3-target.c3-defocused {
 opacity: .3 !important;
 filter: alpha(opacity = 30) !important
}

.c3-region {
 fill: #546E7A;
 fill-opacity: .1
}

.c3-brush .extent {
 fill-opacity: .1
}

.c3-legend-background {
 fill: #fff;
 stroke: #d3d3d3;
 stroke-width: 1;
 opacity: .75;
 filter: alpha(opacity = 75)
}

.c3-tooltip {
 background-color: #fff;
 empty-cells: show;
 opacity: .95;
 filter: alpha(opacity = 95)
}

.c3-tooltip th {
 background-color: #333;
 padding: 4px 10px;
 text-align: center;
 color: #fff;
 border: 1px solid #333
}

.c3-tooltip td {
 padding: 6px 10px;
 background-color: #fff;
 border: 1px solid #ddd
}

.d3-tip, .venntooltip {
 background-color: #333;
 color: #fff;
 position: absolute
}

.c3-tooltip td>span {
 display: inline-block;
 width: 10px;
 height: 10px;
 margin-right: 6px
}

.c3-tooltip td.value {
 text-align: right
}

.d3-axis path {
 fill: none;
 stroke: #999
}

.d3-axis line {
 stroke: #eee
}

.d3-axis-solid line, .d3-axis-solid path, .d3-axis-strong line, .d3-axis-strong path {
 stroke: #ccc
}

.d3-axis .tick, .d3-axis .tick text {
 font-size: 12px;
 fill: #333
}

.d3-axis-solid .tick, .d3-axis-solid .tick text {
 fill: #999
}

.d3-axis-strong .tick, .d3-axis-strong .tick text {
 fill: #333
}

.d3-axis-transparent path {
 stroke: none
}

.d3-axis-transparent line {
 stroke: #e5e5e5
}

.d3-axis-transparent .tick, .d3-axis-transparent .tick text {
 fill: #999
}

.d3-tip {
 padding: 8px 15px;
 border-radius: 3px;
 margin-bottom: -3px;
 z-index: 1070
}

.d3-tip .d3-tip-arrow {
 position: absolute;
 width: 0;
 height: 0;
 border-color: transparent;
 border-style: solid
}

.d3-tip.n .d3-tip-arrow {
 bottom: -4px;
 left: 50%;
 margin-left: -4px;
 border-width: 4px 4px 0;
 border-top-color: #333
}

.d3-tip.e .d3-tip-arrow {
 top: 50%;
 left: -4px;
 margin-top: -4px;
 border-width: 4px 4px 4px 0;
 border-right-color: #333
}

.d3-tip.w .d3-tip-arrow {
 top: 50%;
 right: -4px;
 margin-top: -4px;
 border-width: 4px 0 4px 4px;
 border-left-color: #333
}

.d3-tip.s .d3-tip-arrow {
 top: 0;
 left: 50%;
 margin-left: -4px;
 border-width: 0 4px 4px;
 border-bottom-color: #333
}

.venntooltip {
 text-align: center;
 white-space: nowrap;
 padding: 7px 12px;
 border-radius: 3px;
 display: none
}

.d3-line {
 fill: none
}

.d3-line-thin {
 stroke-width: 1px
}

.d3-line-medium {
 stroke-width: 1.5px
}

.d3-line-strong {
 stroke-width: 2px
}

.d3-line-circle {
 fill: none;
 cursor: pointer
}

.d3-line-circle-thin {
 stroke-width: 1px
}

.d3-line-circle-medium {
 stroke-width: 1.5px
}

.d3-line-circle-strong {
 stroke-width: 2px
}

.d3-grid .tick line {
 stroke-width: 1px;
 stroke: #e5e5e5
}

.d3-grid .tick text {
 fill: #333;
 stroke: none
}

.d3-grid-dashed .tick {
 stroke-dasharray: 4, 2;
 stroke-width: 1px;
 stroke: #e5e5e5
}

.d3-grid-dashed path {
 stroke-width: 0
}

.d3-crosshair-overlay {
 fill: none;
 pointer-events: all
}

.bullet-tick line {
 stroke: #999;
 stroke-width: 1px
}

.bullet-tick text {
 fill: #999
}

.bullet-marker {
 stroke-width: 2px
}

.bullet-title {
 font-size: 13px
}

.bullet-subtitle {
 fill: #999
}

.bullet-1 .bullet-range-1 {
 fill: rgba(96, 125, 139, .8)
}

.bullet-1 .bullet-range-2 {
 fill: rgba(96, 125, 139, .4)
}

.bullet-1 .bullet-range-3 {
 fill: #607D8B
}

.bullet-1 .bullet-measure-1 {
 fill: rgba(84, 110, 122, .9)
}

.bullet-1 .bullet-measure-2 {
 fill: #fff
}

.bullet-1 .bullet-marker {
 stroke: #37474F
}

.bullet-2 .bullet-range-1 {
 fill: rgba(255, 112, 67, .6)
}

.bullet-2 .bullet-range-2 {
 fill: rgba(255, 112, 67, .3)
}

.bullet-2 .bullet-range-3 {
 fill: #FF7043
}

.bullet-2 .bullet-measure-1 {
 fill: rgba(244, 81, 30, .9)
}

.bullet-2 .bullet-measure-2 {
 fill: #fff
}

.bullet-2 .bullet-marker {
 stroke: #D84315
}

.bullet-3 .bullet-range-1 {
 fill: rgba(102, 187, 106, .7)
}

.bullet-3 .bullet-range-2 {
 fill: rgba(102, 187, 106, .35)
}

.bullet-3 .bullet-range-3 {
 fill: #66BB6A
}

.bullet-3 .bullet-measure-1 {
 fill: rgba(67, 160, 71, .9)
}

.bullet-3 .bullet-measure-2 {
 fill: #fff
}

.bullet-3 .bullet-marker {
 stroke: #2E7D32
}

/* Fancybox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object,
 .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
 padding: 0;
 margin: 0;
 border: 0;
 outline: none;
 vertical-align: top;
}

.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 8020;
}

.fancybox-skin {
 position: relative;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

.fancybox-opened {
 z-index: 8030;
}

.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
 position: relative;
}

.fancybox-inner {
 overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch;
}

.fancybox-error {
 color: #444;
 font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin: 0;
 padding: 15px;
 white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
 display: block;
 width: 100%;
 height: 100%;
}

.fancybox-image {
 max-width: 100%;
 max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url('../assets/images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -108px;
 opacity: 0.8;
 cursor: pointer;
 z-index: 8060;
}

#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url('../assets/images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
 position: absolute;
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 z-index: 8040;
}

.fancybox-nav {
 position: absolute;
 top: 0;
 width: 40%;
 height: 100%;
 cursor: pointer;
 text-decoration: none;
 background: transparent url('blank.gif');
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 z-index: 8040;
}

.fancybox-prev {
 left: 0;
}

.fancybox-next {
 right: 0;
}

.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 8040;
 visibility: hidden;
}

.fancybox-prev span {
 left: 10px;
 background-position: 0 -36px;
}

.fancybox-next span {
 right: 10px;
 background-position: 0 -72px;
}

.fancybox-nav:hover span {
 visibility: visible;
}

.fancybox-tmp {
 position: absolute;
 top: -99999px;
 left: -99999px;
 visibility: hidden;
 max-width: 99999px;
 max-height: 99999px;
 overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
 overflow: hidden !important;
 width: auto;
}

.fancybox-lock body {
 overflow: hidden !important;
}

.fancybox-lock-test {
 overflow-y: hidden !important;
}

.fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 8010;
 background: url('../assets/images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0;
}

.fancybox-lock .fancybox-overlay {
 overflow: auto;
 overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
 visibility: hidden;
 font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
 position: relative;
 text-shadow: none;
 z-index: 8050;
}

.fancybox-opened .fancybox-title {
 visibility: visible;
}

.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 8050;
 text-align: center;
}

.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent;
 background: rgba(0, 0, 0, 0.8);
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #FFF;
 font-weight: bold;
 line-height: 24px;
 white-space: nowrap;
}

.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff;
}

.fancybox-title-inside-wrap {
 padding-top: 10px;
}

.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, .8);
}

/* Retina graphics! */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min--moz-device-pixel-ratio: 1.5) , only screen and
 (min-device-pixel-ratio: 1.5) {
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('fancybox_sprite@2x.png');
  background-size: 44px 152px; /*The size of the normal image,half the size of the hi-res image*/
 }
 #fancybox-loading div {
  background-image: url('fancybox_loading@2x.gif');
  background-size: 24px 24px; /*The size of the normal image,half the size of the hi-res image*/
 }
}

/* Other pages */
.star input[type=checkbox] {
 display: none;
}

.star label {
 display: inline-block;
 cursor: pointer;
 position: relative;
 font-size: 18px;
 transition: border 0.2s linear 0s, color 0.2s linear 0s;
 margin-bottom: 13px;
}

.star input[type=checkbox]:checked+label::before {
 color: #ffd200;
}

.star label:before {
 font-family: 'FontAwesome';
 content: "\F005";
 display: inline-block;
 margin-right: 10px;
 position: absolute;
 left: 0px;
 top: -4px;
 font-size: 18px;
 color: #97a3b3;
 transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

#emails_list tr td {
 padding: 6px 10px;
}

#emails_list .checkbox, #emails_list  .radio {
 margin-top: 8px;
 margin-bottom: 0px;
 font-size: 12px;
}

.page-email .btn-float-lg i {
 font-size: 36px;
}

ul.horizontal-menu li {
 list-style: none;
 margin-left: -25px;
 line-height: 32px;
 height: 32px;
 cursor: pointer;
}

ul.horizontal-menu li:hover {
 background: #EF5350;
 color: #fff;
 border-radius: 3px;
}

ul.horizontal-menu li i {
 font-size: 16px;
 width: 16px;
 margin-right: 6px;
}

ul.horizontal-menu li a {
 color: #111;
 padding: 12px;
}

ul.horizontal-menu li:hover a {
 color: #fff
}

.contact-details {
 padding: 5px 15px 15px 30px;
 background-color: #fcfcfc;
 border-top: 1px solid #eee;
 border-bottom: 1px solid #eee
}

.contact-details i {
 font-size: 14px;
 width: 16px;
 margin-right: 5px;
 text-align: center;
}

.login-container .page-content {
 display: table-row;
 height: 100%
}

.login-container .login-form {
 width: 320px;
 border: 1px solid #ddd;
}

.login-container .login-form-wide {
 width: 620px
}

.login-container .login-form, .login-container .registration-form {
 margin: 0 auto 20px
}

.login-container ul.social-icons li a {
 width: 38px;
}

.login-container ul.social-icons li i {
 font-size: 16px;
}

.login-container ul.social-icons .btn-icon {
 padding-left: 9px;
 padding-right: 8px;
}

.social-login {
 background: #fff;
 padding: 16px;
 color: #222;
 margin-top: 3px;
}

.social-login a i {
 border: 2px solid #1E88E5;
 border-radius: 100%;
 margin: 0 4px;
 padding: 6px;
 width: 36px;
 text-align: center;
 font-size: 20px;
}

.social-login a:hover i {
 border: 2px solid #1E88E5;
 color: #fff;
 background: #1E88E5;
}

.login-cover {
 background: url(../images/login_cover.jpg) no-repeat;
 background-size: cover
}

.login-container {
 display: table;
 width: 100%;
 height: 100%;
 background: url('../images/login_bg.jpg') no-repeat 0 0;
}

@media ( max-width :480px) {
 .login-container .login-form, .login-container .registration-form {
  width: 100%
 }
}

.login-container .form-control-feedback i {
 color: #EF5350;
}

.login-container .footer {
 left: 0;
 right: 0;
 text-align: center;
 color: #666;
}

.login-container .footer a, .login-container .footer a:hover {
 color: #EF5350;
 text-decoration: none;
}

.login-container .content-wrapper {
 vertical-align: middle;
 display: table-cell
}

.login-container .nav-tabs.nav-justified {
 margin-bottom: 0
}

.login-container .nav-tabs.nav-justified>li>a {
 border-top: 0 !important;
 padding-left: 15px;
 padding-right: 15px;
 background-color: #f5f5f5
}

.login-container .nav-tabs.nav-justified>li:first-child>a {
 border-left: 0;
 border-radius: 3px 0 0
}

.login-container .nav-tabs.nav-justified>li:last-child>a {
 border-right: 0;
 border-radius: 0 3px 0 0
}

.login-container .nav-tabs.nav-justified>li.active>a {
 background-color: transparent
}

@media ( max-width :768px) {
 .login-container .nav-tabs.nav-justified {
  padding: 0;
  border-width: 0 0 1px;
  border-radius: 0
 }
 .login-container .nav-tabs.nav-justified:before {
  content: none
 }
 .login-container .nav-tabs.nav-justified>li>a {
  border-width: 0 !important
 }
 .login-options, .login-options .text-right {
  text-align: center
 }
}

.search-results-list .media-heading {
 font-size: 16px;
 margin-bottom: 5px;
}

.search-results-list .list-inline {
 margin-bottom: 5px
}

.search-results-list strong {
 text-decoration: underline;
}

.related-searches {
 margin-top: 20px;
 margin-bottom: 20px;
 padding: 10px 10px 15px;
 border-top: 1px solid #eee;
 border-bottom: 1px solid #eee
}

.website-search-results {
 padding: 20px 20px 0;
 border-bottom: 1px solid #eee
}

.support-ticket-user {
 width: 10%
}