/*
 *  
 *  bootstrap  文字颜色扩展css
 *  bootstrap  背景扩展css
 *  bootstrap  按钮扩展css
 *  bootstrap  面板扩展css
 *  
 *
 */


/*
=================================================================
bootstrap  文字颜色扩展css

玫红：color-rose
=================================================================
 */

/* color-rose */
.color-rose {
  color: #ff2c77;
}

/*
=================================================================
bootstrap  背景扩展css

淡紫色：bg-lilac
紫色：bg-purple
浅灰色：bg-grey
=================================================================
 */

/* bg-lilac */
.bg-lilac {
  background-color: #d2cae1 !important;
}

/* bg-purple */
.bg-purple {
  background-color: #7a67a1 !important;
}

/* bg-grey */
.bg-grey {
  background-color: #eaeaea !important;
}

/* bg-gray */
.bg-gray {
  background-color: #cdcdcd !important;
}

/*
=================================================================
bootstrap  按钮扩展css

玫红：btn-rose  
粉红：btn-pink
浅红色：btn-light-red
橘色：btn-orange
浅橘色： btn-light-orange
默认紫色：btn-light-purple
灰色：btn-grey

=================================================================
 */
  
/* btn-rose */
.btn-rose {
  color: #fff;
  border-color: #fe5e97;
  background-color: #ff3a80;
}

.btn-rose:hover,
.btn-rose:focus,
.btn-rose:active,
.btn-rose.active,
.open .dropdown-toggle.btn-rose {
  color: #fff;
}

.btn-rose:active,
.btn-rose.active,
.open .dropdown-toggle.btn-rose {
  background-image: none;
}

.btn-rose.disabled,
.btn-rose[disabled],
fieldset[disabled] .btn-rose,
.btn-rose.disabled:hover,
.btn-rose[disabled]:hover,
fieldset[disabled] .btn-rose:hover,
.btn-rose.disabled:focus,
.btn-rose[disabled]:focus,
fieldset[disabled] .btn-rose:focus,
.btn-rose.disabled:active,
.btn-rose[disabled]:active,
fieldset[disabled] .btn-rose:active,
.btn-rose.disabled.active,
.btn-rose[disabled].active,
fieldset[disabled] .btn-rose.active {
  border-color: #fe5e97;
  background-color: #ff3a80;
}

.btn-rose:hover,
.btn-rose:focus,
.btn-rose:active,
.btn-rose.active,
.open .dropdown-toggle.btn-rose {
  background: #ff2c77;
  background: -moz-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe5e97), color-stop(100%, #ff2c77));
  background: -webkit-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
  background: -o-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
  background: -ms-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
  background: linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
 filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fe5e97', endcolorstr='#ff2c77');
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#fe5e97', endcolorstr='#ff2c77')";
  border-color: #fc84af;
}

.btn-rose .caret {
  border-top-color: #fff;
}

.dropup .btn-rose .caret {
  border-bottom-color: #fff;
}


/* btn-pink */
.btn-pink {
  color: #ff2c77;
  border-color: #ff2c77;
  background-color: #fff;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  color: #ff2c77;
}

.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  background-image: none;
}

