.mg button{
    margin:6px;
}
.mg span{
    margin:6px;
    display:inline-block;
}

/* ColorTheme grapefruit */
/* btn */
.btn-grapefruit {
  color: #fff;
  background-color: #ed5565;
  border-color: #da4453;
}
.btn-grapefruit:hover,
.btn-grapefruit:focus,
.btn-grapefruit.focus,
.btn-grapefruit:active,
.btn-grapefruit.active,
.open > .dropdown-toggle.btn-grapefruit {
  color: #fff;
  background-color: #da4453;
  border-color: #da4453;
}
.btn-grapefruit:active,
.btn-grapefruit.active,
.open > .dropdown-toggle.btn-grapefruit {
  background-image: none;
}
.btn-grapefruit.disabled,
.btn-grapefruit[disabled],
fieldset[disabled] .btn-grapefruit,
.btn-grapefruit.disabled:hover,
.btn-grapefruit[disabled]:hover,
fieldset[disabled] .btn-grapefruit:hover,
.btn-grapefruit.disabled:focus,
.btn-grapefruit[disabled]:focus,
fieldset[disabled] .btn-grapefruit:focus,
.btn-grapefruit.disabled.focus,
.btn-grapefruit[disabled].focus,
fieldset[disabled] .btn-grapefruit.focus,
.btn-grapefruit.disabled:active,
.btn-grapefruit[disabled]:active,
fieldset[disabled] .btn-grapefruit:active,
.btn-grapefruit.disabled.active,
.btn-grapefruit[disabled].active,
fieldset[disabled] .btn-grapefruit.active {
  background-color: #ed5565;
  border-color: #da4453;
}
.btn-grapefruit .badge {
  color: #ed5565;
  background-color: #fff;
}
/* bg */
.bg-grapefruit {
  color: #fff;
  background-color: #ed5565;
}
a.bg-grapefruit:hover {
  background-color: #da4453;
}
.bg-grapefruit .badge {
  color: #ed5565;
  background-color: #fff;
}
/* label */
.label-grapefruit {
  background-color: #ed5565;
}
.label-grapefruit[href]:hover,
.label-grapefruit[href]:focus {
  background-color: #da4453;
}
/* panel */
.panel-grapefruit {
  border-color: #ed5565;
}
.panel-grapefruit > .panel-heading {
  color: #fff;
  background-color: #ed5565;
  border-color: #ed5565;
}
.panel-grapefruit > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ed5565;
}
.panel-grapefruit > .panel-heading .badge {
  color: #ed5565;
  background-color: #fff;
}
.panel-grapefruit > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ed5565;
}


/* ColorTheme bittersweet */
/* btn */
.btn-bittersweet {
  color: #fff;
  background-color: #fc6e51;
  border-color: #e9573f;
}
.btn-bittersweet:hover,
.btn-bittersweet:focus,
.btn-bittersweet.focus,
.btn-bittersweet:active,
.btn-bittersweet.active,
.open > .dropdown-toggle.btn-bittersweet {
  color: #fff;
  background-color: #e9573f;
  border-color: #e9573f;
}
.btn-bittersweet:active,
.btn-bittersweet.active,
.open > .dropdown-toggle.btn-bittersweet {
  background-image: none;
}
.btn-bittersweet.disabled,
.btn-bittersweet[disabled],
fieldset[disabled] .btn-bittersweet,
.btn-bittersweet.disabled:hover,
.btn-bittersweet[disabled]:hover,
fieldset[disabled] .btn-bittersweet:hover,
.btn-bittersweet.disabled:focus,
.btn-bittersweet[disabled]:focus,
fieldset[disabled] .btn-bittersweet:focus,
.btn-bittersweet.disabled.focus,
.btn-bittersweet[disabled].focus,
fieldset[disabled] .btn-bittersweet.focus,
.btn-bittersweet.disabled:active,
.btn-bittersweet[disabled]:active,
fieldset[disabled] .btn-bittersweet:active,
.btn-bittersweet.disabled.active,
.btn-bittersweet[disabled].active,
fieldset[disabled] .btn-bittersweet.active {
  background-color: #fc6e51;
  border-color: #e9573f;
}
.btn-bittersweet .badge {
  color: #fc6e51;
  background-color: #fff;
}
/* bg */
.bg-bittersweet {
  color: #fff;
  background-color: #fc6e51;
}
a.bg-bittersweet:hover {
  background-color: #e9573f;
}
.bg-bittersweet .badge {
  color: #fc6e51;
  background-color: #fff;
}
/* label */
.label-bittersweet {
  background-color: #fc6e51;
}
.label-bittersweet[href]:hover,
.label-bittersweet[href]:focus {
  background-color: #e9573f;
}
/* panel */
.panel-bittersweet {
  border-color: #fc6e51;
}
.panel-bittersweet > .panel-heading {
  color: #fff;
  background-color: #fc6e51;
  border-color: #fc6e51;
}
.panel-bittersweet > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fc6e51;
}
.panel-bittersweet > .panel-heading .badge {
  color: #fc6e51;
  background-color: #fff;
}
.panel-bittersweet > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fc6e51;
}

