CyberPanel/static/baseTemplate/assets/elements/elements-combind.css

/* Buttons */

.fc-button,
.btn {
    font-size: 14px;
    font-weight: normal;
    position: relative;
    display: inline-block;
    padding: 0 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-image: none;
    -o-user-select: none;
}
.fc-button,
.btn,
.size-md {
    line-height: 32px;
    height: 34px;
    min-width: 34px;
}
.btn-abs {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -17px;
}
/* Rounded Buttons */

.btn.hover-round:hover {
    border-radius: 100px;
}
.ui-datepicker .ui-datepicker-prev:active,
.ui-datepicker .ui-datepicker-next:active,
.ui-datepicker .ui-datepicker-buttonpane button:active,
.ui-dialog .ui-dialog-titlebar-close:active,
.ui-dialog-buttonset button:active,
.fc-state-down,
.fc-state-active,
.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.fc-state-disabled,
.disabled,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: alpha(opacity=65);
}
.btn-link {
    cursor: pointer;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {} .btn-link:hover,
.btn-link:focus {
    text-decoration: underline;
    background-color: transparent;
}
.size-lg,
.btn-lg,
.btn-group-lg > .btn {
    line-height: 44px;
    min-width: 56px;
    height: 46px;
}
.btn-lg-abs {
    margin-top: -23px;
}
.btn-lg,
.btn-group-lg > .btn {
    font-size: 18px;
    padding: 0 16px;
}
.size-sm,
.btn-sm,
.btn-group-sm > .btn {
    line-height: 28px;
    height: 30px;
}
.btn-sm-abs {
    margin-top: -15px;
}
.btn-sm,
.btn-group-sm > .btn {
    font-size: 13px;
    padding: 0 10px;
}
.size-xs,
.btn-xs,
.btn-group-xs > .btn {
    line-height: 20px;
    min-width: 22px;
    height: 22px;
}
.btn-xs-abs {
    margin-top: -11px;
}
.btn-xs,
.btn-group-xs > .btn {
    font-size: 11px;
    padding: 0 5px;
}
.btn .caret {
    margin-left: 0;
}
.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}
.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}
.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
    width: 100%;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
    z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
    outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
.btn-toolbar {
    margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
    margin-left: 10px;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group > .btn-group {
    float: left;
}
.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
    float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}
