.w500, .form-control.w500	{width:500px}
.w600, .form-control.w600	{width:600px}
.w700, .form-control.w700	{width:700px}

/* Suggest App CSS*/
.pdL50			{padding-left:50px !important;}
.pdL60			{padding-left:60px !important;}
.pdL70			{padding-left:70px !important;}
.pdL80			{padding-left:80px !important;}
.pdL90			{padding-left:90px !important;}
.pdL100			{padding-left:100px !important;}
.pdL110			{padding-left:110px !important;}
.pdL120			{padding-left:120px !important;}

.pdR30			{padding-right:30px !important;}
.pdR40			{padding-right:40px !important;}
.pdR50			{padding-right:50px !important;}
.pdR60			{padding-right:60px !important;}
.pdR70			{padding-right:70px !important;}
.pdR80			{padding-right:80px !important;}
.pdR90			{padding-right:90px !important;}
.pdR100			{padding-right:100px !important;}
.pdR110			{padding-right:110px !important;}
.pdR120			{padding-right:120px !important;}

.suggapp{
    background: #0f365b !important;
    overflow:hidden;
}
.suggapp .footLogo{
    background: #0f365b !important;
    box-shadow: none;
}
.suggapp:not(.b2) .form-group.form-md-line-input .form-control.input-xlg {
    font-size: 72px;
    padding: 0;
    height: 96px;
}
.suggapp:not(.b2) .form-group.form-md-line-input.form-md-floating-label .form-control.input-xlg~label {
    font-size: 60px;
    top: 30px;
    font-weight: normal;
}
.suggapp:not(.b2) .form-group.form-md-line-input.form-md-floating-label .form-control.input-xlg.edited~label{
    top: 0;
    font-size: 20px;
}

.suggapp.b2 #feedbackBox h1{ font-size: 24px;}
.suggapp.b2 #feedbackBox h2{ font-size: 20px;}

.suggapp:not(.b2) .smily{
    width: 60px;
    height: 60px;
    margin: 10px;
}
.suggapp:not(.b2) .smily.active{
    width: 80px;
    height: 80px;
    margin: 0;
    box-shadow: 0 0 30px #111;
}

.suggapp:not(.b2) #feedbackBox .list-inline label{
    font-size: 16px;
}

.suggapp .writecmt{
    margin: 10px 0;
}
.suggapp:not(.b2) .writecmt{
    margin: 30px 0 10px;
}

.suggapp .sndFeed{
    margin: 10px 0;
}
.suggapp:not(.b2) .sndFeed{
    margin: 30px 0 40px;
}
.suggapp .canl{
    margin: 10px 0 80px;
}
.suggapp:not(.b2) .canl{
    margin: 20px 0 100px;
}

#suggestionSuccess .backHome{
    position: absolute;
    width: 100%;
    top: 720px;
}
#feedbackSuccess .backHome{
    position: absolute;
    width: 100%;
    top: 720px;
}
.writeBox{
    width: 940px;
    height: 1000px;
    border-radius: 12px !important;
    box-shadow: 0 0 20px #333;
    padding: 10px;
    background: #FFF;
}
.suggapp.b2 .writeBox{
    width: 720px;
    height: 720px;
}
.suggWriteBx					{width:100%}
.suggWriteBx canvas			{width:100%; height:980px}
.suggapp.b2 .suggWriteBx canvas	{height: 700px;}

.btn.dblue{
    background-color: #254063;
    color: #FFF;
    border-color: #254063;
}
.font-dblue{
    color: #0f365b !important;
}
.hr-line {
    border-top: 1px solid #4b688e !important;
}
.form-group.form-md-line-input .form-control{
    color: #FFF !important;
    border-bottom-color: #4b688e;
}
.form-group.form-md-line-input.form-md-floating-label .form-control~label{
    color: #ccc;
}