/* ColorTheme sunflower */
/* btn */
.btn-sunflower {
  color: #fff;
  background-color: #ffce54;
  border-color: #fcbb42;
}
.btn-sunflower:hover,
.btn-sunflower:focus,
.btn-sunflower.focus,
.btn-sunflower:active,
.btn-sunflower.active,
.open > .dropdown-toggle.btn-sunflower {
  color: #fff;
  background-color: #fcbb42;
  border-color: #fcbb42;
}
.btn-sunflower:active,
.btn-sunflower.active,
.open > .dropdown-toggle.btn-sunflower {
  background-image: none;
}
.btn-sunflower.disabled,
.btn-sunflower[disabled],
fieldset[disabled] .btn-sunflower,
.btn-sunflower.disabled:hover,
.btn-sunflower[disabled]:hover,
fieldset[disabled] .btn-sunflower:hover,
.btn-sunflower.disabled:focus,
.btn-sunflower[disabled]:focus,
fieldset[disabled] .btn-sunflower:focus,
.btn-sunflower.disabled.focus,
.btn-sunflower[disabled].focus,
fieldset[disabled] .btn-sunflower.focus,
.btn-sunflower.disabled:active,
.btn-sunflower[disabled]:active,
fieldset[disabled] .btn-sunflower:active,
.btn-sunflower.disabled.active,
.btn-sunflower[disabled].active,
fieldset[disabled] .btn-sunflower.active {
  background-color: #ffce54;
  border-color: #fcbb42;
}
.btn-sunflower .badge {
  color: #ffce54;
  background-color: #fff;
}
/* bg */
.bg-sunflower {
  color: #fff;
  background-color: #ffce54;
}
a.bg-sunflower:hover {
  background-color: #fcbb42;
}
.bg-sunflower .badge {
  color: #ffce54;
  background-color: #fff;
}
/* label */
.label-sunflower {
  background-color: #ffce54;
}
.label-sunflower[href]:hover,
.label-sunflower[href]:focus {
  background-color: #fcbb42;
}
/* panel */
.panel-sunflower {
  border-color: #ffce54;
}
.panel-sunflower > .panel-heading {
  color: #fff;
  background-color: #ffce54;
  border-color: #ffce54;
}
.panel-sunflower > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffce54;
}
.panel-sunflower > .panel-heading .badge {
  color: #ffce54;
  background-color: #fff;
}
.panel-sunflower > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffce54;
}

