@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
 @CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
:focus { outline: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none !important; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: normal; }
a, img, .logo, .smalln, #header, .btn, .btn::after, button, .filterBox, .comNamMainBox, .companyName { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
a:hover { text-decoration: none }
.container { max-width: 100%; }
.wapper { width: 100%; overflow: hidden; padding-bottom: 50px }
html { font-size: 10px; }
ul { list-style: none; padding: 0px; margin: 0px; }
a, a:hover { text-decoration: none; }
p { margin-bottom: inherit; }

body {
    background: rgb(50,188,173);
    background: radial-gradient(circle, rgba(50,188,173,1) 0%, rgba(0,104,167,1) 100%);
}

.titles h1 { font-size: 18px; font-weight: 400; margin-bottom: 30px; }
.titles h1.main_title { font-size: 22px; font-weight: 600;}

.text-danger { font-size: 14px;}


.container { max-width: 960px; }

.fw { float: left; width: 100%; }
.txc { text-align: center !important; }
.inline_block { display: inline-block !important; }
.pr { position: relative; }

.bolder { font-weight: 600 !important; }


.form-control { border: 0; padding: 0; color: #2d2a2a; border: 0; border-bottom: solid 2px #ececec; font-size: 14px; font-weight: 600; padding-left: 0; border-radius: 0; height: 35px; box-shadow: none }
textarea.form-control { height: 100px; resize: none; border: solid 2px #ececec; padding: 10px; }
.form-control:focus { border: 0; border-bottom: solid 2px #0068a7; outline: none !important; box-shadow: none }
textarea.form-control:focus { border: 0; border: solid 2px #0068a7; outline: none !important; box-shadow: none }
.form-control.errorInput { border-bottom: solid 2px #d11414; }
.form-control.successInput { border-bottom: solid 2px #1aa723; }
.form-control::placeholder {
    color: #ccc;
    font-size: 1.5rem;
    font-weight: 500
}

.loginForm li {
    margin-bottom: 30px;
    position: relative;
}

.btnLogin { width: 240px; box-shadow: 0 4px 8px 0 #0068a7; border: solid 1px #00578b; background-color: #0068a7; margin: auto; height: 46px; color: #fff; font-size: 1.5rem; display: block; font-weight: 600; margin-top: 40px; line-height: 42px; padding: 0 }
.btnLogin:hover { color: #fff; }

.btnLogin.btn_grey { background: #2d2a2a !important; box-shadow: 0 4px 8px 0 #2d2a2a; border: solid 1px #000; }

.loginLogo {
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 35px;
}
.loginLogo img {
    width: 220px !important;
    height: auto;
}

.loginForm {
    background: #fff;
    max-width: 450px;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
    padding: 20px 30px 30px 30px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.eyeCross { background: url(../images/eyeCross.svg) no-repeat; width: 24px; height: 24px; position: absolute; top: 0; display: block; right: 0; cursor: pointer; z-index: 1 }
.eyeCross2 { background: url(../images/eyeCross2.svg) no-repeat; width: 24px; height: 24px; position: absolute; top: 0; display: block; right: 0; cursor: pointer; display: none }

.dropdown_container { margin: 10px 0px; }

.head_top p {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 12px 0;
}


.input_label {
    font-size: 14px;
    font-weight: normal;
    color: #2d2a2a;
    margin-bottom: 10px;
}
.otp_pin input { width: calc(25% - 10px); float: left;  margin: 0px 5px; text-align: center; }


.forLinks { text-align: center; }
.forLinks a, .forLinks button { font-size: 14px; color: #2d2a2a; font-weight: 500; border-bottom: 1px solid #2d2a2a; }


.languages { text-align: center; margin-top: 10px; }
.languages a { background: rgba(50, 188, 173, 0.4); color: #000; padding: 15px 25px; border-radius: 30px; display: inline-block; font-size: 14px; margin-bottom: 8px; margin-right: 5px }
.languages a:hover, .languages a.active { background: rgba(50, 188, 173, 1); }


.user_form { max-width: 800px; }
.user_form ul li { float: left; width: 50%; padding: 0px 20px; }
.user_form ul li.fw { width: 100%; }
.user_form ul li.colmn_1_3 { width: 33.33%; }

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

#thank-you p { font-size: 18px; line-height: 28px; margin-bottom: 10px; }

.header_inner { width: 100%; margin: 20px 0 0 0; background: #fff; border-radius: 20px; padding: 10px 20px 10px 20px; }
.header_inner ul { margin: 18px 0 0 0; }

.searchBtn {
    background: url(../images/search-icon.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 6px;
    font-size: 0px !important;
    border: 0px !important;
}

.Grievance_List {
    width: 100%;
    background: #f5f5f5;
    padding: 30px;
    margin: 30px 0px;
    border-radius: 20px;
}

.Grievance_List.Grievance_Details {
    padding: 20px 10px 20px 10px;
    background: #fff;
}

.Grievance_List li {
    width: 100%;
    background: #fff;
    padding: 20px 20px 20px 20px;
    margin: 15px 0px;
    border-radius: 10px;
    position: relative;
}
.Grievance_List li.has_icon {
    padding-left: 80px;
}
.Grievance_List li.has_icon img { position: absolute; left: 10px; border: 1px solid #ddd; border-radius: 10px; }
.Grievance_List h2 {
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0px 10px 0px;
}

.Grievance_List h6 {
    font-size: 13px;
    font-weight: 500;
    padding: 0px 0px 8px 0px;
    color: #0068a7;
    text-transform: uppercase;
}
.Grievance_List h5 {
    font-size: 18px;
    font-weight: 600;
    padding: 0px 0px 10px 0px;
    color: #2d2a2a;
}
.Grievance_List p {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}
.Grievance_List label {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 10px;
}

.Grievance_List.Grievance_Details h2 { padding-top: 0px; padding-bottom: 20px; }
.Grievance_List.Grievance_Details p.date { margin-bottom: 5px; font-size: 12px !important; }

.open { background: #31bcad; }
.closed { background: #ff5555; }

.max_text { font-size: 13px; padding: 10px 0 0 0; text-align: right; }

.response { padding: 20px; background: rgb(49 188 173 / 40%); border-left: 5px solid #0068a7; margin-left: 20px; }
.response p { color: #2d2a2a !important; }
.response p.response_title { font-weight: 500; padding-bottom: 10px !important; font-size: 15px !important; color: #0068a7 !important; }

.back_btn { position: absolute; left: 20px; top: 20px; padding: 0px 0px 0px 15px; display: inline-block; font-size: 18px; color: #2d2a2a !important; }
.back_btn:before {
    display: inline-block;
    content: "";
    box-sizing: border-box;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #2d2a2a;
    border-width: 0px 2px 2px 0px;
    display: block;
    position: absolute;
    left: 0px;
    top: 9.5px;
    transform: translateY(-50%) rotate(135deg);
    transition-duration: 0.5s;
}




.btn-tabs { text-align: center; }
.btn-tabs label.btn { outline: none !important; border-radius: 30px; font-size: 14px; margin-right: 10px; padding: 10px 23px 10px 23px; background-color: rgba(50, 188, 173, 0.4); color: #000; }
.btn-tabs label.btn:nth-last-child(1) { margin-right: 0; }
.btn-tabs .btn.active.focus, .btn-tabs .btn.active:focus, .btn-tabs .btn.focus, .btn-tabs .btn:active.focus, .btn-tabs .btn:active:focus, .btn-tabs .btn:focus { outline: 0; }
.btn-tabs label.btn.active { background-color: rgba(50, 188, 173, 1); }
.btn-tabs label.btn.disabled2 { background-color: #fbfbfb !important; color: #e2e2e2 !important; border: 1px dashed #e2e2e2 !important; }
.loginForm input[type="checkbox"], .loginForm input[type="radio"] { position: absolute; opacity: 0; z-index: -1; }


.input-group-text { font-size: 14px !important; border: 0px !important; border-bottom: solid 2px #ececec !important; background: none !important; color: #2d2a2a !important; }


.loginForm .ui-keyboard-input { border: 0px !important; box-shadow: none !important; border-bottom: solid 2px #ececec !important; border-radius: 0px !important; }
.ui-keyboard-button { min-width: 6em !important; min-height: 4em !important; line-height: 4em !important; }
.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) { min-width: 12em !important; }
.ui-keyboard-button span { font-size: 1.3em !important; }
.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) span { top: -0.5em !important; }

.loginForm textarea.ui-keyboard-input { border: solid 2px #ececec !important; }

.ui-keyboard-preview-wrapper textarea { height: 60px !important; }