.mm_hidden {display:none;}
.mm_table_cell .button{width: 100%;border-radius: 0;font-size: 14px!important;padding: 7.5px 12px;border: 1px solid #cccccc;box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);cursor: pointer;}
.mm_table .mm_attribute_hidden, .mm_table .mm_attribute{display: block;width: 100%;position: relative;}
.mm_table{margin-bottom: 15px;position: relative;}
.mm_table_cell select, .mm_table_cell input{width: 100%;border-radius: 0;font-size: 14px!important;padding: 7.5px 12px;border: 1px solid #cccccc;box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);cursor:pointer;margin:0;}

@media (max-width: 767px) {
	.mm_table{width: 100%;}
	.mm_table_cell select, .mm_table_cell input{width: 100%;}
	.mm_table_cell {margin-bottom:5px}
	.mm_horizontal .mm_attribute_hidden, .mm_vertical .mm_attribute {padding: 0px;}
	.mm_horizontal .mm_margin {padding-left: 0px;}
	.mm_horizontal .mm_table_cell {display:block;}
}
@media (min-width: 768px) {
	.mm_table{display: table; width: 100%;}
	.mm_table .mm_attribute_hidden, .mm_table .mm_attribute{padding: 0px;}
	.mm_table_cell:first-child .mm_attribute{padding-left: 0px;}
	.mm_table_cell:last-child .mm_attribute{padding-right: 0px;}
	.mm_margin{padding-left: 1px;}
	.mm_table_cell, mm_table_cell_input{display: table-cell;vertical-align: bottom;position: relative;}
	.mm_horizontal .mm_table_cell{display: table-cell;width: auto;}
}

.mm_table_cell select, .mm_table_cell input{height: 55px;position: relative;z-index: 2;}
.mm_description{text-align: left;z-index: -1;position: absolute;line-height: 10px;margin-left: 17px;font-size: 14px;top: 24px;opacity: 0;}	
.selected .mm_description {margin-left: 5px;font-size: 10px;top: 5px;opacity: 1;z-index: 10;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {color: #e6e6e6!important;}
.form-group.attribute{margin-bottom: 5px;}
.form-group.attribute .input-group-addon{border-radius:0;}
.mm_table_cell select[disabled], .mm_table_cell input[disabled]{opacity: 1!important; background: #eee!important;}

/*mm_horizontal*/
.mm_horizontal .mm_table{width: 100%;display: table;}
.mm_horizontal .mm_table_cell .button{height: 40px; border: 1px solid #cbb7b9; color: #ffffff; background-color: #d78798; text-shadow: 0 1px 0 rgb(255 255 255 / 50%);}

/*mm_vertical*/
.mm_vertical .mm_attribute_hidden, .mm_vertical .mm_attribute {padding: 0px;}
.mm_vertical .mm_margin {padding-left: 0px;}

#mm_products, .mm_table_mask{position:relative;}
#mm_mask.active, .mm_table_mask.active{position: absolute;width: 100%;height: 100%;background: #92929299;z-index: 100;}

#mm_mask.active .loading, .mm_table_mask.active .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}

#mm_mask.active .loading .dot, .mm_table_mask.active .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: white;
  animation: spin 2.5s 0s infinite both;
}
#mm_mask.active .loading .dot2, .mm_table_mask.active .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: white;
  animation: spin2 2.5s 0s infinite both;
}

.select2-container--default .select2-selection--single {
	border-radius: 0!important;
    font-size: 14px!important;
    padding: 7.5px 12px;
    border: 1px solid #cccccc!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    cursor: pointer;
    margin: 0;
    height: 55px!important;
    position: relative;
    z-index: 2;
}

.select2-container .select2-selection--single .select2-selection__rendered{
height: 100%;
    vertical-align: middle;
    line-height: 35px!important;
    padding-left: 5px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{top: calc(50% - 13px)!important;}

@keyframes spin {
  0%, 100% {
    box-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white;
  }
  50% {
    transform: rotate(180deg);
  }
  25%, 75% {
    box-shadow: 28px 0 0 white, -28px 0 0 white, 0 28px 0 white, 0 -28px 0 white, 20px -20px 0 white, 20px 20px 0 white, -20px -20px 0 white, -20px 20px 0 white;
  }
  100% {
    transform: rotate(360deg);
    box-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white;
  }
}
@keyframes spin2 {
  0%, 100% {
    box-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white;
  }
  50% {
    transform: rotate(-180deg);
  }
  25%, 75% {
    box-shadow: 52px 0 0 white, -52px 0 0 white, 0 52px 0 white, 0 -52px 0 white, 38px -38px 0 white, 38px 38px 0 white, -38px -38px 0 white, -38px 38px 0 white;
    background: transparent;
  }
  100% {
    transform: rotate(-360deg);
    box-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white;
  }
}
/*Vpravka подравниваем высоту окошка выбора*/
.mm_table .select2-container--default .select2-selection--single {
	height: 40px !important;
}

/*Vpravka Добавлено, что бы кнопка была динамической*/
.mm_table_cell .button:hover {
	background-color: #d78798;
	background-position: 0 -15px;
	color: white;
}
.mm_table_cell .button:active {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}