/* ColorTheme grass */
/* btn */
.btn-grass {
  color: #fff;
  background-color: #a0d468;
  border-color: #8cc152;
}
.btn-grass:hover,
.btn-grass:focus,
.btn-grass.focus,
.btn-grass:active,
.btn-grass.active,
.open > .dropdown-toggle.btn-grass {
  color: #fff;
  background-color: #8cc152;
  border-color: #8cc152;
}
.btn-grass:active,
.btn-grass.active,
.open > .dropdown-toggle.btn-grass {
  background-image: none;
}
.btn-grass.disabled,
.btn-grass[disabled],
fieldset[disabled] .btn-grass,
.btn-grass.disabled:hover,
.btn-grass[disabled]:hover,
fieldset[disabled] .btn-grass:hover,
.btn-grass.disabled:focus,
.btn-grass[disabled]:focus,
fieldset[disabled] .btn-grass:focus,
.btn-grass.disabled.focus,
.btn-grass[disabled].focus,
fieldset[disabled] .btn-grass.focus,
.btn-grass.disabled:active,
.btn-grass[disabled]:active,
fieldset[disabled] .btn-grass:active,
.btn-grass.disabled.active,
.btn-grass[disabled].active,
fieldset[disabled] .btn-grass.active {
  background-color: #a0d468;
  border-color: #8cc152;
}
.btn-grass .badge {
  color: #a0d468;
  background-color: #fff;
}
/* bg */
.bg-grass {
  color: #fff;
  background-color: #a0d468;
}
a.bg-grass:hover {
  background-color: #8cc152;
}
.bg-grass .badge {
  color: #a0d468;
  background-color: #fff;
}
/* label */
.label-grass {
  background-color: #a0d468;
}
.label-grass[href]:hover,
.label-grass[href]:focus {
  background-color: #8cc152;
}
/* panel */
.panel-grass {
  border-color: #a0d468;
}
.panel-grass > .panel-heading {
  color: #fff;
  background-color: #a0d468;
  border-color: #a0d468;
}
.panel-grass > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #a0d468;
}
.panel-grass > .panel-heading .badge {
  color: #a0d468;
  background-color: #fff;
}
.panel-grass > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #a0d468;
}

/* ColorTheme mint */
/* btn */
.btn-mint {
  color: #fff;
  background-color: #48cfad;
  border-color: #37bc9b;
}
.btn-mint:hover,
.btn-mint:focus,
.btn-mint.focus,
.btn-mint:active,
.btn-mint.active,
.open > .dropdown-toggle.btn-mint {
  color: #fff;
  background-color: #37bc9b;
  border-color: #37bc9b;
}
.btn-mint:active,
.btn-mint.active,
.open > .dropdown-toggle.btn-mint {
  background-image: none;
}
.btn-mint.disabled,
.btn-mint[disabled],
fieldset[disabled] .btn-mint,
.btn-mint.disabled:hover,
.btn-mint[disabled]:hover,
fieldset[disabled] .btn-mint:hover,
.btn-mint.disabled:focus,
.btn-mint[disabled]:focus,
fieldset[disabled] .btn-mint:focus,
.btn-mint.disabled.focus,
.btn-mint[disabled].focus,
fieldset[disabled] .btn-mint.focus,
.btn-mint.disabled:active,
.btn-mint[disabled]:active,
fieldset[disabled] .btn-mint:active,
.btn-mint.disabled.active,
.btn-mint[disabled].active,
fieldset[disabled] .btn-mint.active {
  background-color: #48cfad;
  border-color: #37bc9b;
}
.btn-mint .badge {
  color: #48cfad;
  background-color: #fff;
}
/* bg */
.bg-mint {
  color: #fff;
  background-color: #48cfad;
}
a.bg-mint:hover {
  background-color: #37bc9b;
}
.bg-mint .badge {
  color: #48cfad;
  background-color: #fff;
}
/* label */
.label-mint {
  background-color: #48cfad;
}
.label-mint[href]:hover,
.label-mint[href]:focus {
  background-color: #37bc9b;
}
/* panel */
.panel-mint {
  border-color: #48cfad;
}
.panel-mint > .panel-heading {
  color: #fff;
  background-color: #48cfad;
  border-color: #48cfad;
}
.panel-mint > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #48cfad;
}
.panel-mint > .panel-heading .badge {
  color: #48cfad;
  background-color: #fff;
}
.panel-mint > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #48cfad;
}

