/**对bootstrap的更改（单样式的放到了misshop.basic.css中）**/

.cl1 .btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.cl1 .btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}


.cl1 .btn-primary:focus, .cl1 .btn-primary.focus {
  /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);*/
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
}

.cl1 .btn-primary.disabled, .cl1 .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.cl1 .btn-primary:not(:disabled):not(.disabled):active, .cl1 .btn-primary:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.cl1 .btn-primary:not(:disabled):not(.disabled):active:focus, .cl1 .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-primary.dropdown-toggle:focus {
  /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);*/
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
}

.cl1 .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.cl1 .btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.cl1 .btn-secondary:focus, .cl1 .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.cl1 .btn-secondary.disabled, .cl1 .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.cl1 .btn-secondary:not(:disabled):not(.disabled):active, .cl1 .btn-secondary:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.cl1 .btn-secondary:not(:disabled):not(.disabled):active:focus, .cl1 .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.cl1 .btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.cl1 .btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.cl1 .btn-success:focus, .cl1 .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.cl1 .btn-success.disabled, .cl1 .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.cl1 .btn-success:not(:disabled):not(.disabled):active, .cl1 .btn-success:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.cl1 .btn-success:not(:disabled):not(.disabled):active:focus, .cl1 .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.cl1 .btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.cl1 .btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.cl1 .btn-info:focus, .cl1 .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.cl1 .btn-info.disabled, .cl1 .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.cl1 .btn-info:not(:disabled):not(.disabled):active, .cl1 .btn-info:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.cl1 .btn-info:not(:disabled):not(.disabled):active:focus, .cl1 .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.cl1 .btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.cl1 .btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.cl1 .btn-warning:focus, .cl1 .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.cl1 .btn-warning.disabled, .cl1 .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.cl1 .btn-warning:not(:disabled):not(.disabled):active, .cl1 .btn-warning:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.cl1 .btn-warning:not(:disabled):not(.disabled):active:focus, .cl1 .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.cl1 .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.cl1 .btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.cl1 .btn-danger:focus, .cl1 .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.cl1 .btn-danger.disabled, .cl1 .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.cl1 .btn-danger:not(:disabled):not(.disabled):active, .cl1 .btn-danger:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.cl1 .btn-danger:not(:disabled):not(.disabled):active:focus, .cl1 .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.cl1 .btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.cl1 .btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.cl1 .btn-light:focus, .cl1 .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.cl1 .btn-light.disabled, .cl1 .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.cl1 .btn-light:not(:disabled):not(.disabled):active, .cl1 .btn-light:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.cl1 .btn-light:not(:disabled):not(.disabled):active:focus, .cl1 .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.cl1 .btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.cl1 .btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.cl1 .btn-dark:focus, .cl1 .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.cl1 .btn-dark.disabled, .cl1 .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.cl1 .btn-dark:not(:disabled):not(.disabled):active, .cl1 .btn-dark:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.cl1 .btn-dark:not(:disabled):not(.disabled):active:focus, .cl1 .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

/**重绿色**/
.cl1 .btn-darkgreen {
  color: #fff;
  background-color: #3FAECF;
  border-color: #3FAECF;
}

.cl1 .btn-darkgreen:hover,
.cl1 .btn-darkgreen:focus {
  color: #fff;
  background-color: #2B8498;
  border-color: #2B8598;
}

.cl1 .btn-darkgreen:focus, 
.cl1 .btn-darkgreen.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}



.cl1 .btn-darkgreen.disabled, .cl1 .btn-darkgreen:disabled {
  color: #fff;
  background-color: #3FAECF;
  border-color: #3FAECF;
}

.cl1 .btn-darkgreen:not(:disabled):not(.disabled):active, .cl1 .btn-darkgreen:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-darkgreen.dropdown-toggle {
  color: #fff;
  background-color: #2B8598;
  border-color: #008d7f;
}

.cl1 .btn-darkgreen:not(:disabled):not(.disabled):active:focus, .cl1 .btn-darkgreen:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-darkgreen.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 69, 0, 0.5);
}