.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
}
.btn-group-justified > .btn-group .btn {
    width: 100%;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn,
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle,
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child,
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* Pagination */

.pagination {
    display: inline-block;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    line-height: 1.42857143;
    position: relative;
    float: left;
    margin-left: -1px;
    padding: 6px 12px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    font-size: 18px;
    padding: 10px 16px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    font-size: 12px;
    padding: 5px 10px;
}
.pager {
    margin-top: 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.pager li {
    display: inline;
}
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #ddd;
    border-radius: 15px;
    background-color: #fff;
}
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.pager .next > a,
.pager .next > span {
    float: right;
}
.pager .previous > a,
.pager .previous > span {
    float: left;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus,
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    cursor: not-allowed;
    color: #999;
    background-color: #fff;
}
/* Icon separator */

.btn > .icon-separator {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 100%;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.icon-separator + .button-content {
    margin-left: 32px;
}
.btn-xs .icon-separator {
    width: 22px;
}
.btn-xs .icon-separator + .button-content {
    margin-left: 22px;
}
.btn-sm .icon-separator {
    width: 25px;
}
.btn-sm .icon-separator + .button-content {
    margin-left: 25px;
}
.btn-lg .icon-separator {
    width: 44px;
}
.btn-lg .icon-separator + .button-content {
    margin-left: 44px;
}
.icon-separator.float-right {
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
/* Vertical button */

.vertical-button {
    line-height: 1.6em;
    height: auto;
    padding: 10px 0 5px;
}
.vertical-button .button-content {
    opacity: .7;
    filter: alpha(opacity=70);
}
.icon-separator-vertical {
    font-size: 25px;
    display: block;
    margin: 5px auto;
}
.dashboard-buttons .btn {
    width: 93px;
    margin: 5px 3px;
}
/* Outline buttons inverse */

.btn-outline,
.btn-outline-inverse {
    display: inline-block;
    text-align: center;
    color: #fff;
    box-sizing: initial;
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase;
}
.btn-outline-inverse {
    border-color: rgba(255, 255, 255, 0.47);
}
.btn-outline-inverse:hover {
    background: rgba(255,255,255,0.2);
    border-color: #fff;
}
.btn-outline-inverse.hero-btn {
    color: #fff;
}
/* Outline buttons */

.btn-outline {
    color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .6);
}
.btn-outline:hover {
    color: #fff;
    border-color: rgba(0, 0, 0, .8);
    background: rgba(0, 0, 0, .8);
}
/* Rounded buttons */

.btn.btn-round {
    border-radius: 150px;
    padding: 0;
}
.btn-round.btn-lg {
    width: 46px;
    min-width: 46px;
}
.btn-round.btn-xlg {
    width: 66px;
    min-width: 66px;
    height: 66px;
    line-height: 66px;
}
.btn-round.btn-xlg .glyph-icon {
    font-size: 24px;
}
.btn-round.btn-md {
    width: 34px;
}
.btn-round.btn-sm {
    width: 30px;
}
.btn-round.btn-xs {
    width: 22px;
}
/* Alternate style */

.btn-alt {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
/* Animated icon hover */
.btn-hover span {
    padding: 0 20px;
    left: 0;
    position: relative;
    transition: opacity 0.2s ease-out, left 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out, left 0.2s ease-out;
}
.btn-hover .glyph-icon {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    right: 20px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}
.btn-hover:hover .glyph-icon {
    opacity: 1;
    right: 15px;
    -ms-filter: "alpha(opacity=100)";
}
.btn-hover:hover span {
    left: -15px;
}

/* Bordered buttons */

.btn-border {
    border-width: 2px;
    border-style: solid;
}
.btn-border span {
    opacity: .75;
    filter: alpha(opacity=75);
}
.btn-border:hover {
    text-decoration: none;
}
.btn-border:hover span {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group
{ width:auto; }

.demo-margin .btn { margin-bottom:10px; }

/* Boxes */

.content-box {
    background: #fff;
    margin-bottom: 20px;
}
.content-box,
.content-box-header {
    position: relative;
    border-width: 1px;
    border-style: solid;
}
.content-box-header {
    font-size: 14px;
    text-transform: uppercase;
    margin: -1px -1px 0;
    padding: 15px;
    border-color: transparent;
}
.content-box-header small + .font-size-11.float-right {
    position: absolute;
    top: 14px;
    right: 10px;
}
.content-box-header-alt {
    padding: 15px 10px 14px;
}
.content-box-header-alt {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.content-box-header-alt small {
    font-size: 13px;
    font-weight: normal;
    display: block;
    padding: 5px 0 0;
    text-transform: none;
    opacity: .70;
    filter: alpha(opacity: 70);
}
.content-box .ui-widget-overlay {
    position: absolute;
}
.content-box .ui-widget-overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}
.content-box .content-box-wrapper {
    line-height: 1.6em;
    padding: 15px;
}
.content-box .content-box-wrapper .scrollable-content,
.content-box .content-box-wrapper p:last-child {
    margin-bottom: 0;
}
/* Icons */

.content-box .content-box-header > .glyph-icon {
    margin-right: 5px;
    opacity: .70;
    filter: alpha(opacity: 70);
}
.content-box-header-alt > .glyph-icon,
.content-box-header-alt .icon-separator .glyph-icon {
    font-size: 22px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
.content-box-header > .icon-separator {
    position: relative;
    top: 1px;
    left: -15px;
    padding: 18px 15px 16px;
    text-align: center;
}
.content-box-header > .icon-separator .glyph-icon {
    margin-left: 3px;
}
.content-box-header-alt > .header-wrapper {
    overflow: hidden;
    display: block;
    margin-left: 40px;
}
.content-box-header-alt > .icon-separator + .header-wrapper {
    margin-left: 65px;
}
.content-box-header-alt > .icon-separator {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
}
.content-box-header-alt > .icon-separator .glyph-icon {
    left: 50%;
    margin-left: -15px;
}
/* Header single buttons */

.header-buttons {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    display: block;
}
.header-buttons .btn-xs {
    top: 13px;
}
.header-buttons .btn-sm {
    top: 10px;
}
.header-buttons .btn-sm:last-child {
    margin-right: 0;
}
.header-buttons > .btn-group:last-child {
    margin-right: -2px;
}
.content-box-header-alt .header-buttons .btn-xs {
    top: 24px;
}
.content-box-header-alt .header-buttons .btn-sm {
    top: 20px;
}
.content-box-header-alt .header-buttons .btn-sm:last-child {
    margin-right: 5px;
}
/* Header button separators */

.header-buttons-separator {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.header-buttons-separator .icon-separator {
    top: 0;
    left: 0;
    display: block;
    float: left;
    min-width: 20px;
    height: 100%;
    padding: 0 10px;
}
.header-buttons-separator .icon-separator .glyph-icon {
    line-height: 30px;
    position: relative;
    top: 50%;
    display: block;
    min-width: 30px;
    height: 30px;
    margin: -15px 0 0;
    text-align: center;
}
/* Header button groups */

.header-buttons > .btn-group {
    margin-top: 8px;
}
.header-buttons .btn-group-xs {
    margin-top: 14px;
}
.header-buttons .btn-group-xs:last-child {
    margin-right: 0;
}
/* Button panes */

.ui-dialog-buttonpane,
body .button-pane {
    padding: 10px;
    text-align: center;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
body .button-pane-top {
    border-width: 0 0 1px;
    border-radius: 0;
}
/* Scrollable boxes sizes */

.scrollable-content {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 300px;
    padding-right: 0;
}
.scrollable-xs {
    overflow-y: scroll;
    height: 200px;
}
.scrollable-sm {
    overflow-y: scroll;
    height: 400px;
}
.scrollable-lg {
    overflow-y: scroll;
    height: 500px;
}
/* Toggle Boxes */

.toggle-button .glyph-icon {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
.hidden-button .content-box-header a,
.hidden-button .content-box-header .btn,
.hidden-button .content-box-header button {
    display: none;
}
/* Border colored content boxes */

.content-box.border-top .content-box-header {
    font-size: 18px;
    margin: 0;
}
.content-box.border-top .content-box-header small {
    opacity: .80;
    -moz-opacity: .80;
    filter: alpha(opacity: 80);
}
.content-box.border-top .content-box-header + .content-box-wrapper {
    padding-top: 0;
}
/* Boxes widths */

.box-xs {
    width: 200px;
}
.box-sm {
    width: 324px;
}
.box-md {
    width: 400px;
}
.box-lg {
    width: 500px;
}
/* Content box tabs */

.content-box-header > .ui-tabs-nav {
    position: absolute;
    top: 2px;
    right: 0;
    padding: 0;
    list-style: none;
    border: 0;
}
.content-box-header > .ui-tabs-nav li > a {
    line-height: 49px;
    height: 49px;
    margin: 0 2px;
    color: rgba(255, 255, 255, .7);
    border: 0;
    background: none;
}
.content-box-header > .ui-tabs-nav li > a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .2);
}
.content-box-header.bg-default > .ui-tabs-nav li.ui-tabs-active > a,
.content-box-header.bg-gray > .ui-tabs-nav li.ui-tabs-active > a,
.content-box-header.bg-white > .ui-tabs-nav li.ui-tabs-active > a,
.content-box-header.bg-default > .ui-tabs-nav li.ui-tabs-active.ui-state-hover > a,
.content-box-header.bg-gray > .ui-tabs-nav li.ui-tabs-active.ui-state-hover > a,
.content-box-header.bg-white > .ui-tabs-nav li.ui-tabs-active.ui-state-hover > a {
    line-height: 46px;
    height: 46px;
    background: #F6F6F9;
}
.content-box-header.bg-default > .ui-tabs-nav li > a,
.content-box-header.bg-gray > .ui-tabs-nav li > a,
.content-box-header.bg-white > .ui-tabs-nav li > a {
    line-height: 50px;
    height: 50px;
    margin: 0;
    border-radius: 0;
}
.content-box-header.bg-default > .ui-tabs-nav,
.content-box-header.bg-gray > .ui-tabs-nav,
.content-box-header.bg-white > .ui-tabs-nav {
    top: 0;
}
.content-box-header > .ui-tabs-nav li.ui-tabs-active > a,
.content-box-header > .ui-tabs-nav li.ui-tabs-active.ui-state-hover > a {
    line-height: 47px;
    height: 49px;
    background: #fff;
}
/* Bootstrap Panels */

.panel {
    margin-bottom: 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
    padding: 15px 20px;
    position: relative;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}
.panel-title > a {
    color: inherit;
}
.panel-footer {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    background-color: #f5f5f5;
}
.panel > .list-group {
    margin-bottom: 0;
}
.panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
}
.panel > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    overflow: hidden;
    margin-bottom: 0;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid transparent;
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid transparent;
}

  /* Forms */

  fieldset {
      margin: 0;
      padding: 0;
      border: 0;
  }
  legend {
      font-size: 21px;
      line-height: inherit;
      display: block;
      width: 100%;
      margin-bottom: 20px;
      padding: 0;
      color: #333;
      border: 0;
      border-bottom: 1px solid #dfe8f1;
  }
  label {
      font-weight: bold;
      display: inline-block;
  }
  input[type='radio'],
  input[type='checkbox'] {
      line-height: normal;
  }
  input[type='file'] {
      display: block;
  }
  select[multiple],
  select[size] {
      height: auto;
  }
  select optgroup {
      font-family: inherit;
      font-size: inherit;
      font-style: inherit;
  }
  input[type='file']:focus,
  input[type='radio']:focus,
  input[type='checkbox']:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
  }
  input[type='number']::-webkit-outer-spin-button,
  input[type='number']::-webkit-inner-spin-button {
      height: auto;
  }
  output {
      font-size: 14px;
      line-height: 1.428571429;
      display: block;
      padding-top: 7px;
      vertical-align: middle;
      color: #555;
  }
  div.dataTables_filter input,
  .chosen-container-single .chosen-search input,
  .input,
  .form-control,
  .dataTables_length select,
  .chosen-container-multi,
  .bootstrap-timepicker-widget table td input,
  .ui-toolbar select,
  .ui-toolbar input {
      font-size: 13px;
      display: block;
      float: none;
      background: #fff;
      width: 100%;
      height: 34px;
      padding: 6px 12px;
      color: #2b2f33;
      border: #dfe8f1 solid 1px;
      -webkit-box-shadow: inset 1px 1px 3px #f6f6f6;
      -moz-box-shadow: inset 1px 1px 3px #f6f6f6;
      box-shadow: inset 1px 1px 3px #f6f6f6;
  }
  .chosen-container-multi.chosen-with-drop.chosen-container-active {
      border: #ddd solid 1px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      box-shadow: 0 0 0 transparent;
  }
  div.dataTables_filter input:focus,
  .input:focus,
  .form-control:focus,
  .chosen-container-active,
  .chosen-container-multi.chosen-container-active,
  .selector.focus,
  .bootstrap-timepicker-widget table td input:focus,
  .ui-toolbar select:focus,
  .ui-toolbar input:focus {
      color: #333;
      border-color: #3da6ff;
  }
  .form-control:-moz-placeholder {
      color: #999;
  }
  .form-control::-moz-placeholder {
      color: #999;
  }
  .form-control:-ms-input-placeholder {
      color: #999;
  }
  .form-control::-webkit-input-placeholder {
      color: #999;
  }
  textarea.form-control {
      height: auto;
  }
  .form-group {
      margin-bottom: 15px;
  }
  .form-group label {
      margin-bottom: 5px;
  }
  .form-group .switch-toggle {
      margin-top: 6px;
  }
  .radio,
  .checkbox {
      display: block;
      min-height: 20px;
      /*padding-left: 20px;*/

      margin-top: 10px;
      margin-bottom: 10px;
      vertical-align: middle;
  }
  .radio label,
  .checkbox label {
      font-weight: normal;
      display: inline;
      margin-bottom: 0;
      cursor: pointer;
  }
  .radio input[type='radio'],
  .radio-inline input[type='radio'],
  .checkbox input[type='checkbox'],
  .checkbox-inline input[type='checkbox'] {
      float: left;
  }
  .radio + .radio,
  .checkbox + .checkbox {
      margin-top: -5px;
  }
  .radio-inline,
  .checkbox-inline {
      font-weight: normal;
      line-height: 19px;
      display: inline-block;
      height: 19px;
      margin-bottom: 0;
      cursor: pointer;
      vertical-align: middle;
  }
  .radio-inline label,
  .checkbox-inline label {
      font-weight: normal;
      line-height: 17px;
  }
  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
      margin-top: 0;
      margin-left: 10px;
  }
  input[type='radio'][disabled],
  input[type='checkbox'][disabled],
  .radio[disabled],
  .radio-inline[disabled],
  .checkbox[disabled],
  .checkbox-inline[disabled],
  fieldset[disabled] input[type='radio'],
  fieldset[disabled] input[type='checkbox'],
  fieldset[disabled] .radio,
  fieldset[disabled] .radio-inline,
  fieldset[disabled] .checkbox,
  fieldset[disabled] .checkbox-inline {
      cursor: not-allowed;
  }
  .input-sm {
      font-size: 12px;
      line-height: 1.5;
      height: 30px;
      padding: 5px 10px;
      border-radius: 3px;
  }
  select.input-sm {
      line-height: 30px;
      height: 30px;
  }
  textarea.input-sm {
      height: auto;
  }
  .input-lg {
      font-size: 18px;
      line-height: 1.33;
      height: 45px;
      padding: 10px 16px;
      border-radius: 6px;
  }
  select.input-lg {
      line-height: 45px;
      height: 45px;
  }
  textarea.input-lg {
      height: auto;
  }
  .form-control-static {
      margin-bottom: 0;
  }
  .help-block {
      display: block;
      margin-top: 5px;
      margin-bottom: 0;
      color: #737373;
  }
  @media (min-width: 768px) {
      .form-inline .form-group {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
      }
      .form-inline .form-control {
          display: inline-block;
      }
      .form-inline .radio,
      .form-inline .checkbox {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          padding-left: 0;
      }
      .form-inline .radio input[type='radio'],
      .form-inline .checkbox input[type='checkbox'] {
          float: none;
          margin-left: 0;
      }
  }
  .form-horizontal .control-label,
  .form-horizontal .radio,
  .form-horizontal .checkbox,
  .form-horizontal .radio-inline,
  .form-horizontal .checkbox-inline {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 7px;
  }
  .form-horizontal > .form-group {
      margin-right: -15px;
      margin-left: -15px;
  }
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after {
      display: table;
      content: ' ';
  }
  .form-horizontal .form-group:after {
      clear: both;
  }
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after {
      display: table;
      content: ' ';
  }
  .form-horizontal .form-group:after {
      clear: both;
  }
  .form-horizontal .form-control-static {
      padding-top: 7px;
  }
  @media (min-width: 768px) {
      .form-horizontal .control-label {
          text-align: right;
      }
  }
  .input-group {
      position: relative;
      display: table;
      width: 100%;
      border-collapse: separate;
  }
  .input-group.col {
      float: none;
      padding-right: 0;
      padding-left: 0;
  }
  .input-group .form-control {
      width: 100%;
      margin-bottom: 0;
  }
  .input-group-lg > .form-control,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .btn {
      font-size: 18px;
      line-height: 1.33;
      height: 45px;
      padding: 10px 16px;
      border-radius: 6px;
  }
  select.input-group-lg > .form-control,
  select.input-group-lg > .input-group-addon,
  select.input-group-lg > .input-group-btn > .btn {
      line-height: 45px;
      height: 45px;
  }
  textarea.input-group-lg > .form-control,
  textarea.input-group-lg > .input-group-addon,
  textarea.input-group-lg > .input-group-btn > .btn {
      height: auto;
  }
  .input-group-sm > .form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .btn {
      font-size: 12px;
      line-height: 1.5;
      height: 30px;
      padding: 5px 10px;
      border-radius: 3px;
  }
  select.input-group-sm > .form-control,
  select.input-group-sm > .input-group-addon,
  select.input-group-sm > .input-group-btn > .btn {
      line-height: 30px;
      height: 30px;
  }
  textarea.input-group-sm > .form-control,
  textarea.input-group-sm > .input-group-addon,
  textarea.input-group-sm > .input-group-btn > .btn {
      height: auto;
  }
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
      display: table-cell;
  }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
      border-radius: 0;
  }
  .input-group-addon div[id^='uniform-'] {
      margin: 0 -3px;
  }
  .input-group-addon,
  .input-group-btn {
      width: 1%;
      vertical-align: middle;
      white-space: nowrap;
  }
  .input-group-addon {
      font-size: 14px;
      font-weight: normal;
      line-height: 1;
      padding: 6px 12px;
      text-align: center;
      color: #2b2f33;
      background-color: rgba(239, 244, 246, 0.36);
      border: 1px solid #dfe8f1;
      border-radius: 4px;
  }
  .input-group-addon .glyph-icon {
      display: block;
      min-width: 20px;
      margin: 0 -4px;
      text-align: center;
  }
  .input-group-addon.addon-inside {
      line-height: 24px;
      position: absolute;
      top: 5px;
      left: 6px;
      display: block;
      width: 32px;
      height: 24px;
      padding: 0;
      border-width: 1px;
      border-style: solid;
  }
  .input-group-lg .input-group-addon.addon-inside {
      top: 10px;
      left: 10px;
      z-index:999;
  }
  .input-group-addon.addon-inside .glyph-icon {
      margin: 0;
  }
  .input-group-addon.addon-inside + input {
      padding-left: 48px;
  }
  .input-group-addon.input-sm {
      font-size: 12px;
      padding: 5px 10px;
      border-radius: 3px;
  }
  .input-group-addon.input-lg {
      font-size: 18px;
      padding: 10px 16px;
      border-radius: 6px;
  }
  .input-group-addon input[type='radio'],
  .input-group-addon input[type='checkbox'] {
      margin-top: 0;
  }
  .input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .dropdown-toggle,
  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  .input-group-addon:first-child {
      border-right: 0;
  }
  .input-group-addon.addon-inside:first-child {
      border-right-width: 1px;
      border-right-style: solid;
      border-color: transparent;
      z-index:999;
  }
  .input-group-btn + .form-control,
  .input-group-addon + .form-control,
  .input-group-addon:last-child,
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .dropdown-toggle,
  .input-group-btn:first-child > .btn:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
  }
  .input-group-addon:last-child {
      border-left: 0;
  }
  .input-group-btn {
      position: relative;
      white-space: nowrap;
  }
  .input-group-btn:first-child > .btn {
      margin-right: -1px;
  }
  .input-group-btn:last-child > .btn {
      margin-left: -1px;
  }
  .input-group-btn > .btn {
      position: relative;
  }
  .input-group-btn > .btn + .btn {
      margin-left: -4px;
  }
  .input-group-btn > .btn:hover,
  .input-group-btn > .btn:active {
      z-index: 2;
  }
  [data-toggle=buttons] > .btn > input[type=radio],
  [data-toggle=buttons] > .btn > input[type=checkbox] {
      display: none;
  }
  /* Textarea */

  textarea.textarea-no-resize,
  textarea.textarea-autoresize {
      resize: none;
  }
  .textarea-autosize {
      transition: height 0.3s;
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
  }
  textarea.form-control {
      line-height: 1.6em;
      padding: 8px 12px;
  }
  textarea.textarea-xs {
      height: 50px;
  }
  textarea.textarea-sm {
      height: 125px;
  }
  textarea.textarea-md {
      height: 200px;
  }
  textarea.textarea-lg {
      height: 275px;
  }
  /* Spinner */

  .ui-spinner {
      position: relative;
      display: block;
  }
  .ui-spinner .ui-spinner-button {
      font-size: 9px;
      line-height: 17px;
      position: absolute;
      right: 0;
      width: 17px;
      height: 17px;
      cursor: pointer;
      text-align: center;
      border-width: 1px;
      border-style: solid;
  }
  .ui-spinner .ui-spinner-up {
      top: 0;
  }
  .ui-spinner .ui-spinner-down {
      bottom: 0;
  }
  .parsley-errors-list li {
      font-size: 12px;
      padding-top: 5px;
  }
  /* Row border */

  .bordered-row > .form-group {
      padding: 20px 0;
      margin-bottom: 0;
      border-top-width: 1px;
      border-top-style: dashed;
  }
  .bordered-row > .form-group:last-child {
      padding-bottom: 0;
  }
  .form-group .ui-slider {
      margin-top: 14px;
  }
  .form-group .ui-slider + .input-group {
      margin-top: 20px;
  }