/* ColorTheme aqua */
/* btn */
.btn-aqua {
  color: #fff;
  background-color: #4fc1e9;
  border-color: #3bafda;
}
.btn-aqua:hover,
.btn-aqua:focus,
.btn-aqua.focus,
.btn-aqua:active,
.btn-aqua.active,
.open > .dropdown-toggle.btn-aqua {
  color: #fff;
  background-color: #3bafda;
  border-color: #3bafda;
}
.btn-aqua:active,
.btn-aqua.active,
.open > .dropdown-toggle.btn-aqua {
  background-image: none;
}
.btn-aqua.disabled,
.btn-aqua[disabled],
fieldset[disabled] .btn-aqua,
.btn-aqua.disabled:hover,
.btn-aqua[disabled]:hover,
fieldset[disabled] .btn-aqua:hover,
.btn-aqua.disabled:focus,
.btn-aqua[disabled]:focus,
fieldset[disabled] .btn-aqua:focus,
.btn-aqua.disabled.focus,
.btn-aqua[disabled].focus,
fieldset[disabled] .btn-aqua.focus,
.btn-aqua.disabled:active,
.btn-aqua[disabled]:active,
fieldset[disabled] .btn-aqua:active,
.btn-aqua.disabled.active,
.btn-aqua[disabled].active,
fieldset[disabled] .btn-aqua.active {
  background-color: #4fc1e9;
  border-color: #3bafda;
}
.btn-aqua .badge {
  color: #4fc1e9;
  background-color: #fff;
}
/* bg */
.bg-aqua {
  color: #fff;
  background-color: #4fc1e9;
}
a.bg-aqua:hover {
  background-color: #3bafda;
}
.bg-aqua .badge {
  color: #4fc1e9;
  background-color: #fff;
}
/* label */
.label-aqua {
  background-color: #4fc1e9;
}
.label-aqua[href]:hover,
.label-aqua[href]:focus {
  background-color: #3bafda;
}
/* panel */
.panel-aqua {
  border-color: #4fc1e9;
}
.panel-aqua > .panel-heading {
  color: #fff;
  background-color: #4fc1e9;
  border-color: #4fc1e9;
}
.panel-aqua > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #4fc1e9;
}
.panel-aqua > .panel-heading .badge {
  color: #4fc1e9;
  background-color: #fff;
}
.panel-aqua > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #4fc1e9;
}

/* ColorTheme bluejeans */
/* btn */
.btn-bluejeans {
  color: #fff;
  background-color: #5d9cec;
  border-color: #4a89dc;
}
.btn-bluejeans:hover,
.btn-bluejeans:focus,
.btn-bluejeans.focus,
.btn-bluejeans:active,
.btn-bluejeans.active,
.open > .dropdown-toggle.btn-bluejeans {
  color: #fff;
  background-color: #4a89dc;
  border-color: #4a89dc;
}
.btn-bluejeans:active,
.btn-bluejeans.active,
.open > .dropdown-toggle.btn-bluejeans {
  background-image: none;
}
.btn-bluejeans.disabled,
.btn-bluejeans[disabled],
fieldset[disabled] .btn-bluejeans,
.btn-bluejeans.disabled:hover,
.btn-bluejeans[disabled]:hover,
fieldset[disabled] .btn-bluejeans:hover,
.btn-bluejeans.disabled:focus,
.btn-bluejeans[disabled]:focus,
fieldset[disabled] .btn-bluejeans:focus,
.btn-bluejeans.disabled.focus,
.btn-bluejeans[disabled].focus,
fieldset[disabled] .btn-bluejeans.focus,
.btn-bluejeans.disabled:active,
.btn-bluejeans[disabled]:active,
fieldset[disabled] .btn-bluejeans:active,
.btn-bluejeans.disabled.active,
.btn-bluejeans[disabled].active,
fieldset[disabled] .btn-bluejeans.active {
  background-color: #5d9cec;
  border-color: #4a89dc;
}
.btn-bluejeans .badge {
  color: #5d9cec;
  background-color: #fff;
}
/* bg */
.bg-bluejeans {
  color: #fff;
  background-color: #5d9cec;
}
a.bg-bluejeans:hover {
  background-color: #4a89dc;
}
.bg-bluejeans .badge {
  color: #5d9cec;
  background-color: #fff;
}
/* label */
.label-bluejeans {
  background-color: #5d9cec;
}
.label-bluejeans[href]:hover,
.label-bluejeans[href]:focus {
  background-color: #4a89dc;
}
/* panel */
.panel-bluejeans {
  border-color: #5d9cec;
}
.panel-bluejeans > .panel-heading {
  color: #fff;
  background-color: #5d9cec;
  border-color: #5d9cec;
}
.panel-bluejeans > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #5d9cec;
}
.panel-bluejeans > .panel-heading .badge {
  color: #5d9cec;
  background-color: #fff;
}
.panel-bluejeans > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5d9cec;
}