.cl1 .btn-red-gradient {
  color: #fff;
	background: linear-gradient(bottom,#FC3E1F,#FB9192);
	background: -ms-linear-gradient(bottom,#FC3E1F,#FB9192);
	background: -webkit-linear-gradient(bottom,#FC3E1F,#FB9192);
	background: -o-linear-gradient(bottom,#FC3E1F,#FB9192);
	background: -moz-linear-gradient(bottom,#FC3E1F,#FB9192);
	border-width: 0px;
}
.cl1 .btn-red-gradient:hover,
.cl1 .btn-red-gradient:focus {
  color: #fff;
	background: linear-gradient(bottom,#DC3545,#FA6A6C);
	background: -ms-linear-gradient(bottom,#DC3545,#FA6A6C);
	background: -webkit-linear-gradient(bottom,#DC3545,#FA6A6C);
	background: -o-linear-gradient(bottom,#DC3545,#FA6A6C);
	background: -moz-linear-gradient(bottom,#DC3545,#FA6A6C);
}

.cl1 .btn-orange-gradient {
  color: #fff;
	background: linear-gradient(bottom,#F1C494,#FEE2C4);
	background: -ms-linear-gradient(bottom,#F1C494,#FEE2C4);
	background: -webkit-linear-gradient(bottom,#F1C494,#FEE2C4);
	background: -o-linear-gradient(bottom,#F1C494,#FEE2C4);
	background: -moz-linear-gradient(bottom,#F1C494,#FEE2C4);
	border-width: 0px;
}
.cl1 .btn-orange-gradient:hover,
.cl1 .btn-orange-gradient:focus {
  color: #fff;
	background: linear-gradient(bottom,#FDDFBD,#FBE4C7);
	background: -ms-linear-gradient(bottom,#FDDFBD,#FBE4C7);
	background: -webkit-linear-gradient(bottom,#FDDFBD,#FBE4C7);
	background: -o-linear-gradient(bottom,#FDDFBD,#FBE4C7);
	background: -moz-linear-gradient(bottom,#FDDFBD,#FBE4C7);
}


.cl1 .btn-blue-gradient {
  color: #fff;
	background: linear-gradient(bottom,#375EF6,#6AC8FD);
	background: -ms-linear-gradient(bottom,#375EF6,#6AC8FD);
	background: -webkit-linear-gradient(bottom,#375EF6,#6AC8FD);
	background: -o-linear-gradient(bottom,#375EF6,#6AC8FD);
	background: -moz-linear-gradient(bottom,#375EF6,#6AC8FD);
	border-width: 0px;
}

.cl1 .btn-blue-gradient:hover,
.cl1 .btn-blue-gradient:focus {
  color: #fff;
	background: linear-gradient(bottom,#0a33da,#27b1fc);
	background: -ms-linear-gradient(bottom,#0a33da,#27b1fc);
	background: -webkit-linear-gradient(bottom,#0a33da,#27b1fc);
	background: -o-linear-gradient(bottom,#0a33da,#27b1fc);
	background: -moz-linear-gradient(bottom,#0a33da,#27b1fc);
}

.cl1 .btn-blue-gradient:focus, 
.cl1 .btn-blue-gradient.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
	


.cl1 .btn-blue-gradient.disabled, .cl1 .btn-blue-gradient:disabled {
  color: #fff;
  background-color: #3FAECF;
  border-color: #3FAECF;
}

.cl1 .btn-blue-gradient:not(:disabled):not(.disabled):active, .cl1 .btn-blue-gradient:not(:disabled):not(.disabled).active,
.show > .cl1 .btn-blue-gradient.dropdown-toggle {
  color: #fff;
  background-color: #2B8598;
  border-color: #008d7f;
}

.cl1 .btn-blue-gradient:not(:disabled):not(.disabled):active:focus, .cl1 .btn-blue-gradient:not(:disabled):not(.disabled).active:focus,
.show > .cl1 .btn-blue-gradient.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/*table控件隔行换色*/
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F3F8FE;
}

.table-lightgray tbody tr:nth-of-type(odd) {
  background-color: #D3D3D3;
}

.table-striped-pink tbody tr:nth-of-type(odd) {
  background-color: #FFB6C1;
}

.table-striped-none-white tbody tr:nth-of-type(odd) {
  background-color: #FFFAFA;
}



.table-hover tbody tr:hover {
  background-color: #EDF2F6;
}

.table-hover tbody tr:nth-of-type(even):hover {
  background-color: #EDF2F6;
}

/**边框圆角按钮样式*/
.cl1 .btn-fillet-button {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  border-radius: 1rem;
}
.cl1 .btn-fillet-button:focus, .cl1 .btn-fillet-button.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/**首要圆角按钮样式*/
.cl1 .btn-fillet-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.cl1 .btn-fillet-primary:focus, .cl1 .btn-fillet-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/**次要圆角按钮样式*/
.cl1 .btn-fillet-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.cl1 .btn-fillet-secondary:focus, .cl1 .btn-fillet-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

/**成功圆角按钮样式*/
.cl1 .btn-fillet-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.cl1 .btn-fillet-success:focus, .cl1 .btn-fillet-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

/**提示圆角按钮样式*/
.cl1 .btn-fillet-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.cl1 .btn-fillet-info:focus, .cl1 .btn-fillet-info.focus {
 box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

/**警告圆角按钮样式*/
.cl1 .btn-fillet-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.cl1 .btn-fillet-warning:focus, .cl1 .btn-fillet-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

/**危险圆角按钮样式*/
.cl1 .btn-fillet-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.cl1 .btn-fillet-danger:focus, .cl1 .btn-fillet-danger.focus {
 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

/**明亮圆角按钮样式*/
.cl1 .btn-fillet-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.cl1 .btn-fillet-light:focus, .cl1 .btn-fillet-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

/**黑暗圆角按钮样式*/
.cl1 .btn-fillet-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.cl1 .btn-fillet-dark:focus, .cl1 .btn-fillet-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}