.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  border-color: #ff2c77;
  background-color: #ffc2d8;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  background: #ffc2d8;
  background: -moz-linear-gradient(top, #ffc2d8 0%, #fc84af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc2d8), color-stop(100%, #fc84af));
  background: -webkit-linear-gradient(top, #ffc2d8 0%, #fc84af 100%);
  background: -o-linear-gradient(top, #ffc2d8 0%, #fc84af 100%);
  background: -ms-linear-gradient(top, #ffc2d8 0%, #fc84af 100%);
  background: linear-gradient(top, #ffc2d8 0%, #fc84af 100%);
 filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffc2d8', endcolorstr='#fc84af');
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#ffc2d8', endcolorstr='#fc84af')";
  border-color: #ff2c77;
}

.btn-pink .caret {
  border-top-color: #ff2c77;
}

.dropup .btn-pink .caret {
  border-bottom-color: #ff2c77;
}


/* btn-light-red */
.btn-light-red {
  color: #ff2c77;
  border-color: #fc84af;
  background-color: #ffc2d8;
}

.btn-light-red:hover,
.btn-light-red:focus,
.btn-light-red:active,
.btn-light-red.active,
.open .dropdown-toggle.btn-light-red {
  color: #fff;
}

.btn-light-red:active,
.btn-light-red.active,
.open .dropdown-toggle.btn-light-red {
  background-image: none;
}

.btn-light-red.disabled,
.btn-light-red[disabled],
fieldset[disabled] .btn-light-red,
.btn-light-red.disabled:hover,
.btn-light-red[disabled]:hover,
fieldset[disabled] .btn-light-red:hover,
.btn-light-red.disabled:focus,
.btn-light-red[disabled]:focus,
fieldset[disabled] .btn-light-red:focus,
.btn-light-red.disabled:active,
.btn-light-red[disabled]:active,
fieldset[disabled] .btn-light-red:active,
.btn-light-red.disabled.active,
.btn-light-red[disabled].active,
fieldset[disabled] .btn-light-red.active {
  border-color: #ff2c77;
  background-color: #ffc2d8;
}

.btn-light-red:hover,
.btn-light-red:focus,
.btn-light-red:active,
.btn-light-red.active,
.open .dropdown-toggle.btn-light-red {
  background: #ff2c77;
  background: -moz-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe5e97), color-stop(100%, #ff2c77));
  background: -webkit-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
  background: -o-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
  background: -ms-linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
  background: linear-gradient(top, #fe5e97 0%, #ff2c77 100%);
 filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fe5e97', endcolorstr='#ff2c77');
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#fe5e97', endcolorstr='#ff2c77')";
  border-color: #fc84af;
}

.btn-light-red .caret {
  border-top-color: #fff;
}

.dropup .btn-light-red .caret {
    border-bottom-color: #fff;
}


/* btn-orange */
.btn-orange {
  color: #fff;
  border-color: #ff8b50;
  background-color: #ff5e0d;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  color: #fff;
}

.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-image: none;
}

.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  border-color: #ff7040;
  background-color: #ff5e0d;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background: #ff5e0d;
  background: -moz-linear-gradient(top, #ff5e0d 0%, #f22800 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5e0d), color-stop(100%, #f22800));
  background: -webkit-linear-gradient(top, #ff5e0d 0%, #f22800 100%);
  background: -o-linear-gradient(top, #ff5e0d 0%, #f22800 100%);
  background: -ms-linear-gradient(top, #ff5e0d 0%, #f22800 100%);
  background: linear-gradient(top, #ff5e0d 0%, #f22800 100%);
 filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff5e0d', endcolorstr='#f22800');
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#ff5e0d', endcolorstr='#f22800')";
  border-color: #ff7040;
}

.btn-orange .caret {
  border-top-color: #fff;
}

.dropup .btn-orange .caret {
  border-bottom-color: #fff;
}


/* btn-light-orange */
.btn-light-orange {
  color: #f22800;
  border-color: #f22800;
  background-color: #ffe4d0;
}

.btn-light-orange:hover,
.btn-light-orange:focus,
.btn-light-orange:active,
.btn-light-orange.active,
.open .dropdown-toggle.btn-light-orange {
  color: #fff;
}

.btn-light-orange:active,
.btn-light-orange.active,
.open .dropdown-toggle.btn-light-orange {
  background-image: none;
}

.btn-light-orange.disabled,
.btn-light-orange[disabled],
fieldset[disabled] .btn-light-orange,
.btn-light-orange.disabled:hover,
.btn-light-orange[disabled]:hover,
fieldset[disabled] .btn-light-orange:hover,
.btn-light-orange.disabled:focus,
.btn-light-orange[disabled]:focus,
fieldset[disabled] .btn-light-orange:focus,
.btn-light-orange.disabled:active,
.btn-light-orange[disabled]:active,
fieldset[disabled] .btn-light-orange:active,
.btn-light-orange.disabled.active,
.btn-light-orange[disabled].active,
fieldset[disabled] .btn-light-orange.active {
  border-color: #f22800;
  background-color: #ffe4d0;
}

.btn-light-orange:hover,
.btn-light-orange:focus,
.btn-light-orange:active,
.btn-light-orange.active,
.open .dropdown-toggle.btn-light-orange {
  background: #ff5e0d;
  background: -moz-linear-gradient(top, #ff5e0d 0%, #f22800 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5e0d), color-stop(100%, #f22800));
  background: -webkit-linear-gradient(top, #ff5e0d 0%, #f22800 100%);
  background: -o-linear-gradient(top, #ff5e0d 0%, #f22800 100%);
  background: -ms-linear-gradient(top, #ff5e0d 0%, #f22800 100%);
  background: linear-gradient(top, #ff5e0d 0%, #f22800 100%);
 filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff5e0d', endcolorstr='#f22800');
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#ff5e0d', endcolorstr='#f22800')";
  border-color: #ff7040;
}

.btn-light-orange .caret {
  border-top-color: #fff;
}

.dropup .btn-light-orange .caret {
  border-bottom-color: #fff;
}


/* btn-light-purple */
.btn-light-purple {
    color: #7a67a1;
    background-color: #fff;
    border-color: #ccc;
}

.btn-light-purple:hover,
.btn-light-purple:focus,
.btn-light-purple:active,
.btn-light-purple.active,
.open .dropdown-toggle.btn-light-purple {
  color: #fff;
  background-color: #7a67a1;
  border-color: #6c5f86;
}

.btn-light-purple:active,
.btn-light-purple.active,
.open .dropdown-toggle.btn-light-purple {
  background-image: none;
}

.btn-light-purple.disabled,
.btn-light-purple[disabled],
fieldset[disabled] .btn-light-purple,
.btn-light-purple.disabled:hover,
.btn-light-purple[disabled]:hover,
fieldset[disabled] .btn-light-purple:hover,
.btn-light-purple.disabled:focus,
.btn-light-purple[disabled]:focus,
fieldset[disabled] .btn-light-purple:focus,
.btn-light-purple.disabled:active,
.btn-light-purple[disabled]:active,
fieldset[disabled] .btn-light-purple:active,
.btn-light-purple.disabled.active,
.btn-light-purple[disabled].active,
fieldset[disabled] .btn-light-purple.active {
  border-color: #6c5f86;
  background-color: #7a67a1;
}

.btn-light-purple:hover,
.btn-light-purple:focus,
.btn-light-purple:active,
.btn-light-purple.active,
.open .dropdown-toggle.btn-light-purple {

 background: #7a67a1;
  background: -moz-linear-gradient(top, #7a67a1 0%, #473a61 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a67a1), color-stop(100%, #473a61));
  background: -webkit-linear-gradient(top, #7a67a1 0%, #473a61 100%);
  background: -o-linear-gradient(top, #7a67a1 0%, #473a61 100%);
  background: -ms-linear-gradient(top, #7a67a1 0%, #473a61 100%);
  background: linear-gradient(top, #7a67a1 0%, #473a61 100%);
 filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#7a67a1', endcolorstr='#473a61');
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#7a67a1', endcolorstr='#473a61')";
  border-color: #6c5f86;

}

.btn-light-purple .caret {
  border-top-color: #fff;
}

.dropup .btn-light-purple .caret {
  border-bottom-color: #fff;
}


/* btn-grey */
.btn-grey {
  color: #898989;
  background: -moz-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background: linear-gradient(top, #fff 0%, #e0e0e0 100%);
 filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fff', endcolorstr='#e0e0e0');
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#ffc2d8', endcolorstr='#e0e0e0')";
  border-color: #ccc;
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  color: #898989;
}

.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  background-image: none;
}

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

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  background-color: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #e6e6e6 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, #e6e6e6 0%, #e0e0e0 100%);
  background: linear-gradient(top, #e6e6e6 0%, #e0e0e0 100%);
 filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#e6e6e6', endcolorstr='#e0e0e0');
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#e6e6e6', endcolorstr='#e0e0e0')";
}

.btn-grey .caret {
  border-top-color: #898989;
}

.dropup .btn-grey .caret {
  border-bottom-color: #898989;
}