/*margin setting*/

/*left*/



.margin-left-xs {
  margin-left:5px !important;
}
.margin-left-sm {
  margin-left:10px !important;
}
.margin-left-md {
  margin-left:15px;
}
.margin-left-lg {
  margin-left:20px !important;
}
.margin-left-plus {
  margin-left: 40px;
}
.margin-left-50 {
  margin-left:50px !important;
}
.margin-left-m-25{
  margin-left: -25px;
}

/*right*/
.margin-right-xs {
  margin-right:5px !important;
}
.margin-right-sm,.margin-right-sm-imp {
  margin-right: 10px !important;
}
.margin-right-md {
  margin-right:15px !important;
}
.margin-right-lg {
  margin-right: 20px;
}
.margin-right-plus {
  margin-right:40px;
}

/*top*/

.margin-top-xs {
  margin-top: 5px;
}
.margin-top-sm {
  margin-top: 10px;
}
.margin-top-md {
  margin-top: 15px;
}
.margin-top-lg {
  margin-top: 20px !important;
}
.margin-top-plus {
  margin-top: 40px !important;
}

/*bottom*/
.margin-bottom-xs {
  margin-bottom:5px;
}
.margin-bottom-sm {
  margin-bottom: 10px;
}
.margin-bottom-md {
  margin-bottom: 15px;
}
.margin-bottom-lg {
  margin-bottom: 20px;
}
.margin-bottom-plus {
  margin-bottom:40px;
}



.margin-left-right-md{
  margin-left: 10px;
  margin-right: 10px;
}
.margin-left-right-sm{
  margin-left: 5px;
  margin-right: 5px;
}


.margin-xs {
  margin: 5px !important;
}
.margin-sm {
  margin: 10px !important;
}
.margin-md{
  margin:20px !important;
}
.margin-lg {
  margin:20px !important;
}
.margin-plus {
  margin:40px !important;
}


.margin-y-md {
  margin-top:15px !important;
  margin-bottom: 15px !important;
}
.margin-y-xs {
  margin:5px 0;
}

.margin-y-sm {
  margin:10px 0;
}



/*padding setting*/
/*left*/

.padding-left-xs {
  padding-left:5px !important;
}
.padding-left-sm {
  padding-left: 10px !important;
}
.padding-left-md {
  padding-left:15px !important;
}
.padding-left-lg {
  padding-left:20px;
}
.padding-left-plus {
  padding-left:40px;
}

/*right*/
.padding-right-xs {
  padding-right: 5px;
}
.padding-right-sm {
  padding-right:10px;
}
.padding-right-md {
  padding-right:15px;
}
.padding-right-lg {
  padding-right:20px;
}
.padding-right-plus {
  padding-right:40px;
}
/*paddingTop*/
.padding-top-xs {
  padding-top: 5px !important;
}
.padding-top-sm {
  padding-top:10px !important;

}
.padding-top-md {
  padding-top: 15px !important;
}
.padding-top-lg{
  padding-top: 20px !important;
}
.padding-top-plus {
  padding-top:40px !important;
}


/*paddingBottom*/
.padding-bottom-tiny {
  padding-bottom:3px !important;
}
.padding-bottom-xs {
  padding-bottom:5px !important;
}
.padding-bottom-sm {
  padding-bottom: 10px !important;
}
.padding-bottom-md {
  padding-bottom:15px;
}
.padding-bottom-lg {
  padding-bottom: 20px !important;
}
.padding-bottom-plus {
  padding-bottom:40px !important;
}




