.applicationFeedback 						{ }
.applicationFeedbackBody					{ float: left; width: 100%; height: 100%; 	}
.applicationFeedbackData					{ float: left; width: 100%; height: 350px; 	}
.applicationFeedbackButton					{ float: right; margin-right: 10px;}
.applicationFeedbackButton:first-of-type	{ margin: 0 }

.applicationFeedbackRepresentativeInfo {
    float: left;
    width: 100%;
    height: 24px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;   
}

.applicationFeedbackButtonsArea
{
    float: right;
    width: 100%;
    height: 36px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;   

}

.applicationFeedbackFooterPanel {
    float: left;
}

.applicationFeedbackCustomerRepresentativePanel {
    height: 117px;
    float: left;
    width: 100%;
    margin-top:20px;

}

.customerRepresentativeExpander {
    height: 100%;
    width: 200px;
    float: left;
}
.customerRepresentativeTitle {
    
    height: 100%;
    width: 135px;
    float: left;
    font-weight: bold;
    font-size: 13px;
    color: #465867;
    cursor: pointer;
}
.customerRepresentativeArrow {
    float: left;
    width: 24px;
    height: 24px;
    background: url(arrow.png) center center no-repeat;
    -webkit-transition: -webkit-transform .5s linear;
}
.customerRepresentativeExpander[expanded="false"] > .customerRepresentativeArrow {
    -webkit-animation: spinUp 0.5s linear;
    -moz-animation: spinUp 0.5s linear;
    animation: spinUp 0.5s linear;
}

.customerRepresentativeExpander[expanded="true"] > .customerRepresentativeArrow {
    -webkit-animation: spinDown 0.5s linear;
    -moz-animation: spinDown 0.5s linear;
    animation: spinDown 0.5s linear;
}
.representativePhoto {
    float           : left;
    width           : 120px;
    height          : 120px;
    border-radius   : 60px;
    background      : url(iletisim1.png) center center no-repeat;
}
.representativeInfoPanel {
    float: left;
    width: calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    height: calc(100% - 30px);
    height: -moz-calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    margin-left: 20px;
    height: 117px;
    overflow: auto;
}
.representativeSellerName {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30px;
}

.representativePhone {
    margin-top  : 5px;
    float       : left;
    width       : 100%;
    font-size   : 15px;
}

.representativeMail {
    float   : left;
    width   : 100%;
}

/*.representativeSellerName {
    float       : left;
    width       : 100%;
    font-weight : bold;
    margin-top  : 5px;
}*/

.representativeSellerAddress {
    float   : left;
    width   : 100%;
    text-wrap : normal;
}

.applicationFeedbackData .dx-field-item-label-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
}
.ApplicationRightMenuPopupItemIcon[icon="feedback"] {
    background: transparent url(feedback.svg) 0% 0% no-repeat padding-box;
}