/* ColorTheme lavender */
/* btn */
.btn-lavender {
  color: #fff;
  background-color: #ac92ec;
  border-color: #967adc;
}
.btn-lavender:hover,
.btn-lavender:focus,
.btn-lavender.focus,
.btn-lavender:active,
.btn-lavender.active,
.open > .dropdown-toggle.btn-lavender {
  color: #fff;
  background-color: #967adc;
  border-color: #967adc;
}
.btn-lavender:active,
.btn-lavender.active,
.open > .dropdown-toggle.btn-lavender {
  background-image: none;
}
.btn-lavender.disabled,
.btn-lavender[disabled],
fieldset[disabled] .btn-lavender,
.btn-lavender.disabled:hover,
.btn-lavender[disabled]:hover,
fieldset[disabled] .btn-lavender:hover,
.btn-lavender.disabled:focus,
.btn-lavender[disabled]:focus,
fieldset[disabled] .btn-lavender:focus,
.btn-lavender.disabled.focus,
.btn-lavender[disabled].focus,
fieldset[disabled] .btn-lavender.focus,
.btn-lavender.disabled:active,
.btn-lavender[disabled]:active,
fieldset[disabled] .btn-lavender:active,
.btn-lavender.disabled.active,
.btn-lavender[disabled].active,
fieldset[disabled] .btn-lavender.active {
  background-color: #ac92ec;
  border-color: #967adc;
}
.btn-lavender .badge {
  color: #ac92ec;
  background-color: #fff;
}
/* bg */
.bg-lavender {
  color: #fff;
  background-color: #ac92ec;
}
a.bg-lavender:hover {
  background-color: #967adc;
}
.bg-lavender .badge {
  color: #ac92ec;
  background-color: #fff;
}
/* label */
.label-lavender {
  background-color: #ac92ec;
}
.label-lavender[href]:hover,
.label-lavender[href]:focus {
  background-color: #967adc;
}
/* panel */
.panel-lavender {
  border-color: #ac92ec;
}
.panel-lavender > .panel-heading {
  color: #fff;
  background-color: #ac92ec;
  border-color: #ac92ec;
}
.panel-lavender > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ac92ec;
}
.panel-lavender > .panel-heading .badge {
  color: #ac92ec;
  background-color: #fff;
}
.panel-lavender > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ac92ec;
}

/* ColorTheme pinkrose */
/* btn */
.btn-pinkrose {
  color: #fff;
  background-color: #ec87c0;
  border-color: #d770ad;
}
.btn-pinkrose:hover,
.btn-pinkrose:focus,
.btn-pinkrose.focus,
.btn-pinkrose:active,
.btn-pinkrose.active,
.open > .dropdown-toggle.btn-pinkrose {
  color: #fff;
  background-color: #d770ad;
  border-color: #d770ad;
}
.btn-pinkrose:active,
.btn-pinkrose.active,
.open > .dropdown-toggle.btn-pinkrose {
  background-image: none;
}
.btn-pinkrose.disabled,
.btn-pinkrose[disabled],
fieldset[disabled] .btn-pinkrose,
.btn-pinkrose.disabled:hover,
.btn-pinkrose[disabled]:hover,
fieldset[disabled] .btn-pinkrose:hover,
.btn-pinkrose.disabled:focus,
.btn-pinkrose[disabled]:focus,
fieldset[disabled] .btn-pinkrose:focus,
.btn-pinkrose.disabled.focus,
.btn-pinkrose[disabled].focus,
fieldset[disabled] .btn-pinkrose.focus,
.btn-pinkrose.disabled:active,
.btn-pinkrose[disabled]:active,
fieldset[disabled] .btn-pinkrose:active,
.btn-pinkrose.disabled.active,
.btn-pinkrose[disabled].active,
fieldset[disabled] .btn-pinkrose.active {
  background-color: #ec87c0;
  border-color: #d770ad;
}
.btn-pinkrose .badge {
  color: #ec87c0;
  background-color: #fff;
}
/* bg */
.bg-pinkrose {
  color: #fff;
  background-color: #ec87c0;
}
a.bg-pinkrose:hover {
  background-color: #d770ad;
}
.bg-pinkrose .badge {
  color: #ec87c0;
  background-color: #fff;
}
/* label */
.label-pinkrose {
  background-color: #ec87c0;
}
.label-pinkrose[href]:hover,
.label-pinkrose[href]:focus {
  background-color: #d770ad;
}
/* panel */
.panel-pinkrose {
  border-color: #ec87c0;
}
.panel-pinkrose > .panel-heading {
  color: #fff;
  background-color: #ec87c0;
  border-color: #ec87c0;
}
.panel-pinkrose > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ec87c0;
}
.panel-pinkrose > .panel-heading .badge {
  color: #ec87c0;
  background-color: #fff;
}
.panel-pinkrose > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ec87c0;
}

