186f8
{
  "metadata": {
    "url": "https://www.commerce.gov.in/grievance-mgmt/css/style.css",
    "title": "",
    "meta_description": "",
    "meta_keywords": ""
  },
  "content": "@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\n\nhtml{\n  font-size: 14px;\n}\n  body {\n    font-family: 'Roboto', sans-serif;\n    font-size: 100%;\n    margin: 0;\n    padding: 0;\n    color: #333;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 19px;\n    font-size: 100%;\n  }\n  \n    .hide {    display: none !important;\n}\n  \n \n  .margin-30{margin-top: 15px;}\n  ul {     margin: 0;     padding: 0;     list-style: none;     color: #333333;   }\n  a.richText-btn ,.richText .richText-help,.richText-toolbar a{     color: #3C4858; }\n  .file-preview .fileinput-remove{top: 3px; right: 3px;}\n  .btn.btn-primary.btn-block.btn-file {     /*background-color: #00BFB1;*/ background-color: #FF9933;}\n  .btn.btn-primary.btn-block.btn-file:hover {     /*background-color: #327C76;*/ background-color: #f13e00;}\n  .btn.btn-primary.btn-block.btn-file span {     color: #333;     font-weight: 500; }\n  .btn.btn-primary.btn-block.btn-file .glyphicon-folder-open:before{color:#333 }\n  .btn-icon:hover img {     filter: grayscale(100%) brightness(100); \t-webkit-filter: grayscale(100%) brightness(100); }\n  .btn.btn-primary.btn-block.btn-file:hover span, .btn.btn-primary.btn-block.btn-file:hover i:before {     color: #fff; }\n  img {       max-width: 100%;   }\n  a {     text-decoration: none; \tcursor:pointer;   }\n  p{margin: 0}\n  .btn:focus, .btn:active {\n    outline: none !important;\n}\n  .noborder{border: none !important}\n  a:hover, a:focus {     text-decoration: none;   }\n  .purple-td {background-color: #B3C6FF !important;}\n  .light-green-td {background-color: #C7FFCD !important;}\n  .light-mustered-td {background-color: #FFDCB3 !important;}\n  .light-magenta-td {background-color: #FFC4C4 !important;}\n  .nopadding {\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n  .white-bg{background-color: #fff;}\n  select {\n    min-width: 100px;\n}\n  label.hidden-label {\n    display: none;\n}\n  .border-top{\n    border-top: .5px solid #979797;\n  }\n  .padding-top{padding-top: 15px;}\n  .noLeftRightPadding{padding-left: 0 !important; padding-right: 0 !important}\n\n  .nomargin {\n    margin: 0 !important;\n  }\n  .shadow{box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.1)}\n\n  select:focus, input:focus, button:focus {\n    outline: none\n  }\n  \n  .container-fluid{width: 100%;}\n\n  .noshadow,.richText {\n    box-shadow: none !important;\n  }\n  \n  .grievance-create .green-btn {\n    min-height: 38px;\n}\n  \n  .sky-blue {\n    background-color: #00BCFA\n  }\n  .new-btn{\n    background-color: #00BCFA;\n    background-color: #00BCFA;\n    border-radius: 13.5px;\n    color: #333333;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 14px;\n    text-align: center;\n    padding: 0px 15px;\n\tmin-height: 27px;\n  }\n\n  .green {\n    background-color: #00BF63\n  }\n\n  .moong-color {\n    background-color: #FF8080\n  }\n\n  .light-green {\n    background-color: #00BFB1\n  }\n\n  .yellow {\n    background-color: #E3D317\n  }\n  .col-md-4.flex-wrap.flex-end.heading-right-area {\n    min-height: 38px;\n    align-items: center;\n   }\n  /*** Scroll Bar ***/\n::-webkit-scrollbar {\n    height: 15px;\n}\n::-webkit-scrollbar-thumb {\n    background: #DCDCDC;\n    border-radius: 60px;\n    margin-right: 10px;\n    background-clip: padding-box;\n    border: 2px solid rgba(255,255,255,0);\n}\n::-webkit-scrollbar-track {\n    background: #F7F7F7;\n    \n    \n}\n\n\n  /** Toggle menu ***/\n  .mobile-toggle {\n      background-color: #000;\n      width: 100%;\n      /* display: inline-block; */\n      height: 45px;\n      position: relative;\n  }\n  #mob-toggle {\n    cursor: pointer;\n    display: table;\n    position: absolute;\n    z-index: 9;\n    right: 20px;\n    top: 14px;\n    height: 18px;\n\n    width: 35px;\n}\n.mobile-toggle span {\n  transition: .25s ease-in-out;\n\n  transform: rotate(0);\n  display: block;\n  height: 3px;\n  width: 35px;\n}\n.mobile-toggle span:nth-child(2) {\n\nbackground-color: #fff;\nbackground-color: white;\nposition: absolute;\nright: 0px;\ntop: 8px;\n}\n\n  .mobile-toggle span:nth-child(1) { background-color: #fff; background-color: white; position: absolute; right: 0; top: 0;}\n  .mobile-toggle .open span:nth-child(2) {\n\n    opacity: 00;\n    width: 0%;\n}\n.mobile-toggle .open span:nth-child(1) {\n\n    transform: rotate(45deg);\n    transform-origin: left center;\n    left: 4px;\n    top: -3px;\n}\n.mobile-toggle .open span:nth-child(3) {\n  transform: rotate(-45deg);\n\n  transform-origin: left center;\n  left: 4px;\n  top: 22px;\n}\n  .mobile-toggle span:nth-child(1) {\n\n    background-color: #fff;\n    background-color: white;\n    position: absolute;\n    right: 0;\n\n}\n.mobile-toggle span:nth-child(3) {\n\n  background-color: #fff;\n  background-color: white;\n  position: absolute;\n  right: 0;\n  top: 16px;\n}\n  .menu-wrap.menu-show{display: block;}\n\n  /*** radio style ***/\n\n\n\n  .radio:not(:last-child) {\n      margin-right: 2rem;\n  }\n.radio input[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n}\n.radio input[type=\"radio\"] + .radio-label:before {\n  content: \"\";\n  background: #f4f4f4;\n  border-radius: 100%;\n  border: 1px solid #b4b4b4;\n  display: inline-block;\n  width: 1.4em;\n  height: 1.4em;\n  position: relative;\n  top: 0;\n  margin-right: 1em;\n  vertical-align: top;\n  cursor: pointer;\n  text-align: center;\n  -webkit-transition: all 250ms ease;\n  transition: all 250ms ease;\n}\n.radio input[type=\"radio\"]:checked + .radio-label:before {\n  background-color: #00BFB1;\n  box-shadow: inset 0 0 0 4px #f4f4f4;\n}\n.radio input[type=\"radio\"]:focus + .radio-label:before {\n  outline: none;\n  border-color: #3197ee;\n}\n.radio input[type=\"radio\"]:disabled + .radio-label:before {\n  box-shadow: inset 0 0 0 4px #f4f4f4;\n  border-color: #b4b4b4;\n  background: #b4b4b4;\n}\n.radio input[type=\"radio\"] + .radio-label:empty:before {\n  margin-right: 0;\n}\n.radio + .radio{margin-top: 1rem}\n.radio label{padding-left: 0;font-size: 1.143rem;}\n.radio-set {\n    align-items: center;\n}\n\n  /*** Checkbox style ***/\n\n\n.container-checkbox {\n    display: block;\n    position: relative;\n    padding-left: 30px;\n    margin-bottom: 0px;\n    cursor: pointer;\n    font-size: 1.143rem;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    color: #797979;\n\n\n    font-weight: 400;\n    line-height: 19px;\n\n}\n.container-checkbox:not(:last-child) {\n    margin-right: 45px;\n}\n\n.container-checkbox input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n}\n\n\n.container-checkbox .checkmark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 20px;\n    width: 20px;\n\n    border-radius: 4px;\n    border: 1px solid #979797;\n    background-color: transparent;\n}\n\n\n.container-checkbox:hover input ~ .checkmark {\n    background-color: #ccc;\n}\n\n\n.container-checkbox input:checked ~ .checkmark {\n    background-color: #00BFB1;\n    border-color: #00BFB1;\n}\n\n\n.container-checkbox .checkmark:after {\n    content: \"\";\n    position: absolute;\n    display: none;\n}\n\n.container-checkbox input:checked ~ .checkmark:after {\n    display: block;\n}\n\n\n.container-checkbox .checkmark:after {\n    left: 5px;\n    top: 1px;\n    width: 8px;\n    height: 12px;\n    border: solid white;\n    border-width: 0 1.5px 1.5px 0;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n}\n.t {\n  color: #797979;\n  font-family: Roboto;\n  font-size: 1.143rem;\n  font-weight: 400;\n  line-height: 19px;\n  text-align: left;\n}\n\n\n\n\n\n  /**** Radio toggle ***/\n\n  .switch {\n    position: relative;\n    display: inline-block;\n    width: 50px;\n    height: 29px;\n    margin-bottom: 0;\n    margin-left: 10px;\n  }\n  .dis-enab-swtc {\n    width: 50px;\n    margin-left: 0;\n    margin-right: 12px;\n}\n\n  .switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #ccc;\n    -webkit-transition: .4s;\n    transition: .4s;\n  }\n\n  .slider:before {\n    position: absolute;\n    content: \"\";\n    height: 25px;\n    width: 26px;\n    left: 2px;\n    bottom: 2px;\n    background-color: white;\n    -webkit-transition: .4s;\n    transition: .4s;\n  }\n\n  input:checked + .slider {\n    background-color: #00BFB1 !important;\n  }\n\n  input:focus + .slider {\n    box-shadow: 0 0 1px #2196F3;\n  }\n\n  input:checked+.slider:before {\n    -webkit-transform: translateX(20px);\n    -ms-transform: translateX(20px);\n    transform: translateX(20px);\n  }\n  input:checked + .slider.dis-enab-swtc-slide:before {\n    -webkit-transform: translateX(20px);\n    -ms-transform: translateX(20px);\n    transform: translateX(20px);\n  }\n  input:checked + .slider > span.enab{\n    display: none;\n  }\n\n  input[type=\"checkbox\"] + .slider > span.disab{\n    display: none;\n  }\n  .radio-toggle.selected  + .slider > span.disab{display: block;}\n\n  /* Rounded sliders */\n  .slider.round {\n    border-radius: 34px;\n  }\n\n  .slider.round:before {\n    border-radius: 50%;\n  }\n\n  .flex-wrap {\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap;\n  }\n\n  .flex-end {\n    justify-content: flex-end;\n  }\n\n  .align-center {\n    align-items: center;\n  }\n\n  .main-content-wrap {\n    padding: 0 15px;\n  }\n\n  .blue-btn {\n    background-color: #0091FF;\n    border-color: #0091FF;\n    border-radius: 4px;\n    max-width: 145px;\n    height: 46px;\n    color: #FFFFFF;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 19px;\n  }\n\n  .btn a {\n    color: #fff;\n  }\n\n  textarea#comment {\n    height: 400px;\n  }\n\n  .full-width {\n    width: 100%\n  }\n  .btn{white-space: normal;}\n\n  .green-btn {\n    /*background-color: #00BFB1;\n    border-color: #00BFB1;*/\n    background: #FF9933;\n    border-color: #FF9933;\n    border-radius: 4px;\n    color: #333333;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 26px;\n    padding: 6px 15px;\n    height: 100%;\n  }\n  .select-with-bg {\n    background-color: #F8F9FA !important;\n}\n\n   .form form {\n       margin-top: 22px;\n    }\n\t.form.login-form , .form.forgot-form{\n    width: 100%;\n    \n}\n    #forgotform-message_type {\n    width: 100%;\n    display: -webkit-box;      \n    display: -moz-box;         \n    display: -ms-flexbox;      \n    display: -webkit-flex;     \n    display: flex;             \n    }\n   .form h1{text-align: center;}\n   .form span{text-align: center; display: block}\n   .label-name img {     margin-right: 6px; }\n   .form-select {\n    -webkit-appearance: none;\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center right 10px;\n    background-size: 20px;\n\tpadding-right: 35px;\n  }\n\n  .modal textarea{\n    color: #797979;\n    box-shadow: none;\n    font-size: 1.143rem !important;\n    font-weight: 400;\n    line-height: 26px;\n  }\n\n  .input-class, .form-select {\n    height: 38px;\n    color: #797979;\n    box-shadow: none;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n  }\n\n  .input-class {\n    border: 1px solid #ccc;\n    border-radius: 4px;\n  }\n\n  .input-icon, select {\n    height: 38px;\n    color: #797979;\n    box-shadow: none;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n  }\n  .select-wrap,.export-wrap{position: relative;}\n   \n  .select-two-icon {\n    background-image: url(\"../images/io_export.png\");\n    background-repeat: no-repeat;\n    background-position: center left 14px;\n    -moz-appearance:none; \n    -webkit-appearance:none; \n    appearance:none;\n    background-size: 19px;\n    max-width: 150px;\n    width: 100%;\n    background-color: transparent;\n    padding: 0 40px 0 40px;\n    border-right: none !important;\n  }\n  .select-arrow {\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center;\n    width: 38px;\n    height: 38px;\n    background-color: #FF9933;\n    border-top-right-radius: 4px;\n    border-bottom-right-radius: 4px;\n    background-size: 65%;\n    position: absolute;\n\ttop:0;\n    right: 0;\n    cursor: pointer;\n}\n\n  .select-input {\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center right 10px;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    background-size: 22px;\n  }\n\n  .date-icon {\n    background-image: url(\"../images/cal-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center right 10px;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .search-icon {\n    background-image: url(\"../images/io-search.svg\");\n    background-repeat: no-repeat;\n    background-position: center right 10px;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    background-size: 18px;\n  }\n\n  span.pipe {\n    border: .5px solid #ccc;\n    margin-right: 18px;\n\theight: 38px;\n  }\n\n  input[type=\"text\"] {\n    padding: 0 10px;\n  }\n\n  .select-input, .table input {\n    width: 100%;\n    background-color: #fff;\n  }\n   .table input{\n\t   padding: 0 25px 0 10px;\n\t   min-width: 100px;\n   }\n  .select-input {\n    padding: 0 40px 0px 10px;\n}\n\n  .form-group {\n    margin-bottom: 18px;\n  }\n\n  .label-name {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n    cursor: pointer;\n  }\n\n  .radio-inline {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 25px;\n  }\n  .input-file-white-bg .custom-file-input{background-color: #fff}\n  .input-file-white-bg .upload_content{z-index: 99}\n\n  .custom-file-input {\n    color: transparent;\n    width: 149px;\n    height: 94px;\n    position: relative;\n    z-index: 99;\n  }\n  .row.nomargin.file-wrap {\n    margin-top: 15px !important;\n}\n  .file-wrap a {\n    border: .5px solid #ccc;\n    display: block;\n    position: relative;\n    min-height: 95px;\n    background-color: #fff;\n\tmin-width: 145px;\n}\n\n\n  .input_form .custom-file-input::before, .upload-action .input_form .custom-file-input::before {\n    content: '';\n    color: #4286F5;\n    display: inline-block;\n    border: 0.5px solid #979797;\n    outline: none;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    cursor: pointer;\n    text-shadow: 1px 1px #fff;\n    font-weight: 500;\n    font-size: 12px;\n    width: 100%;\n    height: 100%;\n  }\n\n  .input_form .upload_content {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    right: 0;\n    text-align: center;\n  }\n\n  .input_form .upload_content img {\n    margin-bottom: 5px;\n  }\n\n  .file-pdf {\n    color: #333333;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 17px;\n    margin: 0;\n  }\n\n  .file-cloud {\n    color: #666666;\n    font-size: 9px;\n    font-weight: 400;\n    line-height: 12px;\n    opacity: 0.6000000238418579;\n    margin: 0\n  }\n\n  .input-file {\n    position: relative;\n    max-width: 149px;\n    width: 100%;\n\tmargin-bottom: 20px;\n  }\n.file-upload .flex-wrap .input-file {\n    flex: 1;\n}\n.file-upload .flex-wrap .input-file:nth-child(4n+4) {\n    margin-right: 0;\n}\n  .input-file:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  .drag-and-drop-a-file {\n    color: #666666;\n    font-size: 9px;\n    font-weight: 400;\n    line-height: 12px;\n    opacity: 0.6000000238418579;\n    text-align: center;\n  }\n\n  .alert-success img {\n    width: 24px;\n    height: 24px;\n    margin-right: 10px;\n  }\n\n  .alert-success {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 32px;\n  }\n\n  .alert-success {\n    background-color: rgba(255, 128, 128, .8);\n    border-color: rgba(255, 128, 128, .8);\n    border-radius: 8px;\n    padding: 10px;\n  }\n\n  .flow-row {\n    flex-flow: row;\n  }\n\n  .btn-set-right {\n    justify-content: flex-end;\n  }\n\n\n    .btn-grey {\n    color: #333;\n    background-color: rgba(0, 0, 0, 0.05);\n    border-color: rgba(0, 0, 0, 0.05);\n    padding: 0 20px;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 26px;\n    padding-top: 6px !important;\n    padding-bottom: 6px !important;\n    min-height: 38px;\n    height: 100%;\n  }\n  .btn-grey:hover ,.reply-section .btn .btn-default:hover{\n    background-color: #979797b5;\n\tborder-color: #979797b5;\n}\n\n  .btn-icon img {\n    width: 17.25px;\n    margin-right: 10px;\n\tmargin-top: -1px;\n  }\n\n  .btn-icon {\n    padding: 6px 22px;\n  }\n\n  .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {\n    margin-left: 50px\n  }\n\n  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {\n    padding: 16px;\n  }\n  .prpl-btn {\n    background-color: #B68DE8;\n  }\n  .orange-btn {\n    background-color: #FFA500;\n  }\n  .orange-btn ,.prpl-btn{\n\n    border-radius: 13.5px;\n    min-height: 27px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 14px;\n    text-align: center;\n    text-transform: uppercase;\n    padding: 0 15px;\n  }\n  span.indicate-text {\n    min-height: 27px;\n    width: auto;\n    \n    padding: 0 15px;\n    border-radius: 13.5px;\n    font-size: 12px;\n    text-transform: uppercase;\n    font-weight: 500;\n    float: right;\n    line-height: 27px;\n    \n  width: auto !important;\n  margin-right: 30px;   /* #change_MP */\n}\n\n  /**** Table style ****/\n  /* table{table-layout: fixed;} */\n  th {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 32px;\n\tpadding: 14px !important;\n  }\n  .table th a {\n    color: #333;\n  }\n  .tabuler-data {\n    overflow-x: auto;\n}\n.table select {\n    width: 100%;\n    min-width: 145px;\n    padding-right: 35px;\n}\n.form-control{height: 38px; box-shadow: none;}\n\n  td {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n\tpadding: 14px !important;\n  }\n\n  .dataTables_info {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 32px;\n  }\n  \n  .pagination-area .row {\n    margin: 0;\n}\n\n  .pagination>li>a, .pagination>li>span {\n    color: #00BFB1;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 20px;\n  }\n\n  .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {\n    z-index: 3;\n    color: #fff;\n    cursor: default;\n    background-color: #00BFB1;\n    border-color: #00BFB1;\n  }\n\n  ul.pagination {\n    margin: 0;\n  }\n\n\n  .table-striped>tbody>tr:nth-of-type(odd) {\n    background-color: #f5f5f5;\n  }\n\n  /* .basic-table { */\n    /* border: 2px solid #ccc; */\n\n  /* } */\n  .pagination-area {\n    margin-top: 10px;\n\tpadding-bottom: 10px;\n    \n}\n.table-area {\n    border-radius: 4px;\n    \n\tbackground-color: #fff;\n}\n\n  .basic-table>tbody>tr td:first-child, .basic-table tr th:first-child, .basic-table {\n    border-left: none !important;\n  }\n   .table{margin-bottom: 0; border-collapse: unset;border-radius: 4px;background-color: #fff;}\n  .basic-table>tbody>tr td:last-child, .basic-table tr th:last-child, .basic-table {\n    border-right: none !important;\n  }\n  .table>tbody>tr>td:not(:last-child), .table>tr>th:not(:last-child), .table>thead>tr>td:not(:last-child), .table>thead>tr>th:not(:last-child) {\n    border-right: 1px solid rgba(151, 151, 151, 0.30196078431372547);\n}\n\n  .basic-table>tbody>tr td {\n    border-bottom: none !important;\n    border-top: none;\n  }\n\n  .table>thead>tr>th, .table>tbody>tr>td,.table>tr>td {\n    vertical-align: middle;\n    /*border-right: 2px solid #ccc;*/\n\tborder-bottom-width: 0px;\n  }\n  .table>thead>tr>th{white-space: nowrap;}\n  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width: 0px;}\n\n  /******** Header Style *******/\n  #header {\n    box-shadow: 0 7px 32px 0 rgba(51, 51, 51, 0.3);\n    padding: 10px 0;\n    min-height: 82px;\n    position: relative;\n    z-index: 9;\n    display: flex;\n    align-items: center;\n    \n}\n.dark-header#header {\n    box-shadow: none;\n}\n/* body.login-page span.logo-text { */\n    /* text-align: left; */\n/* } */\n\n  .main-header-heading strong{\n\n  color: #333333;\n\n  font-size: 1.714rem;\n  font-weight: 700;\n  line-height: 29px;\n\n\n  }\n  .header-notification img {\n    width: 19px;\n    height: 16px;\n}\n.header-notification {\n    margin-right: 46px;\n    position: relative;\n    cursor: pointer;\n}\n.notification-li .notification-count{\n    min-width: 24.33px;\n    background-color: #bf000e;\n    color: #fff;\n    /* position: absolute; */\n    top: -15px;\n    border-radius: 50%;\n    text-align: center;\n    right: -15px;\n    box-shadow: -2px 3px 10px 1px rgba(191, 0, 14, 0.49);\n    font-size: 0.857rem;\n    line-height: 2rem;\n    \n    display: flex;\n    min-height: 24.33px;\n    height: 100%;\n    width: 100%;\n\talign-items: center;\n    justify-content: center;\n\tdisplay: block !important;\n   \n}\n\n/* span.notification-count:before { */\n    /* content: \"\"; */\n    /* position: absolute; */\n    /* display: block; */\n    /* animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; */\n\t/* -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; */\n    /* width: 100%; */\n    /* height: 100%; */\n    /* background-color: inherit; */\n    /* border-radius: inherit; */\n    /* left: 0; */\n    /* right: 0; */\n    /* z-index: -1; */\n/* } */\n\n@keyframes pulse-animation{\n\t\n\t0%\n\t{\n\t opacity:1;\n\t-webkit-transform:scale(1);\n\ttransform:scale(1)\n\t}\n\t\n\t50%{\n\t\topacity:0;\n\t\t-webkit-transform:scale(1.5);\n\t\ttransform:scale(1.5)\n\t\t}\n\t\t\n    100%\n\t\t{\n\t\t opacity:0;\n\t\t -webkit-transform:scale(1.5);\n\t\t transform:scale(1.5)\n\t}\n}\n\n\n@-webkit-keyframes pulse-animation{\n\t\n\t0%\n\t{\n\t opacity:1;\n\t-webkit-transform:scale(1);\n\ttransform:scale(1)\n\t}\n\t\n\t50%{\n\t\topacity:0;\n\t\t-webkit-transform:scale(1.5);\n\t\ttransform:scale(1.5)\n\t\t}\n\t\t\n    100%\n\t\t{\n\t\t opacity:0;\n\t\t -webkit-transform:scale(1.5);\n\t\t transform:scale(1.5)\n\t}\n}\n\n\n.main-header-heading {\n    /* margin-left: 20%; */\n    flex: 1;\n    display: flex;\n    justify-content: center;\n\ttext-align: center;\n}\n\n  .light-header {\n    background-color: #ffffff;\n  }\n\n  .dark-header {\n    /*background-color: #00BFB1;*/\n    background-color: rgb(255 153 51 / 24%);\n  }\n\n  .logo img {\n    max-width: 63px;\n    max-height: 63px;\n    object-fit: contain;\n    padding-right: 6px;\n    border-right: 1px solid rgba(151, 151, 151, .5);\n    margin-right: 6px;\n}\n\n  .logo-text>span {\n    display: block;\n  }\n\n  .clean-india img {\n    width: 165px;\n    height: 75px;\n    object-fit: contain;\n  }\n\n  .petionar-info {\n    display: flex;\n    flex-flow: column;\n    justify-content: flex-end;\n    text-align: right;\n  }\n\n  .header-right {\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    flex: 1 0 0;\n\t-webkit-box-flex: 1 0 0;      \n    -moz-box-flex: 1 0 0;         \n    -webkit-flex: 1 0 0;          \n    -ms-flex: 1 0 0;            \n    justify-content: flex-end;\n  }\n\n  .upper-text {\n    /*color: #333333;*/\n    color: #e66100;\n    font-size: 0.88rem;\n    font-weight: 400;\n    line-height: 0.991rem;\n    margin-bottom: 5px;\n  }\n\n  .mid-text {\n    color: #333333;\n    font-size: 1.006rem;\n    font-weight: 700;\n    line-height: 0.991rem;\n    margin-bottom: 5px;\n  }\n\n  .lower-text {\n    color: #333333;\n    font-size: 0.88rem;\n    font-weight: 400;\n    letter-spacing: 2.71px;\n    line-height: 0.991rem;\n    /*color: #fff;\n    background-color: #929292;\n    padding-left: 2px;*/\n  }\n\n  .applicant-name {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 2.286rem;\n  }\n\n  .login-status {\n    color: #333333;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 22px;\n  }\n  \n  .logo {\n    flex: 1;\n}\n.lang-option {\n    margin-right: 32px;\n    border: 1px solid #333;\n    border-radius: 4px;\n    position: relative;\n    height: 28px;\n    line-height: 28px;\n    min-width: 90px;\n    background: url(\"../images/down-icon.png\") , url(\"../images/lang-icon.svg\");\n    background-repeat: no-repeat;\n    background-position: center right 5px , center left 7px;\n    background-size: 18px , 15px;\n   \n}\n\n\n.lang-option li{cursor: pointer}\n\n.lang-option li{\n    opacity: 0;\n    visibility: hidden;\n\tpadding: 0 25px 0 30px;\n\ttransform: scale(0);\n\t\n}\n.lang-option a span {\n    color: #333;\n    text-transform: uppercase;\n    \n}\n.lang-option li.active-lang  {\n    opacity: 1;\n    visibility: visible;\n\ttransform: scale(1);\n\ttransition: opacity .3s;\n    \n}\n.lang-option li.active-lang a{pointer-events: none;}\n.lang-option ul.open li {\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1);\n    transition: opacity .3s;\n}\n.lang-option li:not(.active-lang) {\n    /*background-color: #00BFB1;*/\n    background-color: #FF9933;\n    border-radius: 4px;\n}\n\n  /**** Login style *****/\n  .content-wrapper {\n    height: 100%;\n    position: relative;\n    display: inline-block;\n    width: 100%;\n}\n.content-wrapper-inner {\n    height: inherit;\n    display: inherit;\n    width: inherit;\n}\n.menu-wrap{padding-bottom: 80px;}\n.menu-wrap li{position: relative;}\n\n  .dark-wrapper {\n   /* background-color: #98E5E1;*/\n    background-color: rgb(255 153 51 / 24%);\n    height: calc(100% - 95px);\n    position: relative;\n\tdisplay: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .form h1 {\n    margin-top: 0;\n    color: #333333;\n    font-size: 2.286rem;\n    font-weight: 700;\n  }\n\n  .track_box {\n    max-width: 922px;\n    margin: 0 25px;\n    width: 100%;\n    background-color: #FFFFFF;\n    border-radius: 8px;\n    padding: 85px 55px;\n    /* position: absolute; */\n    /* top: 50%; */\n    /* transform: translateY(-50%); */\n    /* left: 0; */\n    /* right: 0; */\n  }\n  #login-form .radio {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n#login-form .form-group.radio-set{margin-bottom:0}\n\n\n  .track-data {\n    color: #333333;\n    font-size: 1.714rem;\n    font-weight: 400;\n    line-height: 32px;\n    text-align: left;\n  }\n\n  .regular-text {\n    color: #333333;\n    font-size: 1.714rem;\n    font-weight: 400;\n    line-height: 2.286rem;\n  }\n\n  .add-grievance span {\n    display: block;\n    margin-bottom: 22px;\n  }\n\n  .add-grievance {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex: 1 0 0;\n    align-items: center;\n  }\n\n  .track-form {\n    margin-top: 28px;\n  }\n\n  .track-form-wrap {\n    border-right: 0.5px solid rgba(121, 121, 121, .4);\n    padding-right: 70px;\n  }\n\n  .refresh-wrap {\n    background-color: rgba(0, 0, 0, 0.05);\n    border-radius: 4px;\n    width: 50px;\n    height: 40px;\n  }\n\n  .refresh-wrap a {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 40px;\n  }\n\n  /**** Sidebar menu *****/\n  .sidebar-menu {\n    background-color: #FFFFFF;\n    box-shadow: 7px 0 14px 0 rgba(0, 0, 0, 0.13);\n    width: 235px;\n    /* flex-basis: 235px; */\n    position: absolute;\n    top: 0;\n    z-index: 1;\n    min-height: 100%;\n    transition: all ease-in-out .5s;\n\t/* height: 100vh; */\n\t\n\n  }\n  .sidebar-menu.activv{  width: 55px;}\n\n  .sidebar-menu ul li img {\n    width: 16px;\n    height: 16px;\n    margin-right: 15px\n  }\n\n  .sidebar-menu ul li a span {\n    color: #666666;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 22px;\n  }\n  .sidebar-menu ul li a.active span{\n\t  /*color: #327C76;*/\n    color: #FF9933;\n\t  \n  }\n\n.collapse-wrap {\n    position: relative;\n    bottom: 0;\n    width: 100%;\n    border-bottom: 0.5px solid rgba(50, 124, 118, .4);\n    padding: 0px 20px;\n    cursor: pointer;\n    margin: 0;\n    max-width: 100%;\n    min-height: 44px;\n}\n.collapse-wrap:after {\n    content: \"\";\n    border-right: 0.5px solid rgba(120, 120, 120, .4);\n    height: 100%;\n    position: absolute;\n    \n    left: 50px;\n}\n.collapse-wrap.collapsed::after{display: none;}\n  .collapse-wrap span {\n    /*color: #327C76;*/\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 22px;\n  }\n\n  .collapse-wrap img {\n    margin-right: 16px;\n    width: 20px;\n\theight: 16px;\n  }\n\n  .sidebar-menu ul li a {\n    display: flex;\n    text-decoration: none;\n    padding: 10px 20px;\n    position: relative;\n    width: 100%;\n    align-items: center;\n  }\n  .sidebar-menu ul li ul.side-sub li a{padding: 6px 12px;}\n  /*.sidebar-menu ul ul.side-sub li:first-child a {\n    padding-top: 0;\n}*/\n/*.sidebar-menu ul ul.side-sub li:last-child a {\n    padding-top: 0;\n}*/\n\n  .sidebar-menu ul li a.active {\n    /*background-color: rgba(0, 124, 114, 0.1);*/\n    background-color: rgb(255 153 51 / 24%);\n    /*border-left: 7px solid #007C72;*/\n  }\n  .sidebar-menu ul li ul.side-sub li a.active {\n    background-color: transparent;\n}\n\n  .sidebar-menu ul li a.active::before {\n    content: \"\";\n    background-color: #FF9933;\n    position: absolute;\n    left: 0;\n    height: 100%;\n    width: 6px;\n    top: 0;\n  }\n.sidebar-menu ul li ul.side-sub li a.active::before {\n    content: \"\";\n    width: 5px;\n    height: 5px;\n    top: 50%;\n    transform: translateY(-50%);\n    border-radius: 25px;\n\tleft: -3px;\n}\n  ul.side-sub {\n    /* display: none; */\n    border-left: 1px solid #979797;\n    margin-left: 25px;\n\topacity: 0;\n\tvisibility: hidden;\n\tposition: absolute;\n\ttransform: rotateX(90deg);\n\t-webkit-transform:rotateX(90deg);\n\ttransform-origin: 10% 10%;\n\t-webkit-transform-origin: 10% 10%;\n\t-webkit-transition: -webkit-transform .5s,opacity .5s;\n\ttransition : transform .5s,opacity .5s;\n\ttransform-style: preserve-3d;\n\t-webkit-transform-style: preserve-3d;\n  }\n  \n  ul.side-sub.show-sub{\n\t  opacity: 1; \n\t  visibility: visible;\n\t  transform: rotateX(0deg);\n\t  -webkit-transform:rotateX(0deg);\n\t  position: relative;\n\t  -webkit-transition: -webkit-transform .5s,opacity .5s;\n\ttransition : transform .5s,opacity .5s;\n\t  }\n\n  .sidebar-menu ul li.has-options>a:after {\n    content: \"\";\n    width: 12px;\n    height: 2px;\n    background-color: #979797;\n    position: absolute;\n    right: 20px;\n  }\n\n  .sidebar-menu ul li.has-options.sub-close>a:before {\n    content: \"\";\n    width: 12px;\n    height: 2px;\n    background-color: #979797;\n    position: absolute;\n    right: 20px;\n    left: auto;\n    top: 20px;\n    transform: rotate(90deg);\n  }\n\n  .minimize-side-menu.sidebar-menu ul li.has-options.sub-close>a:before, .minimize-side-menu.sidebar-menu ul li.has-options.sub-close>a:after {\n    display: none;\n  }\n  \n  span.notification-li {\n    position: absolute;\n    display: inline-block !important;\n    right: 15px;\n}\n.minimize-side-menu span.notification-li {\n    margin-right: 0;\n}\nspan.notification-li img {\n    margin-right: 0 !important;\n}\n\n  /**** Right content area ***/\n  .content-wrap {\n    /*background-color: #FFFFFF;*/\n    border-radius: 8px;\n    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n    /*padding-bottom: 25px;*/\n    margin-bottom: 25px;\n\toverflow: hidden;\n  }\n\n  .content-area-wrapper {\n    /* flex: 1 0 calc(100% - 235px); */\n    padding: 0 25px;\n    width: calc(100% - 235px);\n    float: right;\n    transition: all ease-in-out .5s;\n\tbackground-color: #FAFFFF;\n  }\n  .content-area-wrapper.expend {\n    width: calc(100% - 55px);\n}\n  /* .content-area-wrapper.imran {\n    flex: 1 0 calc(100% - 55px);;\n    max-width: calc(100% - 55px);\n} */\n\n  .heading-area {\n    border-bottom: 0.5px solid rgba(151, 151, 151, .9);\n    padding: 15px 15px 10px;\n  }\n\n  .main-heading-content {\n    margin: 0;\n  }\n\n  .form-entity {\n    padding: 0 15px;\n    margin-top: 15px;\n  }\n\n  .form-entity .form-group {\n    margin-bottom: 32px;\n  }\n\n  .get-otp-btn.last-child {\n    padding-left: 0\n  }\n\n  .btn-input {\n    width: auto;\n    padding: 6px 15px;\n  }\n\n  .btn-set button:not(:last-child) {\n    margin-right: 12px;\n  }\n\n  .add-new {\n    color: #327C76;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 19px;\n    margin-bottom: 26px;\n  }\n\n  .add-new img {\n    Width: 15.3px;\n    Height: 18.9px;\n    margin-right: 10px;\n  }\n\n  .content-area-inner {\n    margin: 25px 0;\n  }\n\n  .filter-area {\n    padding: 15px 30px;\n  }\n  .grievance-table .filter-area p:not(:last-child) {\n    margin-right: 18px;\n}\n  .filter-area p {\n    margin: 0;\n}\n.filter-area .form-group {\n    margin-right: 18px;\n\tmargin-bottom: 0;\n}\n  .filter-area .input-icon {\n    margin-right: 18px;\n    max-width: 145px;\n    width: 100%;\n  }\n  .report-filter select {\n    min-width: 145px;\n    \n}\n.report-filter .filter-area .form-group + div {\n    margin-right: 18px;\n}\n.report-filter .filter-area .form-group:last-child {\n    margin-right: 0;\n}\n .report-filter .filter-area .input-icon{margin-right: 0; max-width: 100%;}\n  select.select-input.dark-icon-select {\n    max-width: 150px;\n  }\n  .report-filter .filter-area a {\n    margin-left: 18px;\n}\n\n  .heading-right-area .input-icon.search-icon {\n    margin-right: 18px;\n  }\n\n  /**** Grievance details page ***/\n  .breadcrumb {\n    background-color: transparent;\n    padding: 0;\n    margin: 0;\n  }\n\n  .breadcrumb a, .breadcrumb span {\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 19px;\n    /* color: #00BFB1; */\n  }\n  .breadcrumb span {\n    color: #979797;\n}\n  .breadcrumb a {\n    /*color: #327C76;*/\n    color: #FF9933;\n    position: relative;\n    padding-right: 15px;\n  }\n\n  .breadcrumb a::after {\n    content: \"\";\n    /*background: #327C76;*/\n    background: #FF9933;\n    height: 16px;\n    width: 1.4px;\n    position: absolute;\n    top: 0;\n    transform: rotate(25deg);\n    right: 5px;\n\tborder-radius: 5px;\n  }\n\n  .breadcrumb img {\n    margin-right: 6px;\n\t\n  }\n\n  .breadcrumb-area {\n    margin-bottom: 15px;\n  }\n\n.select-two-icon {\n    background-color: rgba(0,0,0,.05);\n    min-height: 38px;\n    padding: 0 46px !important;\n    max-width: 148px;\n    width: 100%;\n    text-align: left;\n    border: none;\n}\n  /*** Grievance details ***/\n  .greiv-num {\n    font-size: 1.286rem;\n    font-weight: 700;\n    line-height: 32px;\n  }\n\n  .greiv-date {\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 32px;\n\ttext-align: right;\n  }\n  .track-info span.greiv-date + span {\n    text-align: right;\n}\n\n  .semi-bold {\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 2.286rem;\n  }\n\n  .span-sim-txt {\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.571rem;\n    opacity: 0.6000000238418579;\n  }\n\n  .grievance-details-left span {\n    display: block;\n    width: 100%;    \n  }\n  /* #change_MP*/\n  .grievance-details-right {\n    flex-basis: 512px;\n    max-width: 512px;\n  }\n  \n  .grievance-details-right-inner .main-content-wrap {\n    margin-top: 15px;\n}\n\n\n\n.no-updates-available {\n    font-size: 1.714rem;\n    font-weight: 400;\n    line-height: 32px;\n    opacity: 0.300000011920929;\n    \n    left: 0;\n    right: 0;\n    text-align: center;\n    height: calc(100% - 52.5px);\n\tmin-height: 200px;\n    width: 100%;\n    \n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* #change_MP*/\n  .grievance-details-left {\n    flex-basis: 55%;\n    border-right: 0.5px solid rgba(151, 151, 151, .9);\n    padding-bottom: 30px;\n    position: relative;\n    flex: 1 0 0;\n  }\n\n  .track-info {\n    border-bottom: 0.5px solid rgba(151, 151, 151, .9);\n    padding: 15px 0;\n  }\n\n  .business-info {\n    padding: 15px 0 0;\n  }\n\n  .disc p , .griev-desc div{\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n    opacity: 0.6000000238418579;\n    padding: 0;\n  }\n\n  .letter-text {\n    padding: 0 15px;\n    margin-top: 15px;\n    margin-bottom: 15px;\n    clear: both;\n  }\n\n  #reason-textarea {\n    height: 127px;\n  }\n\n  .letter-text-bg {\n    background-color: #9e9e9e12;\n    border-radius: 16px;\n    padding: 15px;\n    min-height: 90px;\n    position: relative;\n    width: 70%;\n    float: left;\n\tborder-top-left-radius: 0;\n  }\n  \n   .letter-text-bg.admin-chat {     /*background-color:#c5ddfd36;*/background-color: rgb(255 153 51 / 24%); border-bottom-right-radius: 0; border-top-left-radius: 16px;}\n\n   .letter-text-bg-right {\n    background-color: #9e9e9e12;\n    border-radius: 16px;\n    padding: 15px;\n    min-height: 90px;\n    position: relative;\n    width: 70%;\n    float: left;\n    text-align: right;\n  border-top-left-radius: 0;\n  }\n  \n  .letter-text-bg-right.admin-chat {     background-color:#c5ddfd36;border-bottom-right-radius: 0; border-top-left-radius: 16px;}\n\n\n  .letter-text p {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n\tpadding-bottom: 24px;\n  }\n\n  .post-time {\n    color: #666666;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 22px;\n    opacity: 0.6000000238418579;\n    /* float: right; */\n\t  position: absolute;\n    bottom: 12px;\n    right: 15px;\n    text-align: left;\n  }\n\n  .post-time-left {\n    color: #666666;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 22px;\n    opacity: 0.6000000238418579;\n    /* float: right; */\n  position: absolute;\n    bottom: 12px;\n  }\n\n  .para-text {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n  }\n\n  .gv-details-btn-set.btn-set {\n    border-left: 0.5px solid rgba(151, 151, 151, .9);\n    padding-left: 30px;\n  }\n\n\n\n  .gv-details-btn-set .btn-grey {\n    height: 46px;\n  }\n\n  .upload-limit {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n    margin-top: 10px;\n  }\n .reply-section {\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    padding: 4px;\n    display: flex;\n    flex-flow: row wrap;\n    \n}\n.reply-section .btn {\n    padding: 0;\n    \n}\n.reply-section .btn .btn-default: active , .reply-section .btn .btn-default: focus,.reply-section .btn:active,.reply-section .btn:focus{outline: none; box-shadow: none;}\n.reply-section .btn:active {\n    box-shadow: none;\n}\n.reply-section .btn .btn-default {\n    color: #333;\n    background-color: rgba(0, 0, 0, 0.05);\n    border-color: rgba(0, 0, 0, 0.05);\n    padding: 9.5px 16px;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 19px;\n    border-radius: 4px;\n\tmargin: 4px;\n}\n\n  /*** Dashboard ***/\n  .right-toggle {\n    color: #333333;\n    font-size: 1.714rem;\n    font-weight: 700;\n    line-height: 29px;\n  }\n\n  .top span {\n    color: #333333;\n    font-size: 2.429rem;\n    font-weight: 700;\n    line-height: 41px;\n    border-left: 1px solid #333;\n    margin-left: 25px;\n    padding-left: 25px;\n  }\n\n  .status-name {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 700;\n    line-height: 32px;\n    text-align: center;\n    margin-top: 10px;\n    display: block;\n\ttext-transform: uppercase;\n  }\n\n  .box-col:not(:last-child) {\n    margin-right: 2.5%;\n  }\n\n  .box-col {\n    flex-basis: calc(100% / 5 - 2%);\n    text-align: center;\n    padding: 25px 15px 15px 15px;\n    border-radius: 8px;\n    box-shadow: 0px 29px 29px -16px #ccc;\n\tmargin-bottom: 2.5%;\n  }\n.box-col:nth-child(5n+5) {\n    margin-right: 0;\n}\n  .top {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .status-box .top img {\n    width: 26.51px;\n    height: 26.2px;\n    object-fit: contain;\n}\n  .pie-chart-area {\n    margin-right: 35px;\n}\n.chart-wrap {\n    padding: 15px;\n    border-radius: 8px;\n\tbackground-color: #fff;\n}\n.bar-chart-area {\n    flex: 1 0 0;\n    \n}\n.pie-chart-area {\n    flex-basis: 469px;\n}\nselect.year_selection {\n    margin-left: auto;\n    padding: 0 12px;\n    background-image: url(../images/down-icon.png);\n    background-repeat: no-repeat;\n    background-position: center right 12px;\n    -webkit-appearance: none;\n    background-size: 20%;\n}\n\n.grievance-age-area , .received-grievance {\n    margin-top: 35px;\n}\n.bar-chart-area-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.grievance-age-area h3.main-heading-content {\n    margin-bottom: 6px;\n}\n.grievance-age-area .main-heading-content {\n    height: 38px;\n    margin-bottom: 6px;\n\tline-height: 38px;\n}\n.content-wrap.grievance-table , #action-history .content-wrap , .content-wrap#action-history {\n    background-color: #fff;\n}\n#action-history .heading-area{border-bottom: none;}\n#action_history_popup .modal-content {\n    height: 550px;\n    overflow-y: scroll;\n}\n\n/*** Notification page style ***/\n\n.notification-layer img{width: 17px; height: 19px;margin-right: 15px;}\n.complaint-name {\n  color: #333333;\n  font-size: 1.286rem;\n  font-weight: 400;\n  line-height: 21px;\n\n}\n.complaint-date {\n  color: #797979;\n  font-size: 1.143rem;\n  font-weight: 400;\n  line-height: 26px;\n\n}\n.notification-details span {\n    display: block;\n}\n\n.notification-layer:hover {\n\n  /*background-color: #C2F2EF;*/\n  background-color: rgb(255 153 51 / 24%);\n\n}\n.notification-area-inner {\n    margin: 0 15px;\n    border-bottom: .5px solid #979797;\n    padding: 10px 0;\n\t\n}\n\n.notification-area {\n    margin-bottom: 25px;\n\n}\n\n/** Grievance details 2 style ***/\n.grievance-details-left.details-two {\n    background-color: #EDF2F9;\n    flex-basis: 365px;\n    border-right: none;\n    border-radius: 26px;\n    position: relative;\n\tmax-width: 365px;\n}\n.details-two-page .griev-details-right {\n    flex: 1 0 0;\n}\n.details-two-page {\n    border-top-left-radius: 26px;\n    border-bottom-left-radius: 26px;\n    padding-bottom: 0;\n\tbackground-color: #fff;\n}\n\n.details-two .business-info .span-sim-txt {\n    margin-top: 0px;\n    margin-bottom: 10px;\n}\n#expnson {\n    background-color: #D3D3D3;\t\t/* #change_MP */ \n    border-radius: 18px;\n    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n    width: 36px;\n    height: 36px;\n    position: absolute;\n    top:30px;\n    right: 4px;\t\t\t\t\t\t/* #change_MP */ \n    transform: translateY(-50%);\n\tz-index: 1;\n}\n#expnson:before {\n    content: \"\";\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center;\n    width: 14px;\n    height: 8px;\n    position: absolute;\n    z-index: 99;\n    top: 14px;\n    background-size: 15px;\n    transform: rotate(90deg);\n    left: 5px;\n}\n#expnson:after {\n    content: \"\";\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center;\n    width: 14px;\n    height: 8px;\n    position: absolute;\n    z-index: 99;\n    top: 14px;\n    background-size: 15px;\n    transform: rotate(-90deg);\n    right: 5px;\n}\n\n/*** Roles & Permissons style ***/\n.left-side-role-wrap {\n    flex-basis: 300px;\n    padding: 15px;\n    border-right: 1px solid #ccc;\n}\n.right-side-role-option {\n    flex: 1 0 0;\n}\n.add-role .form-group.role-input {\n    margin-bottom: 0;\n    margin-top: 18px;\n}\n.add-role-trig {\n  background-color: #00BFB1;\n  border-radius: 4px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n  max-width: 338px;\n  height: 46px;\n  justify-content: center;\n  width: 100%;\n  color: #333;\n  font-size: 1.143rem;\n}\n.add-role-trig > img {\n    width: 16px;\n    height: 16px;\n    margin-right: 10px;\n}\n.added-role {\n  background-color: rgba(0, 0, 0, 0.05);\n  border-radius: 4px;\n  max-width: 338px;\n  width: 100%;\n  height: 46px;\n  text-align: center;\n}\n.added-role:not(:last-child){margin-bottom: 15px}\n.added-role span{line-height: 46px; display: block; font-size: 1.143rem}\n.added-role-wrap {\n    margin-top: 36px;\n}\n.dis-enab-swtc-slide > span.enab{\n    line-height: 29px;\n    text-align: right;\n    display: block;\n    padding-right: 10px;\n}\n.dis-enab-swtc-slide > span.disab{\n    line-height: 29px;\n    text-align: left;\n    display: block;\n    padding-left: 10px;\n}\n.row.add_role_save_btn {\n    margin: 0;\n    margin-top: 18px;\n}\n\n/*** Staff user style ***/\n.box-inside {\n  border: 1px solid #979797;\n  border-radius: 8px;\n\n}\n.divlision-list ul li {\n  background-color: #FFFFFF;\n  border: 0.5px solid rgba(151, 151, 151, 0.4);\n  border-radius: 8px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13);\n  padding: 10px 50px 10px 10px;\n  background-image: url(\"../images/_io_drag.png\");\n  background-repeat: no-repeat;\n  background-position: center right 10px;\n}\n.divlision-list ul li:not(:last-child){margin-bottom: 15px;}\n.divlision-list ul li span {\n  color: #797979;\n  font-weight: 400;\n  line-height: 26px;\n  font-size: 1.143rem;\n}\n.search-div-input input.input-class {\n    width: 100%;\n\n}\n.search-div-input {\n    border-top: 1px solid #f9f9f9;\n    border-bottom: 1px solid #f9f9f9;\n\n}\n.search-div-input , .div-seading{\n  padding: 10px 15px;\n}\n.divlision-list {\n    padding: 0 5px;\n    margin: 10px 0;\n}\nspan.asc-desc-filter {\n    cursor: pointer;\n    margin-left: auto;\n}\n.div-selection-btn .btn {\n    max-width: 159px;\n    width: 100%;\n}\n.div-selection-btn {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-flow: column;\n    margin-top: 15%;\n}\n.div-selection-btn .btn:first-child {margin-bottom: 15px;}\n.div-selection .row:not(:last-child){margin-bottom: 30px;}\n.staff-user .remark-check label.container-checkbox:last-child{margin-top: 0}\n.staff-user .remark-check{margin-top: 15px;}\n.staff-user .div-selection .row{margin: 0}\n.staff-user .div-selection .row .div-sect-box{padding: 0;}\n.staff-user .form-entity .form-group{margin-bottom: 18px;}\n/*** Popup model ***/\n.modal-title {\n\n  font-size: 1.714rem;\n  font-weight: 400;\n  line-height: 32px;\n\n}\n.popup-form textarea {\n    height: 78px;\n}\n.modal-body{padding: 0 50px;}\n.modal-footer{border-top: none; padding: 0 50px 50px}\n.modal-header{border-bottom: none; padding: 50px 50px 10px}\n.modal-footer button , .popup-btn-set button {\n    width: 100%;\n    min-height: 38px;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n.modal-header h3 {\n    font-size: 1.714rem;\n}\n.popup-btn-set {\n    padding: 0 0 50px;\n}\n.popup-btn-set .col-md-3,.popup-btn-set .col-md-6,.popup-btn-set .col-md-3,.popup-btn-set .col-sm-4,.popup-btn-set .col-sm-5,.popup-btn-set .col-sm-4{padding: 0 5px;}\n.popup-btn-set .row {\n    margin: 0 -5px;\n}\n\n\n/**** Grievance age report page ***/\n.report-filter .filter-area .form-group {\n    margin-bottom: 0;\n\tflex:1;\n\tmax-width: 145px;\n}\n.report-filter .filter-area .form-group + div > div {\n    max-width: 200px;\n}\n#grievance-age .filter-area .form-group:last-child .input-icon {\n    margin-right: 0;\n}\n#grievance-age .filter-area .input-icon {\n    \n    max-width: 100%;\n    width: auto;\n}\n.form-group.field-reportsearch-division {\n    margin-right: 18px;\n    max-width: 200px;\n    width: 100%;\n}\nbutton.search {\n    min-height: 38px;\n    border: none;\n    \n    padding-left: 20px;\n    padding-right: 20px;\n    font-weight: 500;\n    font-size: 1.143rem;\n    line-height: 1.188rem;\n}\n.cpgrams {\n    min-height: 38px;\n    display: flex;\n    align-items: center;\n}\n\n/*** For firefox ***/\n@-moz-document url-prefix() { \n  .input-icon, select{line-height: 38px;}\n}\n\n/*** Safari ***/\n@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)\n{ \n    .filter-area{flex-flow: row;}\n\t/* .track-info,.heading-area{border: 1px solid rgba(151, 151, 151, .9)} */\n\t/* .track-form-wrap{border-right: 1px solid rgba(151, 151, 151, .9)} */\n\t.sidebar-menu{height: 100vh;}\n}\n\n.public_grievance_box{\n  max-width: 922px;\n  margin: 25px;\n  width: 100%;\n  background-color: #FFFFFF;\n  border-radius: 8px;\n  padding: 14px 42px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: normal;\n}\n.Add_flex_dir{\nflex-direction: column;\n}\n.public_grievance_box h4{\nfont-weight: normal;\n}\n.btn_officar a{\nfont-size: 16px;\ncolor: #000000;\npadding: 14px 22px;\ntext-decoration: none;\nbackground:#e2e2e2;\nborder-radius:4px;\nheight:48px;\nfont-weight:normal;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n}\n.btn_officar img {\n  padding-right: 10px;\n}",
  "html": "@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\n\nhtml{\n  font-size: 14px;\n}\n  body {\n    font-family: 'Roboto', sans-serif;\n    font-size: 100%;\n    margin: 0;\n    padding: 0;\n    color: #333;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 19px;\n    font-size: 100%;\n  }\n  \n    .hide {    display: none !important;\n}\n  \n \n  .margin-30{margin-top: 15px;}\n  ul {     margin: 0;     padding: 0;     list-style: none;     color: #333333;   }\n  a.richText-btn ,.richText .richText-help,.richText-toolbar a{     color: #3C4858; }\n  .file-preview .fileinput-remove{top: 3px; right: 3px;}\n  .btn.btn-primary.btn-block.btn-file {     /*background-color: #00BFB1;*/ background-color: #FF9933;}\n  .btn.btn-primary.btn-block.btn-file:hover {     /*background-color: #327C76;*/ background-color: #f13e00;}\n  .btn.btn-primary.btn-block.btn-file span {     color: #333;     font-weight: 500; }\n  .btn.btn-primary.btn-block.btn-file .glyphicon-folder-open:before{color:#333 }\n  .btn-icon:hover img {     filter: grayscale(100%) brightness(100); \t-webkit-filter: grayscale(100%) brightness(100); }\n  .btn.btn-primary.btn-block.btn-file:hover span, .btn.btn-primary.btn-block.btn-file:hover i:before {     color: #fff; }\n  img {       max-width: 100%;   }\n  a {     text-decoration: none; \tcursor:pointer;   }\n  p{margin: 0}\n  .btn:focus, .btn:active {\n    outline: none !important;\n}\n  .noborder{border: none !important}\n  a:hover, a:focus {     text-decoration: none;   }\n  .purple-td {background-color: #B3C6FF !important;}\n  .light-green-td {background-color: #C7FFCD !important;}\n  .light-mustered-td {background-color: #FFDCB3 !important;}\n  .light-magenta-td {background-color: #FFC4C4 !important;}\n  .nopadding {\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n  .white-bg{background-color: #fff;}\n  select {\n    min-width: 100px;\n}\n  label.hidden-label {\n    display: none;\n}\n  .border-top{\n    border-top: .5px solid #979797;\n  }\n  .padding-top{padding-top: 15px;}\n  .noLeftRightPadding{padding-left: 0 !important; padding-right: 0 !important}\n\n  .nomargin {\n    margin: 0 !important;\n  }\n  .shadow{box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.1)}\n\n  select:focus, input:focus, button:focus {\n    outline: none\n  }\n  \n  .container-fluid{width: 100%;}\n\n  .noshadow,.richText {\n    box-shadow: none !important;\n  }\n  \n  .grievance-create .green-btn {\n    min-height: 38px;\n}\n  \n  .sky-blue {\n    background-color: #00BCFA\n  }\n  .new-btn{\n    background-color: #00BCFA;\n    background-color: #00BCFA;\n    border-radius: 13.5px;\n    color: #333333;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 14px;\n    text-align: center;\n    padding: 0px 15px;\n\tmin-height: 27px;\n  }\n\n  .green {\n    background-color: #00BF63\n  }\n\n  .moong-color {\n    background-color: #FF8080\n  }\n\n  .light-green {\n    background-color: #00BFB1\n  }\n\n  .yellow {\n    background-color: #E3D317\n  }\n  .col-md-4.flex-wrap.flex-end.heading-right-area {\n    min-height: 38px;\n    align-items: center;\n   }\n  /*** Scroll Bar ***/\n::-webkit-scrollbar {\n    height: 15px;\n}\n::-webkit-scrollbar-thumb {\n    background: #DCDCDC;\n    border-radius: 60px;\n    margin-right: 10px;\n    background-clip: padding-box;\n    border: 2px solid rgba(255,255,255,0);\n}\n::-webkit-scrollbar-track {\n    background: #F7F7F7;\n    \n    \n}\n\n\n  /** Toggle menu ***/\n  .mobile-toggle {\n      background-color: #000;\n      width: 100%;\n      /* display: inline-block; */\n      height: 45px;\n      position: relative;\n  }\n  #mob-toggle {\n    cursor: pointer;\n    display: table;\n    position: absolute;\n    z-index: 9;\n    right: 20px;\n    top: 14px;\n    height: 18px;\n\n    width: 35px;\n}\n.mobile-toggle span {\n  transition: .25s ease-in-out;\n\n  transform: rotate(0);\n  display: block;\n  height: 3px;\n  width: 35px;\n}\n.mobile-toggle span:nth-child(2) {\n\nbackground-color: #fff;\nbackground-color: white;\nposition: absolute;\nright: 0px;\ntop: 8px;\n}\n\n  .mobile-toggle span:nth-child(1) { background-color: #fff; background-color: white; position: absolute; right: 0; top: 0;}\n  .mobile-toggle .open span:nth-child(2) {\n\n    opacity: 00;\n    width: 0%;\n}\n.mobile-toggle .open span:nth-child(1) {\n\n    transform: rotate(45deg);\n    transform-origin: left center;\n    left: 4px;\n    top: -3px;\n}\n.mobile-toggle .open span:nth-child(3) {\n  transform: rotate(-45deg);\n\n  transform-origin: left center;\n  left: 4px;\n  top: 22px;\n}\n  .mobile-toggle span:nth-child(1) {\n\n    background-color: #fff;\n    background-color: white;\n    position: absolute;\n    right: 0;\n\n}\n.mobile-toggle span:nth-child(3) {\n\n  background-color: #fff;\n  background-color: white;\n  position: absolute;\n  right: 0;\n  top: 16px;\n}\n  .menu-wrap.menu-show{display: block;}\n\n  /*** radio style ***/\n\n\n\n  .radio:not(:last-child) {\n      margin-right: 2rem;\n  }\n.radio input[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n}\n.radio input[type=\"radio\"] + .radio-label:before {\n  content: \"\";\n  background: #f4f4f4;\n  border-radius: 100%;\n  border: 1px solid #b4b4b4;\n  display: inline-block;\n  width: 1.4em;\n  height: 1.4em;\n  position: relative;\n  top: 0;\n  margin-right: 1em;\n  vertical-align: top;\n  cursor: pointer;\n  text-align: center;\n  -webkit-transition: all 250ms ease;\n  transition: all 250ms ease;\n}\n.radio input[type=\"radio\"]:checked + .radio-label:before {\n  background-color: #00BFB1;\n  box-shadow: inset 0 0 0 4px #f4f4f4;\n}\n.radio input[type=\"radio\"]:focus + .radio-label:before {\n  outline: none;\n  border-color: #3197ee;\n}\n.radio input[type=\"radio\"]:disabled + .radio-label:before {\n  box-shadow: inset 0 0 0 4px #f4f4f4;\n  border-color: #b4b4b4;\n  background: #b4b4b4;\n}\n.radio input[type=\"radio\"] + .radio-label:empty:before {\n  margin-right: 0;\n}\n.radio + .radio{margin-top: 1rem}\n.radio label{padding-left: 0;font-size: 1.143rem;}\n.radio-set {\n    align-items: center;\n}\n\n  /*** Checkbox style ***/\n\n\n.container-checkbox {\n    display: block;\n    position: relative;\n    padding-left: 30px;\n    margin-bottom: 0px;\n    cursor: pointer;\n    font-size: 1.143rem;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    color: #797979;\n\n\n    font-weight: 400;\n    line-height: 19px;\n\n}\n.container-checkbox:not(:last-child) {\n    margin-right: 45px;\n}\n\n.container-checkbox input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n}\n\n\n.container-checkbox .checkmark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 20px;\n    width: 20px;\n\n    border-radius: 4px;\n    border: 1px solid #979797;\n    background-color: transparent;\n}\n\n\n.container-checkbox:hover input ~ .checkmark {\n    background-color: #ccc;\n}\n\n\n.container-checkbox input:checked ~ .checkmark {\n    background-color: #00BFB1;\n    border-color: #00BFB1;\n}\n\n\n.container-checkbox .checkmark:after {\n    content: \"\";\n    position: absolute;\n    display: none;\n}\n\n.container-checkbox input:checked ~ .checkmark:after {\n    display: block;\n}\n\n\n.container-checkbox .checkmark:after {\n    left: 5px;\n    top: 1px;\n    width: 8px;\n    height: 12px;\n    border: solid white;\n    border-width: 0 1.5px 1.5px 0;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n}\n.t {\n  color: #797979;\n  font-family: Roboto;\n  font-size: 1.143rem;\n  font-weight: 400;\n  line-height: 19px;\n  text-align: left;\n}\n\n\n\n\n\n  /**** Radio toggle ***/\n\n  .switch {\n    position: relative;\n    display: inline-block;\n    width: 50px;\n    height: 29px;\n    margin-bottom: 0;\n    margin-left: 10px;\n  }\n  .dis-enab-swtc {\n    width: 50px;\n    margin-left: 0;\n    margin-right: 12px;\n}\n\n  .switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #ccc;\n    -webkit-transition: .4s;\n    transition: .4s;\n  }\n\n  .slider:before {\n    position: absolute;\n    content: \"\";\n    height: 25px;\n    width: 26px;\n    left: 2px;\n    bottom: 2px;\n    background-color: white;\n    -webkit-transition: .4s;\n    transition: .4s;\n  }\n\n  input:checked + .slider {\n    background-color: #00BFB1 !important;\n  }\n\n  input:focus + .slider {\n    box-shadow: 0 0 1px #2196F3;\n  }\n\n  input:checked+.slider:before {\n    -webkit-transform: translateX(20px);\n    -ms-transform: translateX(20px);\n    transform: translateX(20px);\n  }\n  input:checked + .slider.dis-enab-swtc-slide:before {\n    -webkit-transform: translateX(20px);\n    -ms-transform: translateX(20px);\n    transform: translateX(20px);\n  }\n  input:checked + .slider > span.enab{\n    display: none;\n  }\n\n  input[type=\"checkbox\"] + .slider > span.disab{\n    display: none;\n  }\n  .radio-toggle.selected  + .slider > span.disab{display: block;}\n\n  /* Rounded sliders */\n  .slider.round {\n    border-radius: 34px;\n  }\n\n  .slider.round:before {\n    border-radius: 50%;\n  }\n\n  .flex-wrap {\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap;\n  }\n\n  .flex-end {\n    justify-content: flex-end;\n  }\n\n  .align-center {\n    align-items: center;\n  }\n\n  .main-content-wrap {\n    padding: 0 15px;\n  }\n\n  .blue-btn {\n    background-color: #0091FF;\n    border-color: #0091FF;\n    border-radius: 4px;\n    max-width: 145px;\n    height: 46px;\n    color: #FFFFFF;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 19px;\n  }\n\n  .btn a {\n    color: #fff;\n  }\n\n  textarea#comment {\n    height: 400px;\n  }\n\n  .full-width {\n    width: 100%\n  }\n  .btn{white-space: normal;}\n\n  .green-btn {\n    /*background-color: #00BFB1;\n    border-color: #00BFB1;*/\n    background: #FF9933;\n    border-color: #FF9933;\n    border-radius: 4px;\n    color: #333333;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 26px;\n    padding: 6px 15px;\n    height: 100%;\n  }\n  .select-with-bg {\n    background-color: #F8F9FA !important;\n}\n\n   .form form {\n       margin-top: 22px;\n    }\n\t.form.login-form , .form.forgot-form{\n    width: 100%;\n    \n}\n    #forgotform-message_type {\n    width: 100%;\n    display: -webkit-box;      \n    display: -moz-box;         \n    display: -ms-flexbox;      \n    display: -webkit-flex;     \n    display: flex;             \n    }\n   .form h1{text-align: center;}\n   .form span{text-align: center; display: block}\n   .label-name img {     margin-right: 6px; }\n   .form-select {\n    -webkit-appearance: none;\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center right 10px;\n    background-size: 20px;\n\tpadding-right: 35px;\n  }\n\n  .modal textarea{\n    color: #797979;\n    box-shadow: none;\n    font-size: 1.143rem !important;\n    font-weight: 400;\n    line-height: 26px;\n  }\n\n  .input-class, .form-select {\n    height: 38px;\n    color: #797979;\n    box-shadow: none;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n  }\n\n  .input-class {\n    border: 1px solid #ccc;\n    border-radius: 4px;\n  }\n\n  .input-icon, select {\n    height: 38px;\n    color: #797979;\n    box-shadow: none;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n  }\n  .select-wrap,.export-wrap{position: relative;}\n   \n  .select-two-icon {\n    background-image: url(\"../images/io_export.png\");\n    background-repeat: no-repeat;\n    background-position: center left 14px;\n    -moz-appearance:none; \n    -webkit-appearance:none; \n    appearance:none;\n    background-size: 19px;\n    max-width: 150px;\n    width: 100%;\n    background-color: transparent;\n    padding: 0 40px 0 40px;\n    border-right: none !important;\n  }\n  .select-arrow {\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center;\n    width: 38px;\n    height: 38px;\n    background-color: #FF9933;\n    border-top-right-radius: 4px;\n    border-bottom-right-radius: 4px;\n    background-size: 65%;\n    position: absolute;\n\ttop:0;\n    right: 0;\n    cursor: pointer;\n}\n\n  .select-input {\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center right 10px;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    background-size: 22px;\n  }\n\n  .date-icon {\n    background-image: url(\"../images/cal-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center right 10px;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .search-icon {\n    background-image: url(\"../images/io-search.svg\");\n    background-repeat: no-repeat;\n    background-position: center right 10px;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    background-size: 18px;\n  }\n\n  span.pipe {\n    border: .5px solid #ccc;\n    margin-right: 18px;\n\theight: 38px;\n  }\n\n  input[type=\"text\"] {\n    padding: 0 10px;\n  }\n\n  .select-input, .table input {\n    width: 100%;\n    background-color: #fff;\n  }\n   .table input{\n\t   padding: 0 25px 0 10px;\n\t   min-width: 100px;\n   }\n  .select-input {\n    padding: 0 40px 0px 10px;\n}\n\n  .form-group {\n    margin-bottom: 18px;\n  }\n\n  .label-name {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n    cursor: pointer;\n  }\n\n  .radio-inline {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 25px;\n  }\n  .input-file-white-bg .custom-file-input{background-color: #fff}\n  .input-file-white-bg .upload_content{z-index: 99}\n\n  .custom-file-input {\n    color: transparent;\n    width: 149px;\n    height: 94px;\n    position: relative;\n    z-index: 99;\n  }\n  .row.nomargin.file-wrap {\n    margin-top: 15px !important;\n}\n  .file-wrap a {\n    border: .5px solid #ccc;\n    display: block;\n    position: relative;\n    min-height: 95px;\n    background-color: #fff;\n\tmin-width: 145px;\n}\n\n\n  .input_form .custom-file-input::before, .upload-action .input_form .custom-file-input::before {\n    content: '';\n    color: #4286F5;\n    display: inline-block;\n    border: 0.5px solid #979797;\n    outline: none;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    cursor: pointer;\n    text-shadow: 1px 1px #fff;\n    font-weight: 500;\n    font-size: 12px;\n    width: 100%;\n    height: 100%;\n  }\n\n  .input_form .upload_content {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    right: 0;\n    text-align: center;\n  }\n\n  .input_form .upload_content img {\n    margin-bottom: 5px;\n  }\n\n  .file-pdf {\n    color: #333333;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 17px;\n    margin: 0;\n  }\n\n  .file-cloud {\n    color: #666666;\n    font-size: 9px;\n    font-weight: 400;\n    line-height: 12px;\n    opacity: 0.6000000238418579;\n    margin: 0\n  }\n\n  .input-file {\n    position: relative;\n    max-width: 149px;\n    width: 100%;\n\tmargin-bottom: 20px;\n  }\n.file-upload .flex-wrap .input-file {\n    flex: 1;\n}\n.file-upload .flex-wrap .input-file:nth-child(4n+4) {\n    margin-right: 0;\n}\n  .input-file:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  .drag-and-drop-a-file {\n    color: #666666;\n    font-size: 9px;\n    font-weight: 400;\n    line-height: 12px;\n    opacity: 0.6000000238418579;\n    text-align: center;\n  }\n\n  .alert-success img {\n    width: 24px;\n    height: 24px;\n    margin-right: 10px;\n  }\n\n  .alert-success {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 32px;\n  }\n\n  .alert-success {\n    background-color: rgba(255, 128, 128, .8);\n    border-color: rgba(255, 128, 128, .8);\n    border-radius: 8px;\n    padding: 10px;\n  }\n\n  .flow-row {\n    flex-flow: row;\n  }\n\n  .btn-set-right {\n    justify-content: flex-end;\n  }\n\n\n    .btn-grey {\n    color: #333;\n    background-color: rgba(0, 0, 0, 0.05);\n    border-color: rgba(0, 0, 0, 0.05);\n    padding: 0 20px;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 26px;\n    padding-top: 6px !important;\n    padding-bottom: 6px !important;\n    min-height: 38px;\n    height: 100%;\n  }\n  .btn-grey:hover ,.reply-section .btn .btn-default:hover{\n    background-color: #979797b5;\n\tborder-color: #979797b5;\n}\n\n  .btn-icon img {\n    width: 17.25px;\n    margin-right: 10px;\n\tmargin-top: -1px;\n  }\n\n  .btn-icon {\n    padding: 6px 22px;\n  }\n\n  .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {\n    margin-left: 50px\n  }\n\n  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {\n    padding: 16px;\n  }\n  .prpl-btn {\n    background-color: #B68DE8;\n  }\n  .orange-btn {\n    background-color: #FFA500;\n  }\n  .orange-btn ,.prpl-btn{\n\n    border-radius: 13.5px;\n    min-height: 27px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 14px;\n    text-align: center;\n    text-transform: uppercase;\n    padding: 0 15px;\n  }\n  span.indicate-text {\n    min-height: 27px;\n    width: auto;\n    \n    padding: 0 15px;\n    border-radius: 13.5px;\n    font-size: 12px;\n    text-transform: uppercase;\n    font-weight: 500;\n    float: right;\n    line-height: 27px;\n    \n  width: auto !important;\n  margin-right: 30px;   /* #change_MP */\n}\n\n  /**** Table style ****/\n  /* table{table-layout: fixed;} */\n  th {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 32px;\n\tpadding: 14px !important;\n  }\n  .table th a {\n    color: #333;\n  }\n  .tabuler-data {\n    overflow-x: auto;\n}\n.table select {\n    width: 100%;\n    min-width: 145px;\n    padding-right: 35px;\n}\n.form-control{height: 38px; box-shadow: none;}\n\n  td {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n\tpadding: 14px !important;\n  }\n\n  .dataTables_info {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 32px;\n  }\n  \n  .pagination-area .row {\n    margin: 0;\n}\n\n  .pagination>li>a, .pagination>li>span {\n    color: #00BFB1;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 20px;\n  }\n\n  .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {\n    z-index: 3;\n    color: #fff;\n    cursor: default;\n    background-color: #00BFB1;\n    border-color: #00BFB1;\n  }\n\n  ul.pagination {\n    margin: 0;\n  }\n\n\n  .table-striped>tbody>tr:nth-of-type(odd) {\n    background-color: #f5f5f5;\n  }\n\n  /* .basic-table { */\n    /* border: 2px solid #ccc; */\n\n  /* } */\n  .pagination-area {\n    margin-top: 10px;\n\tpadding-bottom: 10px;\n    \n}\n.table-area {\n    border-radius: 4px;\n    \n\tbackground-color: #fff;\n}\n\n  .basic-table>tbody>tr td:first-child, .basic-table tr th:first-child, .basic-table {\n    border-left: none !important;\n  }\n   .table{margin-bottom: 0; border-collapse: unset;border-radius: 4px;background-color: #fff;}\n  .basic-table>tbody>tr td:last-child, .basic-table tr th:last-child, .basic-table {\n    border-right: none !important;\n  }\n  .table>tbody>tr>td:not(:last-child), .table>tr>th:not(:last-child), .table>thead>tr>td:not(:last-child), .table>thead>tr>th:not(:last-child) {\n    border-right: 1px solid rgba(151, 151, 151, 0.30196078431372547);\n}\n\n  .basic-table>tbody>tr td {\n    border-bottom: none !important;\n    border-top: none;\n  }\n\n  .table>thead>tr>th, .table>tbody>tr>td,.table>tr>td {\n    vertical-align: middle;\n    /*border-right: 2px solid #ccc;*/\n\tborder-bottom-width: 0px;\n  }\n  .table>thead>tr>th{white-space: nowrap;}\n  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width: 0px;}\n\n  /******** Header Style *******/\n  #header {\n    box-shadow: 0 7px 32px 0 rgba(51, 51, 51, 0.3);\n    padding: 10px 0;\n    min-height: 82px;\n    position: relative;\n    z-index: 9;\n    display: flex;\n    align-items: center;\n    \n}\n.dark-header#header {\n    box-shadow: none;\n}\n/* body.login-page span.logo-text { */\n    /* text-align: left; */\n/* } */\n\n  .main-header-heading strong{\n\n  color: #333333;\n\n  font-size: 1.714rem;\n  font-weight: 700;\n  line-height: 29px;\n\n\n  }\n  .header-notification img {\n    width: 19px;\n    height: 16px;\n}\n.header-notification {\n    margin-right: 46px;\n    position: relative;\n    cursor: pointer;\n}\n.notification-li .notification-count{\n    min-width: 24.33px;\n    background-color: #bf000e;\n    color: #fff;\n    /* position: absolute; */\n    top: -15px;\n    border-radius: 50%;\n    text-align: center;\n    right: -15px;\n    box-shadow: -2px 3px 10px 1px rgba(191, 0, 14, 0.49);\n    font-size: 0.857rem;\n    line-height: 2rem;\n    \n    display: flex;\n    min-height: 24.33px;\n    height: 100%;\n    width: 100%;\n\talign-items: center;\n    justify-content: center;\n\tdisplay: block !important;\n   \n}\n\n/* span.notification-count:before { */\n    /* content: \"\"; */\n    /* position: absolute; */\n    /* display: block; */\n    /* animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; */\n\t/* -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; */\n    /* width: 100%; */\n    /* height: 100%; */\n    /* background-color: inherit; */\n    /* border-radius: inherit; */\n    /* left: 0; */\n    /* right: 0; */\n    /* z-index: -1; */\n/* } */\n\n@keyframes pulse-animation{\n\t\n\t0%\n\t{\n\t opacity:1;\n\t-webkit-transform:scale(1);\n\ttransform:scale(1)\n\t}\n\t\n\t50%{\n\t\topacity:0;\n\t\t-webkit-transform:scale(1.5);\n\t\ttransform:scale(1.5)\n\t\t}\n\t\t\n    100%\n\t\t{\n\t\t opacity:0;\n\t\t -webkit-transform:scale(1.5);\n\t\t transform:scale(1.5)\n\t}\n}\n\n\n@-webkit-keyframes pulse-animation{\n\t\n\t0%\n\t{\n\t opacity:1;\n\t-webkit-transform:scale(1);\n\ttransform:scale(1)\n\t}\n\t\n\t50%{\n\t\topacity:0;\n\t\t-webkit-transform:scale(1.5);\n\t\ttransform:scale(1.5)\n\t\t}\n\t\t\n    100%\n\t\t{\n\t\t opacity:0;\n\t\t -webkit-transform:scale(1.5);\n\t\t transform:scale(1.5)\n\t}\n}\n\n\n.main-header-heading {\n    /* margin-left: 20%; */\n    flex: 1;\n    display: flex;\n    justify-content: center;\n\ttext-align: center;\n}\n\n  .light-header {\n    background-color: #ffffff;\n  }\n\n  .dark-header {\n    /*background-color: #00BFB1;*/\n    background-color: rgb(255 153 51 / 24%);\n  }\n\n  .logo img {\n    max-width: 63px;\n    max-height: 63px;\n    object-fit: contain;\n    padding-right: 6px;\n    border-right: 1px solid rgba(151, 151, 151, .5);\n    margin-right: 6px;\n}\n\n  .logo-text>span {\n    display: block;\n  }\n\n  .clean-india img {\n    width: 165px;\n    height: 75px;\n    object-fit: contain;\n  }\n\n  .petionar-info {\n    display: flex;\n    flex-flow: column;\n    justify-content: flex-end;\n    text-align: right;\n  }\n\n  .header-right {\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    flex: 1 0 0;\n\t-webkit-box-flex: 1 0 0;      \n    -moz-box-flex: 1 0 0;         \n    -webkit-flex: 1 0 0;          \n    -ms-flex: 1 0 0;            \n    justify-content: flex-end;\n  }\n\n  .upper-text {\n    /*color: #333333;*/\n    color: #e66100;\n    font-size: 0.88rem;\n    font-weight: 400;\n    line-height: 0.991rem;\n    margin-bottom: 5px;\n  }\n\n  .mid-text {\n    color: #333333;\n    font-size: 1.006rem;\n    font-weight: 700;\n    line-height: 0.991rem;\n    margin-bottom: 5px;\n  }\n\n  .lower-text {\n    color: #333333;\n    font-size: 0.88rem;\n    font-weight: 400;\n    letter-spacing: 2.71px;\n    line-height: 0.991rem;\n    /*color: #fff;\n    background-color: #929292;\n    padding-left: 2px;*/\n  }\n\n  .applicant-name {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 2.286rem;\n  }\n\n  .login-status {\n    color: #333333;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 22px;\n  }\n  \n  .logo {\n    flex: 1;\n}\n.lang-option {\n    margin-right: 32px;\n    border: 1px solid #333;\n    border-radius: 4px;\n    position: relative;\n    height: 28px;\n    line-height: 28px;\n    min-width: 90px;\n    background: url(\"../images/down-icon.png\") , url(\"../images/lang-icon.svg\");\n    background-repeat: no-repeat;\n    background-position: center right 5px , center left 7px;\n    background-size: 18px , 15px;\n   \n}\n\n\n.lang-option li{cursor: pointer}\n\n.lang-option li{\n    opacity: 0;\n    visibility: hidden;\n\tpadding: 0 25px 0 30px;\n\ttransform: scale(0);\n\t\n}\n.lang-option a span {\n    color: #333;\n    text-transform: uppercase;\n    \n}\n.lang-option li.active-lang  {\n    opacity: 1;\n    visibility: visible;\n\ttransform: scale(1);\n\ttransition: opacity .3s;\n    \n}\n.lang-option li.active-lang a{pointer-events: none;}\n.lang-option ul.open li {\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1);\n    transition: opacity .3s;\n}\n.lang-option li:not(.active-lang) {\n    /*background-color: #00BFB1;*/\n    background-color: #FF9933;\n    border-radius: 4px;\n}\n\n  /**** Login style *****/\n  .content-wrapper {\n    height: 100%;\n    position: relative;\n    display: inline-block;\n    width: 100%;\n}\n.content-wrapper-inner {\n    height: inherit;\n    display: inherit;\n    width: inherit;\n}\n.menu-wrap{padding-bottom: 80px;}\n.menu-wrap li{position: relative;}\n\n  .dark-wrapper {\n   /* background-color: #98E5E1;*/\n    background-color: rgb(255 153 51 / 24%);\n    height: calc(100% - 95px);\n    position: relative;\n\tdisplay: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .form h1 {\n    margin-top: 0;\n    color: #333333;\n    font-size: 2.286rem;\n    font-weight: 700;\n  }\n\n  .track_box {\n    max-width: 922px;\n    margin: 0 25px;\n    width: 100%;\n    background-color: #FFFFFF;\n    border-radius: 8px;\n    padding: 85px 55px;\n    /* position: absolute; */\n    /* top: 50%; */\n    /* transform: translateY(-50%); */\n    /* left: 0; */\n    /* right: 0; */\n  }\n  #login-form .radio {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n#login-form .form-group.radio-set{margin-bottom:0}\n\n\n  .track-data {\n    color: #333333;\n    font-size: 1.714rem;\n    font-weight: 400;\n    line-height: 32px;\n    text-align: left;\n  }\n\n  .regular-text {\n    color: #333333;\n    font-size: 1.714rem;\n    font-weight: 400;\n    line-height: 2.286rem;\n  }\n\n  .add-grievance span {\n    display: block;\n    margin-bottom: 22px;\n  }\n\n  .add-grievance {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex: 1 0 0;\n    align-items: center;\n  }\n\n  .track-form {\n    margin-top: 28px;\n  }\n\n  .track-form-wrap {\n    border-right: 0.5px solid rgba(121, 121, 121, .4);\n    padding-right: 70px;\n  }\n\n  .refresh-wrap {\n    background-color: rgba(0, 0, 0, 0.05);\n    border-radius: 4px;\n    width: 50px;\n    height: 40px;\n  }\n\n  .refresh-wrap a {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 40px;\n  }\n\n  /**** Sidebar menu *****/\n  .sidebar-menu {\n    background-color: #FFFFFF;\n    box-shadow: 7px 0 14px 0 rgba(0, 0, 0, 0.13);\n    width: 235px;\n    /* flex-basis: 235px; */\n    position: absolute;\n    top: 0;\n    z-index: 1;\n    min-height: 100%;\n    transition: all ease-in-out .5s;\n\t/* height: 100vh; */\n\t\n\n  }\n  .sidebar-menu.activv{  width: 55px;}\n\n  .sidebar-menu ul li img {\n    width: 16px;\n    height: 16px;\n    margin-right: 15px\n  }\n\n  .sidebar-menu ul li a span {\n    color: #666666;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 22px;\n  }\n  .sidebar-menu ul li a.active span{\n\t  /*color: #327C76;*/\n    color: #FF9933;\n\t  \n  }\n\n.collapse-wrap {\n    position: relative;\n    bottom: 0;\n    width: 100%;\n    border-bottom: 0.5px solid rgba(50, 124, 118, .4);\n    padding: 0px 20px;\n    cursor: pointer;\n    margin: 0;\n    max-width: 100%;\n    min-height: 44px;\n}\n.collapse-wrap:after {\n    content: \"\";\n    border-right: 0.5px solid rgba(120, 120, 120, .4);\n    height: 100%;\n    position: absolute;\n    \n    left: 50px;\n}\n.collapse-wrap.collapsed::after{display: none;}\n  .collapse-wrap span {\n    /*color: #327C76;*/\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 22px;\n  }\n\n  .collapse-wrap img {\n    margin-right: 16px;\n    width: 20px;\n\theight: 16px;\n  }\n\n  .sidebar-menu ul li a {\n    display: flex;\n    text-decoration: none;\n    padding: 10px 20px;\n    position: relative;\n    width: 100%;\n    align-items: center;\n  }\n  .sidebar-menu ul li ul.side-sub li a{padding: 6px 12px;}\n  /*.sidebar-menu ul ul.side-sub li:first-child a {\n    padding-top: 0;\n}*/\n/*.sidebar-menu ul ul.side-sub li:last-child a {\n    padding-top: 0;\n}*/\n\n  .sidebar-menu ul li a.active {\n    /*background-color: rgba(0, 124, 114, 0.1);*/\n    background-color: rgb(255 153 51 / 24%);\n    /*border-left: 7px solid #007C72;*/\n  }\n  .sidebar-menu ul li ul.side-sub li a.active {\n    background-color: transparent;\n}\n\n  .sidebar-menu ul li a.active::before {\n    content: \"\";\n    background-color: #FF9933;\n    position: absolute;\n    left: 0;\n    height: 100%;\n    width: 6px;\n    top: 0;\n  }\n.sidebar-menu ul li ul.side-sub li a.active::before {\n    content: \"\";\n    width: 5px;\n    height: 5px;\n    top: 50%;\n    transform: translateY(-50%);\n    border-radius: 25px;\n\tleft: -3px;\n}\n  ul.side-sub {\n    /* display: none; */\n    border-left: 1px solid #979797;\n    margin-left: 25px;\n\topacity: 0;\n\tvisibility: hidden;\n\tposition: absolute;\n\ttransform: rotateX(90deg);\n\t-webkit-transform:rotateX(90deg);\n\ttransform-origin: 10% 10%;\n\t-webkit-transform-origin: 10% 10%;\n\t-webkit-transition: -webkit-transform .5s,opacity .5s;\n\ttransition : transform .5s,opacity .5s;\n\ttransform-style: preserve-3d;\n\t-webkit-transform-style: preserve-3d;\n  }\n  \n  ul.side-sub.show-sub{\n\t  opacity: 1; \n\t  visibility: visible;\n\t  transform: rotateX(0deg);\n\t  -webkit-transform:rotateX(0deg);\n\t  position: relative;\n\t  -webkit-transition: -webkit-transform .5s,opacity .5s;\n\ttransition : transform .5s,opacity .5s;\n\t  }\n\n  .sidebar-menu ul li.has-options>a:after {\n    content: \"\";\n    width: 12px;\n    height: 2px;\n    background-color: #979797;\n    position: absolute;\n    right: 20px;\n  }\n\n  .sidebar-menu ul li.has-options.sub-close>a:before {\n    content: \"\";\n    width: 12px;\n    height: 2px;\n    background-color: #979797;\n    position: absolute;\n    right: 20px;\n    left: auto;\n    top: 20px;\n    transform: rotate(90deg);\n  }\n\n  .minimize-side-menu.sidebar-menu ul li.has-options.sub-close>a:before, .minimize-side-menu.sidebar-menu ul li.has-options.sub-close>a:after {\n    display: none;\n  }\n  \n  span.notification-li {\n    position: absolute;\n    display: inline-block !important;\n    right: 15px;\n}\n.minimize-side-menu span.notification-li {\n    margin-right: 0;\n}\nspan.notification-li img {\n    margin-right: 0 !important;\n}\n\n  /**** Right content area ***/\n  .content-wrap {\n    /*background-color: #FFFFFF;*/\n    border-radius: 8px;\n    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n    /*padding-bottom: 25px;*/\n    margin-bottom: 25px;\n\toverflow: hidden;\n  }\n\n  .content-area-wrapper {\n    /* flex: 1 0 calc(100% - 235px); */\n    padding: 0 25px;\n    width: calc(100% - 235px);\n    float: right;\n    transition: all ease-in-out .5s;\n\tbackground-color: #FAFFFF;\n  }\n  .content-area-wrapper.expend {\n    width: calc(100% - 55px);\n}\n  /* .content-area-wrapper.imran {\n    flex: 1 0 calc(100% - 55px);;\n    max-width: calc(100% - 55px);\n} */\n\n  .heading-area {\n    border-bottom: 0.5px solid rgba(151, 151, 151, .9);\n    padding: 15px 15px 10px;\n  }\n\n  .main-heading-content {\n    margin: 0;\n  }\n\n  .form-entity {\n    padding: 0 15px;\n    margin-top: 15px;\n  }\n\n  .form-entity .form-group {\n    margin-bottom: 32px;\n  }\n\n  .get-otp-btn.last-child {\n    padding-left: 0\n  }\n\n  .btn-input {\n    width: auto;\n    padding: 6px 15px;\n  }\n\n  .btn-set button:not(:last-child) {\n    margin-right: 12px;\n  }\n\n  .add-new {\n    color: #327C76;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 19px;\n    margin-bottom: 26px;\n  }\n\n  .add-new img {\n    Width: 15.3px;\n    Height: 18.9px;\n    margin-right: 10px;\n  }\n\n  .content-area-inner {\n    margin: 25px 0;\n  }\n\n  .filter-area {\n    padding: 15px 30px;\n  }\n  .grievance-table .filter-area p:not(:last-child) {\n    margin-right: 18px;\n}\n  .filter-area p {\n    margin: 0;\n}\n.filter-area .form-group {\n    margin-right: 18px;\n\tmargin-bottom: 0;\n}\n  .filter-area .input-icon {\n    margin-right: 18px;\n    max-width: 145px;\n    width: 100%;\n  }\n  .report-filter select {\n    min-width: 145px;\n    \n}\n.report-filter .filter-area .form-group + div {\n    margin-right: 18px;\n}\n.report-filter .filter-area .form-group:last-child {\n    margin-right: 0;\n}\n .report-filter .filter-area .input-icon{margin-right: 0; max-width: 100%;}\n  select.select-input.dark-icon-select {\n    max-width: 150px;\n  }\n  .report-filter .filter-area a {\n    margin-left: 18px;\n}\n\n  .heading-right-area .input-icon.search-icon {\n    margin-right: 18px;\n  }\n\n  /**** Grievance details page ***/\n  .breadcrumb {\n    background-color: transparent;\n    padding: 0;\n    margin: 0;\n  }\n\n  .breadcrumb a, .breadcrumb span {\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 19px;\n    /* color: #00BFB1; */\n  }\n  .breadcrumb span {\n    color: #979797;\n}\n  .breadcrumb a {\n    /*color: #327C76;*/\n    color: #FF9933;\n    position: relative;\n    padding-right: 15px;\n  }\n\n  .breadcrumb a::after {\n    content: \"\";\n    /*background: #327C76;*/\n    background: #FF9933;\n    height: 16px;\n    width: 1.4px;\n    position: absolute;\n    top: 0;\n    transform: rotate(25deg);\n    right: 5px;\n\tborder-radius: 5px;\n  }\n\n  .breadcrumb img {\n    margin-right: 6px;\n\t\n  }\n\n  .breadcrumb-area {\n    margin-bottom: 15px;\n  }\n\n.select-two-icon {\n    background-color: rgba(0,0,0,.05);\n    min-height: 38px;\n    padding: 0 46px !important;\n    max-width: 148px;\n    width: 100%;\n    text-align: left;\n    border: none;\n}\n  /*** Grievance details ***/\n  .greiv-num {\n    font-size: 1.286rem;\n    font-weight: 700;\n    line-height: 32px;\n  }\n\n  .greiv-date {\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 32px;\n\ttext-align: right;\n  }\n  .track-info span.greiv-date + span {\n    text-align: right;\n}\n\n  .semi-bold {\n    font-size: 1.286rem;\n    font-weight: 400;\n    line-height: 2.286rem;\n  }\n\n  .span-sim-txt {\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.571rem;\n    opacity: 0.6000000238418579;\n  }\n\n  .grievance-details-left span {\n    display: block;\n    width: 100%;    \n  }\n  /* #change_MP*/\n  .grievance-details-right {\n    flex-basis: 512px;\n    max-width: 512px;\n  }\n  \n  .grievance-details-right-inner .main-content-wrap {\n    margin-top: 15px;\n}\n\n\n\n.no-updates-available {\n    font-size: 1.714rem;\n    font-weight: 400;\n    line-height: 32px;\n    opacity: 0.300000011920929;\n    \n    left: 0;\n    right: 0;\n    text-align: center;\n    height: calc(100% - 52.5px);\n\tmin-height: 200px;\n    width: 100%;\n    \n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* #change_MP*/\n  .grievance-details-left {\n    flex-basis: 55%;\n    border-right: 0.5px solid rgba(151, 151, 151, .9);\n    padding-bottom: 30px;\n    position: relative;\n    flex: 1 0 0;\n  }\n\n  .track-info {\n    border-bottom: 0.5px solid rgba(151, 151, 151, .9);\n    padding: 15px 0;\n  }\n\n  .business-info {\n    padding: 15px 0 0;\n  }\n\n  .disc p , .griev-desc div{\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n    opacity: 0.6000000238418579;\n    padding: 0;\n  }\n\n  .letter-text {\n    padding: 0 15px;\n    margin-top: 15px;\n    margin-bottom: 15px;\n    clear: both;\n  }\n\n  #reason-textarea {\n    height: 127px;\n  }\n\n  .letter-text-bg {\n    background-color: #9e9e9e12;\n    border-radius: 16px;\n    padding: 15px;\n    min-height: 90px;\n    position: relative;\n    width: 70%;\n    float: left;\n\tborder-top-left-radius: 0;\n  }\n  \n   .letter-text-bg.admin-chat {     /*background-color:#c5ddfd36;*/background-color: rgb(255 153 51 / 24%); border-bottom-right-radius: 0; border-top-left-radius: 16px;}\n\n   .letter-text-bg-right {\n    background-color: #9e9e9e12;\n    border-radius: 16px;\n    padding: 15px;\n    min-height: 90px;\n    position: relative;\n    width: 70%;\n    float: left;\n    text-align: right;\n  border-top-left-radius: 0;\n  }\n  \n  .letter-text-bg-right.admin-chat {     background-color:#c5ddfd36;border-bottom-right-radius: 0; border-top-left-radius: 16px;}\n\n\n  .letter-text p {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n\tpadding-bottom: 24px;\n  }\n\n  .post-time {\n    color: #666666;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 22px;\n    opacity: 0.6000000238418579;\n    /* float: right; */\n\t  position: absolute;\n    bottom: 12px;\n    right: 15px;\n    text-align: left;\n  }\n\n  .post-time-left {\n    color: #666666;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 22px;\n    opacity: 0.6000000238418579;\n    /* float: right; */\n  position: absolute;\n    bottom: 12px;\n  }\n\n  .para-text {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n  }\n\n  .gv-details-btn-set.btn-set {\n    border-left: 0.5px solid rgba(151, 151, 151, .9);\n    padding-left: 30px;\n  }\n\n\n\n  .gv-details-btn-set .btn-grey {\n    height: 46px;\n  }\n\n  .upload-limit {\n    color: #797979;\n    font-size: 1.143rem;\n    font-weight: 400;\n    line-height: 26px;\n    margin-top: 10px;\n  }\n .reply-section {\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    padding: 4px;\n    display: flex;\n    flex-flow: row wrap;\n    \n}\n.reply-section .btn {\n    padding: 0;\n    \n}\n.reply-section .btn .btn-default: active , .reply-section .btn .btn-default: focus,.reply-section .btn:active,.reply-section .btn:focus{outline: none; box-shadow: none;}\n.reply-section .btn:active {\n    box-shadow: none;\n}\n.reply-section .btn .btn-default {\n    color: #333;\n    background-color: rgba(0, 0, 0, 0.05);\n    border-color: rgba(0, 0, 0, 0.05);\n    padding: 9.5px 16px;\n    font-size: 1.143rem;\n    font-weight: 500;\n    line-height: 19px;\n    border-radius: 4px;\n\tmargin: 4px;\n}\n\n  /*** Dashboard ***/\n  .right-toggle {\n    color: #333333;\n    font-size: 1.714rem;\n    font-weight: 700;\n    line-height: 29px;\n  }\n\n  .top span {\n    color: #333333;\n    font-size: 2.429rem;\n    font-weight: 700;\n    line-height: 41px;\n    border-left: 1px solid #333;\n    margin-left: 25px;\n    padding-left: 25px;\n  }\n\n  .status-name {\n    color: #333333;\n    font-size: 1.286rem;\n    font-weight: 700;\n    line-height: 32px;\n    text-align: center;\n    margin-top: 10px;\n    display: block;\n\ttext-transform: uppercase;\n  }\n\n  .box-col:not(:last-child) {\n    margin-right: 2.5%;\n  }\n\n  .box-col {\n    flex-basis: calc(100% / 5 - 2%);\n    text-align: center;\n    padding: 25px 15px 15px 15px;\n    border-radius: 8px;\n    box-shadow: 0px 29px 29px -16px #ccc;\n\tmargin-bottom: 2.5%;\n  }\n.box-col:nth-child(5n+5) {\n    margin-right: 0;\n}\n  .top {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .status-box .top img {\n    width: 26.51px;\n    height: 26.2px;\n    object-fit: contain;\n}\n  .pie-chart-area {\n    margin-right: 35px;\n}\n.chart-wrap {\n    padding: 15px;\n    border-radius: 8px;\n\tbackground-color: #fff;\n}\n.bar-chart-area {\n    flex: 1 0 0;\n    \n}\n.pie-chart-area {\n    flex-basis: 469px;\n}\nselect.year_selection {\n    margin-left: auto;\n    padding: 0 12px;\n    background-image: url(../images/down-icon.png);\n    background-repeat: no-repeat;\n    background-position: center right 12px;\n    -webkit-appearance: none;\n    background-size: 20%;\n}\n\n.grievance-age-area , .received-grievance {\n    margin-top: 35px;\n}\n.bar-chart-area-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.grievance-age-area h3.main-heading-content {\n    margin-bottom: 6px;\n}\n.grievance-age-area .main-heading-content {\n    height: 38px;\n    margin-bottom: 6px;\n\tline-height: 38px;\n}\n.content-wrap.grievance-table , #action-history .content-wrap , .content-wrap#action-history {\n    background-color: #fff;\n}\n#action-history .heading-area{border-bottom: none;}\n#action_history_popup .modal-content {\n    height: 550px;\n    overflow-y: scroll;\n}\n\n/*** Notification page style ***/\n\n.notification-layer img{width: 17px; height: 19px;margin-right: 15px;}\n.complaint-name {\n  color: #333333;\n  font-size: 1.286rem;\n  font-weight: 400;\n  line-height: 21px;\n\n}\n.complaint-date {\n  color: #797979;\n  font-size: 1.143rem;\n  font-weight: 400;\n  line-height: 26px;\n\n}\n.notification-details span {\n    display: block;\n}\n\n.notification-layer:hover {\n\n  /*background-color: #C2F2EF;*/\n  background-color: rgb(255 153 51 / 24%);\n\n}\n.notification-area-inner {\n    margin: 0 15px;\n    border-bottom: .5px solid #979797;\n    padding: 10px 0;\n\t\n}\n\n.notification-area {\n    margin-bottom: 25px;\n\n}\n\n/** Grievance details 2 style ***/\n.grievance-details-left.details-two {\n    background-color: #EDF2F9;\n    flex-basis: 365px;\n    border-right: none;\n    border-radius: 26px;\n    position: relative;\n\tmax-width: 365px;\n}\n.details-two-page .griev-details-right {\n    flex: 1 0 0;\n}\n.details-two-page {\n    border-top-left-radius: 26px;\n    border-bottom-left-radius: 26px;\n    padding-bottom: 0;\n\tbackground-color: #fff;\n}\n\n.details-two .business-info .span-sim-txt {\n    margin-top: 0px;\n    margin-bottom: 10px;\n}\n#expnson {\n    background-color: #D3D3D3;\t\t/* #change_MP */ \n    border-radius: 18px;\n    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n    width: 36px;\n    height: 36px;\n    position: absolute;\n    top:30px;\n    right: 4px;\t\t\t\t\t\t/* #change_MP */ \n    transform: translateY(-50%);\n\tz-index: 1;\n}\n#expnson:before {\n    content: \"\";\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center;\n    width: 14px;\n    height: 8px;\n    position: absolute;\n    z-index: 99;\n    top: 14px;\n    background-size: 15px;\n    transform: rotate(90deg);\n    left: 5px;\n}\n#expnson:after {\n    content: \"\";\n    background-image: url(\"../images/down-icon.png\");\n    background-repeat: no-repeat;\n    background-position: center;\n    width: 14px;\n    height: 8px;\n    position: absolute;\n    z-index: 99;\n    top: 14px;\n    background-size: 15px;\n    transform: rotate(-90deg);\n    right: 5px;\n}\n\n/*** Roles & Permissons style ***/\n.left-side-role-wrap {\n    flex-basis: 300px;\n    padding: 15px;\n    border-right: 1px solid #ccc;\n}\n.right-side-role-option {\n    flex: 1 0 0;\n}\n.add-role .form-group.role-input {\n    margin-bottom: 0;\n    margin-top: 18px;\n}\n.add-role-trig {\n  background-color: #00BFB1;\n  border-radius: 4px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n  max-width: 338px;\n  height: 46px;\n  justify-content: center;\n  width: 100%;\n  color: #333;\n  font-size: 1.143rem;\n}\n.add-role-trig > img {\n    width: 16px;\n    height: 16px;\n    margin-right: 10px;\n}\n.added-role {\n  background-color: rgba(0, 0, 0, 0.05);\n  border-radius: 4px;\n  max-width: 338px;\n  width: 100%;\n  height: 46px;\n  text-align: center;\n}\n.added-role:not(:last-child){margin-bottom: 15px}\n.added-role span{line-height: 46px; display: block; font-size: 1.143rem}\n.added-role-wrap {\n    margin-top: 36px;\n}\n.dis-enab-swtc-slide > span.enab{\n    line-height: 29px;\n    text-align: right;\n    display: block;\n    padding-right: 10px;\n}\n.dis-enab-swtc-slide > span.disab{\n    line-height: 29px;\n    text-align: left;\n    display: block;\n    padding-left: 10px;\n}\n.row.add_role_save_btn {\n    margin: 0;\n    margin-top: 18px;\n}\n\n/*** Staff user style ***/\n.box-inside {\n  border: 1px solid #979797;\n  border-radius: 8px;\n\n}\n.divlision-list ul li {\n  background-color: #FFFFFF;\n  border: 0.5px solid rgba(151, 151, 151, 0.4);\n  border-radius: 8px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13);\n  padding: 10px 50px 10px 10px;\n  background-image: url(\"../images/_io_drag.png\");\n  background-repeat: no-repeat;\n  background-position: center right 10px;\n}\n.divlision-list ul li:not(:last-child){margin-bottom: 15px;}\n.divlision-list ul li span {\n  color: #797979;\n  font-weight: 400;\n  line-height: 26px;\n  font-size: 1.143rem;\n}\n.search-div-input input.input-class {\n    width: 100%;\n\n}\n.search-div-input {\n    border-top: 1px solid #f9f9f9;\n    border-bottom: 1px solid #f9f9f9;\n\n}\n.search-div-input , .div-seading{\n  padding: 10px 15px;\n}\n.divlision-list {\n    padding: 0 5px;\n    margin: 10px 0;\n}\nspan.asc-desc-filter {\n    cursor: pointer;\n    margin-left: auto;\n}\n.div-selection-btn .btn {\n    max-width: 159px;\n    width: 100%;\n}\n.div-selection-btn {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-flow: column;\n    margin-top: 15%;\n}\n.div-selection-btn .btn:first-child {margin-bottom: 15px;}\n.div-selection .row:not(:last-child){margin-bottom: 30px;}\n.staff-user .remark-check label.container-checkbox:last-child{margin-top: 0}\n.staff-user .remark-check{margin-top: 15px;}\n.staff-user .div-selection .row{margin: 0}\n.staff-user .div-selection .row .div-sect-box{padding: 0;}\n.staff-user .form-entity .form-group{margin-bottom: 18px;}\n/*** Popup model ***/\n.modal-title {\n\n  font-size: 1.714rem;\n  font-weight: 400;\n  line-height: 32px;\n\n}\n.popup-form textarea {\n    height: 78px;\n}\n.modal-body{padding: 0 50px;}\n.modal-footer{border-top: none; padding: 0 50px 50px}\n.modal-header{border-bottom: none; padding: 50px 50px 10px}\n.modal-footer button , .popup-btn-set button {\n    width: 100%;\n    min-height: 38px;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n.modal-header h3 {\n    font-size: 1.714rem;\n}\n.popup-btn-set {\n    padding: 0 0 50px;\n}\n.popup-btn-set .col-md-3,.popup-btn-set .col-md-6,.popup-btn-set .col-md-3,.popup-btn-set .col-sm-4,.popup-btn-set .col-sm-5,.popup-btn-set .col-sm-4{padding: 0 5px;}\n.popup-btn-set .row {\n    margin: 0 -5px;\n}\n\n\n/**** Grievance age report page ***/\n.report-filter .filter-area .form-group {\n    margin-bottom: 0;\n\tflex:1;\n\tmax-width: 145px;\n}\n.report-filter .filter-area .form-group + div > div {\n    max-width: 200px;\n}\n#grievance-age .filter-area .form-group:last-child .input-icon {\n    margin-right: 0;\n}\n#grievance-age .filter-area .input-icon {\n    \n    max-width: 100%;\n    width: auto;\n}\n.form-group.field-reportsearch-division {\n    margin-right: 18px;\n    max-width: 200px;\n    width: 100%;\n}\nbutton.search {\n    min-height: 38px;\n    border: none;\n    \n    padding-left: 20px;\n    padding-right: 20px;\n    font-weight: 500;\n    font-size: 1.143rem;\n    line-height: 1.188rem;\n}\n.cpgrams {\n    min-height: 38px;\n    display: flex;\n    align-items: center;\n}\n\n/*** For firefox ***/\n@-moz-document url-prefix() { \n  .input-icon, select{line-height: 38px;}\n}\n\n/*** Safari ***/\n@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)\n{ \n    .filter-area{flex-flow: row;}\n\t/* .track-info,.heading-area{border: 1px solid rgba(151, 151, 151, .9)} */\n\t/* .track-form-wrap{border-right: 1px solid rgba(151, 151, 151, .9)} */\n\t.sidebar-menu{height: 100vh;}\n}\n\n.public_grievance_box{\n  max-width: 922px;\n  margin: 25px;\n  width: 100%;\n  background-color: #FFFFFF;\n  border-radius: 8px;\n  padding: 14px 42px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: normal;\n}\n.Add_flex_dir{\nflex-direction: column;\n}\n.public_grievance_box h4{\nfont-weight: normal;\n}\n.btn_officar a{\nfont-size: 16px;\ncolor: #000000;\npadding: 14px 22px;\ntext-decoration: none;\nbackground:#e2e2e2;\nborder-radius:4px;\nheight:48px;\nfont-weight:normal;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n}\n.btn_officar img {\n  padding-right: 10px;\n}"
}
0
x-amz-checksum-crc32:SALPlQ==