﻿.FeedbackExtend 
{
        display: table; 
        width: 100%;
}
.FeedbackExtend.disable
{
    display: none;
}
.FeedbackExtend .Title 
{
        display: table-cell; 
        background: #ffcd32;
        vertical-align: middle;
        text-align: center;
        width: 136px;
        padding: 30px 20px 20px;
}
.FeedbackExtend .Title .Img
{
        background-image:url(/_layouts/15/TlvSP2013PublicSite/images/feedback.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 39px;
}
.FeedbackExtend .Title .Txt
{
    padding: 18px 0 0 0;
    font-family: 'BlenderBold';
    font-size: 19px;
    color: #646464;
    line-height: 1.1;
}
.FeedbackExtend .Content 
{
    display: table-cell;
    background: #eaedf1;
    padding: 20px 36px 0 36px;
}
.FeedbackExtend .Content .tbFeedback
{
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    padding: 8px 15px;
    font-family: 'blenderRegular';
    font-size: 19px;
    line-height: 1.42857;
    height: 43px;
    color: #646464;
}
.FeedbackExtend .Content .tbComments
{
    width: 100%;
}
.FeedbackExtend .feedbackExtLimit {
    width: 40px;
    height: 32px;
    margin: 4px 0;
    font-size: 19px;
}
.FeedbackExtend .Content .note
{
    padding: 0 15px 0 0;
}
.FeedbackExtend .Content .noteTitle
{
    font-family: 'BlenderBold';
    font-size: 17px;
    color: #646464;
}
.FeedbackExtend .Content .noteDesc
{
    font-family: 'blenderRegular';
    font-size: 17px;
    color: #646464;
}
.FeedbackExtend .Content .noteDesc a
{
    color: #646464;
}
.FeedbackExtend .Content .noteDesc a span
{
    color: #428bca;
}
.FeedbackExtend .Content .btnDesc a
{
    color: #0386c9;
}
.FeedbackExtend .btnFeedback
{
    background-color: #0072C1;
    color: #ffffff;
    font-family: "blenderRegular";
    font-size: 18px;
    padding: 8px 0;
    width: 104px;
    border: none;
    border-radius: 3px;       
}
.FeedbackExtend .btnFeedback:hover, .FeedbackExtend .btnFeedback:focus {
    background-color: #0072bc;
    border: 1px solid blue;
}
.FeedbackExtend .RegularWarp
{
    padding: 0 0 10px 0;
}
.FeedbackExtend .btnSendRegular
{
    margin-top: 3px;
}
.FeedbackExtend .ExtendWarp
{
    display: none;
    padding: 10px 0 0 0;
}
.FeedbackExtend .ExtendWarp .field
{
    margin: 0 0 2px 0;
    padding: 0;
}
.FeedbackExtend .ExtendWarp .field input
{
    display: block;
    margin: 0 0 2px 0;
}
.FeedbackExtend .ExtendWarp .field .errorMsg
{
    padding: 0 4px 0 0;
    font-family: "blenderRegular";
    font-size: 15px;
    color: #d90000;
    visibility: hidden;
}
.feedbackExtendSuccess, .feedbackExtendError {
    display: none;
    font-family: "BlenderBold",Arial,sans-serif;
    font-size: 23px;
    padding: 4px 0;
    text-align: center;
}
.FeedbackExtend .tlvFieldset legend {
    background: #eaedf1;
}
.FeedbackExtend .fieldRequiredNote { font-size: 15px; }
.FeedbackExtend .fieldLabel { font-size: 15px; visibility: hidden; }

@media (min-width: 1200px) {
    .FeedbackExtend .ExtendWarp .field input
    {
        width: 170px;
    }
    .FeedbackExtend .ExtendWarp .field .center
    {
        width: 170px;
        margin: 0 auto;
    }
    .FeedbackExtend .ExtendWarp .field .last
    {
        width: 170px;
        float: left;
    }
}

@media (max-width: 1200px) {
    .FeedbackExtend .Content
    {
        padding-bottom: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .FeedbackExtend .ExtendWarp .field .lastsm
    {
        float: left;
    }
}

@media (min-width: 768px) {
    .FeedbackExtend .btnSendExtend { margin-top: 22px; }    
}

@media (max-width: 768px) {
    .FeedbackExtend .Title 
    {
        display: inherit;
        vertical-align: middle;
        text-align: inherit;
        width: 100%;
        padding: 22px 20px 22px;
    }
    .FeedbackExtend .Title .Img
    {
        width: 54px;
        float: right;
    }
    .FeedbackExtend .Title .Txt
    {
        padding: 6px 18px 0 0;
        float: right;
    }   
    .FeedbackExtend .Content 
    {
        display: inherit;
        width: 100%;
    }
    .FeedbackExtend .ExtendWarp .field input {
        width: 100%;
    }
}