/* ColorTheme lightgray */
/* btn */
.btn-lightgray {
  color: #000;
  background-color: #f5f7fa;
  border-color: #e6e9ed;
}
.btn-lightgray:hover,
.btn-lightgray:focus,
.btn-lightgray.focus,
.btn-lightgray:active,
.btn-lightgray.active,
.open > .dropdown-toggle.btn-lightgray {
  color: #000;
  background-color: #e6e9ed;
  border-color: #e6e9ed;
}
.btn-lightgray:active,
.btn-lightgray.active,
.open > .dropdown-toggle.btn-lightgray {
  background-image: none;
}
.btn-lightgray.disabled,
.btn-lightgray[disabled],
fieldset[disabled] .btn-lightgray,
.btn-lightgray.disabled:hover,
.btn-lightgray[disabled]:hover,
fieldset[disabled] .btn-lightgray:hover,
.btn-lightgray.disabled:focus,
.btn-lightgray[disabled]:focus,
fieldset[disabled] .btn-lightgray:focus,
.btn-lightgray.disabled.focus,
.btn-lightgray[disabled].focus,
fieldset[disabled] .btn-lightgray.focus,
.btn-lightgray.disabled:active,
.btn-lightgray[disabled]:active,
fieldset[disabled] .btn-lightgray:active,
.btn-lightgray.disabled.active,
.btn-lightgray[disabled].active,
fieldset[disabled] .btn-lightgray.active {
  background-color: #f5f7fa;
  border-color: #e6e9ed;
}
.btn-lightgray .badge {
  color: #f5f7fa;
  background-color: #fff;
}
/* bg */
.bg-lightgray {
  color: #000;
  background-color: #f5f7fa;
}
a.bg-lightgray:hover {
  background-color: #e6e9ed;
}
.bg-lightgray .badge {
  color: #f5f7fa;
  background-color: #fff;
}
/* label */
.label-lightgray {
  color:#000;
  background-color: #f5f7fa;
}
.label-lightgray[href]:hover,
.label-lightgray[href]:focus {
  background-color: #e6e9ed;
}
/* panel */
.panel-lightgray {
  border-color: #f5f7fa;
}
.panel-lightgray > .panel-heading {
  color: #000;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.panel-lightgray > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f5f7fa;
}
.panel-lightgray > .panel-heading .badge {
  color: #f5f7fa;
  background-color: #fff;
}
.panel-lightgray > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f5f7fa;
}