.padding-x-sm {
  padding-left:10px !important;
  padding-right: 10px !important;
}
.padding-y-xs {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.padding-y-md {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}



.padding-xs {
  padding:5px;
}
.padding-sm {
  padding:10px;
}
.padding-md {
  padding: 15px !important;
}
.padding-plus {
  padding: 40px !important;
}
.padding-lg {
  padding:20px;
}
.padding-50 {
  padding:50px;
}


.padding-y-sm {
  padding:10px 0 !important;
}
.padding-y-lg {
  padding:20px 0 !important;
}


/*border setting*/

/*borderLeft*/
.border-left-lg {
  border-left:4px solid #ccc !important;
}
.border-left-yellow {
  border-left:4px solid #f4b41c !important;
}
.border-left,.border-left-md {
  border-left:1px solid #ddd;
}

/*borderRight*/
.border-right,.border-right-md {
  border-right:1px solid #ddd !important;
}
.border-right-dashed-sm {
  border-right:2px dashed #eee !important;
}

/*borderTop*/
.border-top,.border-top-md {
  border-top: 1px solid #ddd !important;
}

/*borderBottom*/
.border-bottom-green {
  border-bottom:3px solid #779b37;
}

.border-bottom-blue {
 border-bottom:3px solid #00a0f5;
}

.border-bottom,.border-bottom-md {
  border-bottom:1px solid #ddd;
}


/*borderOther*/
.border-important {
  border:1px solid #ddd !important;
  background: #fff !important;
}
.border-radius-md {
  border-radius: 4px;
}
.border-radius-lg {
  border-radius: 6px;
}
.border-white-md {
  border:2px solid white;
}




/*without*/

.without-margin {
  margin:0 !important;
}
.without-margin-bottom {
  margin-bottom: 0 !important;
}
.without-margin-left {
  margin-left:0 !important;
}
.without-margin-right {
  margin-right:0 !important;
}
.without-margin-top {
  margin-top:0 !important;
}
.without-margin-y {
  margin-top: 0 !important;
  margin-bottom:0 !important;
}
.without-margin-x {
  margin-left: 0 !important;
  margin-right:0 !important;
}




.without-padding{
  padding: 0px 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.without-padding-left {
  padding-left:0 !important;
}
.without-padding-right {
  padding-right:0 !important;
}
.without-padding-top {
  padding-top:0 !important;
}
.without-padding-bottom {
  padding-bottom:0 !important;
}
.without-padding-y,.without-padding-tb {
  padding-top: 0 !important;
  padding-bottom:0 !important;
}
.without-padding-x,.without-padding-lr {
  padding-left:0 !important;
  padding-right:0 !important;
}



.without-border{
  border: none !important;
}
.without-border-left {
  border-left:0 !important;
}
.without-border-right {
  border-right:0 !important;
}
.without-border-top {
  border-top: 0 !important;
}
.without-border-bottom {
  border-bottom: 0 !important;
}
.without-border-radius {
  border-radius: unset !important;
}


/*withoutOther*/

.without-bg{
  background: none;
}
.without-radius {
  border-radius: 0;
}
.without-width {
  width:0;
  overflow:hidden;
  min-height:auto;
  transition-property:all;
  transition-duration: 0.2s;
  padding:0;
}
.without-width div {
  padding:0;
  margin:0;
}
.without-width .ques-table {
  display:none;
}


.without-bg{
  background: none !important;
}
.without-right-margin{
  margin-right: 0px;
}

.without-left-padding{
  padding-left: 0;
}
.without-empty {
  display: block;
  overflow: hidden;
}

.without-shadow {
  box-shadow: unset !important;
}




/*text-color*/
.text-ddd {
  color:#ddd;
}
.text-light-blue {
  color: #0fa8db;
}

.text-red {
  color:red;
}
a.text-second-grey {
  color:#666 !important;
}




.bg-light-green {
  background-color: #f4f6eb;
}
.color-dark-green{
  color:darkgreen !important;
}
.color-blue{
  color: dodgerblue !important;
}
.color-red{
  color:red;
}
.text-grey{
  color: #999;
}
a.text-grey {
  color:#999 !important;
}
.text-md-grey{
  color: #777;
}

.text-second-grey{
  color: #666;
}

.text-light-grey{
  color: #333;
}
a.text-light-grey {
  color: #333
}
.text-black {
  color:black;
}
.text-dark-grey{
  color: #a5a5a5;
}

a.text-dark-grey{
  color: #a5a5a5;
}

a.text-dark-grey:visited{
  color: #a5a5a5;
}
.text-brown {
  color:brown;
}



/*text-font-size*/
.text-sm{
  font-size: 12px;
}

.text-sm-plus{
  font-size: 13px;
}

.text-md{
  font-size: 14px;
}

.text-md-plus{
  font-size: 15px;
}
.font-size-16 {
  font-size:16px;
}

.text-size-20{
  font-size: 20px;
}

.text-lg{
  font-size: 18px;
}


.text-hidden {
  overflow: hidden;
}
.hidden-text {
  display: block;
  overflow:hidden; /*不显示超过对象宽度的内容*/
  text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记（...）*/
  white-space:nowrap; /*限制在一行内显示所有文本*/
}
.font-normal {
  font-weight: normal !important;
}

.text-middle{
  vertical-align:middle !important;
}


/*background-color*/
.bg-dark-grey {
  background: #aaa !important;
}
.bg-grey-f9 {
  background-color: #f9f9f9;
}
.bg-white{
  background-color: #fff !important;
}
.bg-light-grey{
  background-color: #fbfbfb;
}
.grey-bg{
  background-color: rgb(237, 237,237);
}
.light-grey-bg{
  background-color: rgb(247, 247,247);
}



.full-width{
  width: 100%;
}
.img-auto img {
  max-width: 100%;
}

.height-sm {
  height: 24px;
}
.height-md {
  height:28px;
  line-height: 28px;
}
.line-height-sm {
  line-height: 24px !important;
}

.fluid-height {
  height:100%;
}

.cursor-pointer {
  cursor: pointer;
}
.clearfix {
  clear:both;
}


.position-relative,.pos-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.display-inline {
  display: inline;
}

.inline-block{
  display: inline-block;
}

.invisible{
  visibility: hidden;
}

.border-grey-2 {
  border:2px solid #ccc !important;
}