/* ============feedbacks=============*/
.panelOfSelect{
	background-color: #ecedf1;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    align-items: center;
    justify-items: center;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 10px 0px 0px;
}
.panelOfSelect .opisanie_of_select {
	padding: 5px;
    color: #333;
    font-size: 14px;
}
.panelOfSelect select {
	border-radius: 4px;
    height: 30px;
    min-width: 100px;
    margin-bottom: 6px;
    display: inline-block;
    background-color: #F7F7F7;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
}
.panelOfSelect select > option {
	font-size: 14px;
}



#writeFeedback {
	position: relative;
	background: #ecedf1;
	padding: 10px 10px;
	margin: 5px 0px;
    border: 1px solid #ededed;
    border-bottom: 0;
    box-shadow: inset 0 -3px 0 0 #c5c5c5, 3px 3px 7px 0 rgba(200,200,200,.5);
    border-radius: 3px;
}
#writeFeedback>* {
	margin: 5px 0px;
}
#writeFeedback .title {
	display: inline-block;
	/* height: 44px; */
    font-size: 18px;
	line-height: 24px;
	color: #4d4b4b;
}
#writeFeedback .zagolovok {
	padding: 5px;
    color: #333;
    font-size: 14px;
}
#writeFeedback .commentBlock textarea {
	box-sizing: border-box;
	width: 100%;
	height: 150px;
	border: 1px solid #d2d2d2;
    border-radius: 4px;
    font-size: 16px;
    padding: 3px;
    resize: none;
	font-family: "Arial", "Helvetica", "FreeSans", "Liberation Sans","Nimbus Sans L", "sans-serif";
}
#writeFeedback input {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	border: 1px solid #d2d2d2;
    border-radius: 4px;
    font-size: 16px;
    padding: 3px;
    resize: none;
	font-family: "Arial", "Helvetica", "FreeSans", "Liberation Sans","Nimbus Sans L", "sans-serif";
}
#writeFeedback .div_for_captcha_and_submit {
    margin: 20px 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 15px;
    align-items: center;
}
#writeFeedback .dataScoreDescription {
	margin-top: 15px;
	height: 13px;
	color: #636363;
}
#writeFeedback .divForUploadImages {
	background: #FFF;
	box-sizing: border-box;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
}
#writeFeedback .divForUploadImages .info {
	display: inline-block; 
	box-sizing: border-box;
	width: 220px;
	padding: 10px;
	margin: 5px;
	text-align: center;
	color: #636363;
	transition-property: color;
	transition-duration: 3s;
	border: 2px dotted gray;
	vertical-align: middle;
}
/* #writeFeedback .divForUploadImages .simple {
	
} */
#writeFeedback .divForUploadImages .green {
	color: green;
	border: 2px dotted green;
}
.smallGray {
	font-size: 13px; 
	margin: 10px 0px;
}
/* #writeFeedback div#add_photos {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	opacity: 0.5;
}
#writeFeedback div#add_photos:hover {
	cursor: pointer;
	opacity: 0.7;
}  */
#writeFeedback .divForUploadImages .divForMiniImg {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: 220px;
	margin: 5px;
	padding: 10px;
	border: 1px solid #d2d2d2; 
	text-align: center;
	vertical-align: middle;
}
#writeFeedback .divForUploadImages .divForMiniImg img {
	width: 100%;
	height: 132px;
}
.div_delete_photo {
    display: inline-block;
    background-color: #909090;
    border: solid 2px white;
    border-radius: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    transition: 1s;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.div_delete_photo:hover {
    cursor: pointer;
    background-color: #ff0000;
    transition: 1s;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.delete_photo {
    background-image: url(/icons/icon_close.svg);
    width: 18px;
    height: 18px;
    margin: 4px;
    border: none;
}

#feedbackList .feedback {
	border-bottom: 1px solid #ddd;
    padding: 20px 4px;
}
#feedbackList .feedback:last-child {
	border: none;
}
#feedbackList .feedback .feedbackTitle {
	position: relative;
	display: grid;
	margin-bottom: 5px;
    /* grid-template-columns: repeat(5, auto); */
    grid-template-columns: auto 147px;
    /* grid-auto-flow: row; */
    justify-items: baseline;
    align-items: center;
    grid-column-gap: 10px;
    grid-row-gap: 15px;
}
#feedbackList .feedback .firstLastName {
	display: inline-block;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: top;
}
#feedbackList .feedback .div_for_mini_ratingHolder {
	display: inline-block;
	margin: 0 10px 0 20px;
}
#feedbackList .feedback .mini_passiveRatingHolder {
	margin: 0 10px 0 20px;
	display: inline-block;
    position: relative;
    width: 80px;
    height: 17px;
}
#feedbackList .feedback .mini_passiveRatingHolder > DIV {
	position: absolute;
    left: 0;
    top: 0;
    height: 17px;
    background-image: url(/star_rating/stars.svg);
    background-repeat: no-repeat;
    background-size: 80px;
}
#feedbackList .feedback .mini_ratingBg {
	background-position: 0 0;
	vertical-align: bottom;
    width: 80px;
    z-index: 1;
}
#feedbackList .feedback .mini_ratingMask {
	background-position: 0 -53px;
    z-index: 99;
}
#feedbackList .feedback .date {
	display: inline-block;
	color: #999;
	font-size: 14px;
	margin-bottom: 5px;
	text-align: right;
}
#feedbackList .feedback .comment p {
	line-height: 20px;
	color: #333;
}
#feedbackList .feedback .imageBlock {
	padding: 10px 0px;
}
#feedbackList .feedback .imageBlock img {
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	height: 60px;
}
#feedbackList .feedback .imageBlock img:hover {
	cursor: pointer;
	border: 1px solid #999;
}

/* ============feedbacks======конец=======*/




/* ============paginator===========*/
.paginator {
	padding: 15px 0px;
	text-align: center;

	/* position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40px, 60px));
	justify-content: center;
    justify-items: center;
    align-items: center;
    grid-column-gap: 10px;
	grid-row-gap: 15px; */
	display: flex;
	justify-content: center;
	flex-basis: 40px;
	height: 40px;

}
.paginator .pugButton {
	display: inline-flex;
	margin: 3px;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #ECEDF1;
	color: #999;
	border-radius: 2px;
	box-shadow: 1px 1px 0px 0 #c5c5c5;
}
.paginator .pugButton[data-status='active'] {
	background: #459FED;
	color: white;
}
.paginator .pugButton:hover {
	cursor: pointer;
	background: #459FED;
	color: white;
}
.paginator .threeDots {
	display: inline-flex;
    margin: 3px;
    justify-content: center;
    align-items: flex-end;
    width: 20px;
    height: 40px;
    /* background: #ECEDF1; */
    /* color: #999; */
}
/* ============paginator======конец=======*/