/* ColorTheme mediumgray */
/* btn */
.btn-mediumgray {
  color: #000;
  background-color: #ccd1d9;
  border-color: #aab2bd;
}
.btn-mediumgray:hover,
.btn-mediumgray:focus,
.btn-mediumgray.focus,
.btn-mediumgray:active,
.btn-mediumgray.active,
.open > .dropdown-toggle.btn-mediumgray {
  color: #fff;
  background-color: #aab2bd;
  border-color: #aab2bd;
}
.btn-mediumgray:active,
.btn-mediumgray.active,
.open > .dropdown-toggle.btn-mediumgray {
  background-image: none;
}
.btn-mediumgray.disabled,
.btn-mediumgray[disabled],
fieldset[disabled] .btn-mediumgray,
.btn-mediumgray.disabled:hover,
.btn-mediumgray[disabled]:hover,
fieldset[disabled] .btn-mediumgray:hover,
.btn-mediumgray.disabled:focus,
.btn-mediumgray[disabled]:focus,
fieldset[disabled] .btn-mediumgray:focus,
.btn-mediumgray.disabled.focus,
.btn-mediumgray[disabled].focus,
fieldset[disabled] .btn-mediumgray.focus,
.btn-mediumgray.disabled:active,
.btn-mediumgray[disabled]:active,
fieldset[disabled] .btn-mediumgray:active,
.btn-mediumgray.disabled.active,
.btn-mediumgray[disabled].active,
fieldset[disabled] .btn-mediumgray.active {
  background-color: #ccd1d9;
  border-color: #aab2bd;
}
.btn-mediumgray .badge {
  color: #ccd1d9;
  background-color: #fff;
}
/* bg */
.bg-mediumgray {
  color: #000;
  background-color: #ccd1d9;
}
a.bg-mediumgray:hover {
  background-color: #aab2bd;
}
.bg-mediumgray .badge {
  color: #ccd1d9;
  background-color: #fff;
}
/* label */
.label-mediumgray {
  color: #000;
  background-color: #ccd1d9;
}
.label-mediumgray[href]:hover,
.label-mediumgray[href]:focus {
  background-color: #aab2bd;
}
/* panel */
.panel-mediumgray {
  border-color: #ccd1d9;
}
.panel-mediumgray > .panel-heading {
  color: #000;
  background-color: #ccd1d9;
  border-color: #ccd1d9;
}
.panel-mediumgray > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ccd1d9;
}
.panel-mediumgray > .panel-heading .badge {
  color: #ccd1d9;
  background-color: #fff;
}
.panel-mediumgray > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ccd1d9;
}

/* ColorTheme darkgray */
/* btn */
.btn-darkgray {
  color: #fff;
  background-color: #656d78;
  border-color: #434a54;
}
.btn-darkgray:hover,
.btn-darkgray:focus,
.btn-darkgray.focus,
.btn-darkgray:active,
.btn-darkgray.active,
.open > .dropdown-toggle.btn-darkgray {
  color: #fff;
  background-color: #434a54;
  border-color: #434a54;
}
.btn-darkgray:active,
.btn-darkgray.active,
.open > .dropdown-toggle.btn-darkgray {
  background-image: none;
}
.btn-darkgray.disabled,
.btn-darkgray[disabled],
fieldset[disabled] .btn-darkgray,
.btn-darkgray.disabled:hover,
.btn-darkgray[disabled]:hover,
fieldset[disabled] .btn-darkgray:hover,
.btn-darkgray.disabled:focus,
.btn-darkgray[disabled]:focus,
fieldset[disabled] .btn-darkgray:focus,
.btn-darkgray.disabled.focus,
.btn-darkgray[disabled].focus,
fieldset[disabled] .btn-darkgray.focus,
.btn-darkgray.disabled:active,
.btn-darkgray[disabled]:active,
fieldset[disabled] .btn-darkgray:active,
.btn-darkgray.disabled.active,
.btn-darkgray[disabled].active,
fieldset[disabled] .btn-darkgray.active {
  background-color: #656d78;
  border-color: #434a54;
}
.btn-darkgray .badge {
  color: #656d78;
  background-color: #fff;
}
/* bg */
.bg-darkgray {
  color: #fff;
  background-color: #656d78;
}
a.bg-darkgray:hover {
  background-color: #434a54;
}
.bg-darkgray .badge {
  color: #656d78;
  background-color: #fff;
}
/* label */
.label-darkgray {
  background-color: #656d78;
}
.label-darkgray[href]:hover,
.label-darkgray[href]:focus {
  background-color: #434a54;
}
/* panel */
.panel-darkgray {
  border-color: #656d78;
}
.panel-darkgray > .panel-heading {
  color: #fff;
  background-color: #656d78;
  border-color: #656d78;
}
.panel-darkgray > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #656d78;
}
.panel-darkgray > .panel-heading .badge {
  color: #656d78;
  background-color: #fff;
}
.panel-darkgray > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #656d78;
}