@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

html{
  font-size: 14px;
}
  body {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 1.143rem;
    font-weight: 500;
    line-height: 19px;
    font-size: 100%;
  }
  
    .hide {    display: none !important;
}
  
 
  .margin-30{margin-top: 15px;}
  ul {     margin: 0;     padding: 0;     list-style: none;     color: #333333;   }
  a.richText-btn ,.richText .richText-help,.richText-toolbar a{     color: #3C4858; }
  .file-preview .fileinput-remove{top: 3px; right: 3px;}
  .btn.btn-primary.btn-block.btn-file {     /*background-color: #00BFB1;*/ background-color: #FF9933;}
  .btn.btn-primary.btn-block.btn-file:hover {     /*background-color: #327C76;*/ background-color: #f13e00;}
  .btn.btn-primary.btn-block.btn-file span {     color: #333;     font-weight: 500; }
  .btn.btn-primary.btn-block.btn-file .glyphicon-folder-open:before{color:#333 }
  .btn-icon:hover img {     filter: grayscale(100%) brightness(100); 	-webkit-filter: grayscale(100%) brightness(100); }
  .btn.btn-primary.btn-block.btn-file:hover span, .btn.btn-primary.btn-block.btn-file:hover i:before {     color: #fff; }
  img {       max-width: 100%;   }
  a {     text-decoration: none; 	cursor:pointer;   }
  p{margin: 0}
  .btn:focus, .btn:active {
    outline: none !important;
}
  .noborder{border: none !important}
  a:hover, a:focus {     text-decoration: none;   }
  .purple-td {background-color: #B3C6FF !important;}
  .light-green-td {background-color: #C7FFCD !important;}
  .light-mustered-td {background-color: #FFDCB3 !important;}
  .light-magenta-td {background-color: #FFC4C4 !important;}
  .nopadding {
    padding: 0 !important;
    margin: 0 !important;
  }
  .white-bg{background-color: #fff;}
  select {
    min-width: 100px;
}
  label.hidden-label {
    display: none;
}
  .border-top{
    border-top: .5px solid #979797;
  }
  .padding-top{padding-top: 15px;}
  .noLeftRightPadding{padding-left: 0 !important; padding-right: 0 !important}

  .nomargin {
    margin: 0 !important;
  }
  .shadow{box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.1)}

  select:focus, input:focus, button:focus {
    outline: none
  }
  
  .container-fluid{width: 100%;}

  .noshadow,.richText {
    box-shadow: none !important;
  }
  
  .grievance-create .green-btn {
    min-height: 38px;
}
  
  .sky-blue {
    background-color: #00BCFA
  }
  .new-btn{
    background-color: #00BCFA;
    background-color: #00BCFA;
    border-radius: 13.5px;
    color: #333333;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    padding: 0px 15px;
	min-height: 27px;
  }

  .green {
    background-color: #00BF63
  }

  .moong-color {
    background-color: #FF8080
  }

  .light-green {
    background-color: #00BFB1
  }

  .yellow {
    background-color: #E3D317
  }
  .col-md-4.flex-wrap.flex-end.heading-right-area {
    min-height: 38px;
    align-items: center;
   }
  /*** Scroll Bar ***/
::-webkit-scrollbar {
    height: 15px;
}
::-webkit-scrollbar-thumb {
    background: #DCDCDC;
    border-radius: 60px;
    margin-right: 10px;
    background-clip: padding-box;
    border: 2px solid rgba(255,255,255,0);
}
::-webkit-scrollbar-track {
    background: #F7F7F7;
    
    
}


  /** Toggle menu ***/
  .mobile-toggle {
      background-color: #000;
      width: 100%;
      /* display: inline-block; */
      height: 45px;
      position: relative;
  }
  #mob-toggle {
    cursor: pointer;
    display: table;
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 14px;
    height: 18px;

    width: 35px;
}
.mobile-toggle span {
  transition: .25s ease-in-out;

  transform: rotate(0);
  display: block;
  height: 3px;
  width: 35px;
}
.mobile-toggle span:nth-child(2) {

background-color: #fff;
background-color: white;
position: absolute;
right: 0px;
top: 8px;
}

  .mobile-toggle span:nth-child(1) { background-color: #fff; background-color: white; position: absolute; right: 0; top: 0;}
  .mobile-toggle .open span:nth-child(2) {

    opacity: 00;
    width: 0%;
}
.mobile-toggle .open span:nth-child(1) {

    transform: rotate(45deg);
    transform-origin: left center;
    left: 4px;
    top: -3px;
}
.mobile-toggle .open span:nth-child(3) {
  transform: rotate(-45deg);

  transform-origin: left center;
  left: 4px;
  top: 22px;
}
  .mobile-toggle span:nth-child(1) {

    background-color: #fff;
    background-color: white;
    position: absolute;
    right: 0;

}
.mobile-toggle span:nth-child(3) {

  background-color: #fff;
  background-color: white;
  position: absolute;
  right: 0;
  top: 16px;
}
  .menu-wrap.menu-show{display: block;}

  /*** radio style ***/



  .radio:not(:last-child) {
      margin-right: 2rem;
  }
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #00BFB1;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197ee;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.radio + .radio{margin-top: 1rem}
.radio label{padding-left: 0;font-size: 1.143rem;}
.radio-set {
    align-items: center;
}

  /*** Checkbox style ***/


.container-checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 1.143rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    color: #797979;


    font-weight: 400;
    line-height: 19px;

}
.container-checkbox:not(:last-child) {
    margin-right: 45px;
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;

    border-radius: 4px;
    border: 1px solid #979797;
    background-color: transparent;
}


.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}


.container-checkbox input:checked ~ .checkmark {
    background-color: #00BFB1;
    border-color: #00BFB1;
}


.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}


.container-checkbox .checkmark:after {
    left: 5px;
    top: 1px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 1.5px 1.5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.t {
  color: #797979;
  font-family: Roboto;
  font-size: 1.143rem;
  font-weight: 400;
  line-height: 19px;
  text-align: left;
}





  /**** Radio toggle ***/

  .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 29px;
    margin-bottom: 0;
    margin-left: 10px;
  }
  .dis-enab-swtc {
    width: 50px;
    margin-left: 0;
    margin-right: 12px;
}

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #00BFB1 !important;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  input:checked + .slider.dis-enab-swtc-slide:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  input:checked + .slider > span.enab{
    display: none;
  }

  input[type="checkbox"] + .slider > span.disab{
    display: none;
  }
  .radio-toggle.selected  + .slider > span.disab{display: block;}

  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }

  .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .flex-end {
    justify-content: flex-end;
  }

  .align-center {
    align-items: center;
  }

  .main-content-wrap {
    padding: 0 15px;
  }

  .blue-btn {
    background-color: #0091FF;
    border-color: #0091FF;
    border-radius: 4px;
    max-width: 145px;
    height: 46px;
    color: #FFFFFF;
    font-size: 1.143rem;
    font-weight: 500;
    line-height: 19px;
  }

  .btn a {
    color: #fff;
  }

  textarea#comment {
    height: 400px;
  }

  .full-width {
    width: 100%
  }
  .btn{white-space: normal;}

  .green-btn {
    /*background-color: #00BFB1;
    border-color: #00BFB1;*/
    background: #FF9933;
    border-color: #FF9933;
    border-radius: 4px;
    color: #333333;
    font-size: 1.143rem;
    font-weight: 500;
    line-height: 26px;
    padding: 6px 15px;
    height: 100%;
  }
  .select-with-bg {
    background-color: #F8F9FA !important;
}

   .form form {
       margin-top: 22px;
    }
	.form.login-form , .form.forgot-form{
    width: 100%;
    
}
    #forgotform-message_type {
    width: 100%;
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;             
    }
   .form h1{text-align: center;}
   .form span{text-align: center; display: block}
   .label-name img {     margin-right: 6px; }
   .form-select {
    -webkit-appearance: none;
    background-image: url("../images/down-icon.png");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 20px;
	padding-right: 35px;
  }

  .modal textarea{
    color: #797979;
    box-shadow: none;
    font-size: 1.143rem !important;
    font-weight: 400;
    line-height: 26px;
  }

  .input-class, .form-select {
    height: 38px;
    color: #797979;
    box-shadow: none;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 26px;
  }

  .input-class {
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  .input-icon, select {
    height: 38px;
    color: #797979;
    box-shadow: none;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 26px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .select-wrap,.export-wrap{position: relative;}
   
  .select-two-icon {
    background-image: url("../images/io_export.png");
    background-repeat: no-repeat;
    background-position: center left 14px;
    -moz-appearance:none; 
    -webkit-appearance:none; 
    appearance:none;
    background-size: 19px;
    max-width: 150px;
    width: 100%;
    background-color: transparent;
    padding: 0 40px 0 40px;
    border-right: none !important;
  }
  .select-arrow {
    background-image: url("../images/down-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 38px;
    height: 38px;
    background-color: #FF9933;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-size: 65%;
    position: absolute;
	top:0;
    right: 0;
    cursor: pointer;
}

  .select-input {
    background-image: url("../images/down-icon.png");
    background-repeat: no-repeat;
    background-position: center right 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 22px;
  }

  .date-icon {
    background-image: url("../images/cal-icon.png");
    background-repeat: no-repeat;
    background-position: center right 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  .search-icon {
    background-image: url("../images/io-search.svg");
    background-repeat: no-repeat;
    background-position: center right 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 18px;
  }

  span.pipe {
    border: .5px solid #ccc;
    margin-right: 18px;
	height: 38px;
  }

  input[type="text"] {
    padding: 0 10px;
  }

  .select-input, .table input {
    width: 100%;
    background-color: #fff;
  }
   .table input{
	   padding: 0 25px 0 10px;
	   min-width: 100px;
   }
  .select-input {
    padding: 0 40px 0px 10px;
}

  .form-group {
    margin-bottom: 18px;
  }

  .label-name {
    color: #797979;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 26px;
    cursor: pointer;
  }

  .radio-inline {
    color: #797979;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 25px;
  }
  .input-file-white-bg .custom-file-input{background-color: #fff}
  .input-file-white-bg .upload_content{z-index: 99}

  .custom-file-input {
    color: transparent;
    width: 149px;
    height: 94px;
    position: relative;
    z-index: 99;
  }
  .row.nomargin.file-wrap {
    margin-top: 15px !important;
}
  .file-wrap a {
    border: .5px solid #ccc;
    display: block;
    position: relative;
    min-height: 95px;
    background-color: #fff;
	min-width: 145px;
}


  .input_form .custom-file-input::before, .upload-action .input_form .custom-file-input::before {
    content: '';
    color: #4286F5;
    display: inline-block;
    border: 0.5px solid #979797;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 500;
    font-size: 12px;
    width: 100%;
    height: 100%;
  }

  .input_form .upload_content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
  }

  .input_form .upload_content img {
    margin-bottom: 5px;
  }

  .file-pdf {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
  }

  .file-cloud {
    color: #666666;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    opacity: 0.6000000238418579;
    margin: 0
  }

  .input-file {
    position: relative;
    max-width: 149px;
    width: 100%;
	margin-bottom: 20px;
  }
.file-upload .flex-wrap .input-file {
    flex: 1;
}
.file-upload .flex-wrap .input-file:nth-child(4n+4) {
    margin-right: 0;
}
  .input-file:not(:last-child) {
    margin-right: 20px;
  }

  .drag-and-drop-a-file {
    color: #666666;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    opacity: 0.6000000238418579;
    text-align: center;
  }

  .alert-success img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }

  .alert-success {
    color: #333333;
    font-size: 1.286rem;
    font-weight: 400;
    line-height: 32px;
  }

  .alert-success {
    background-color: rgba(255, 128, 128, .8);
    border-color: rgba(255, 128, 128, .8);
    border-radius: 8px;
    padding: 10px;
  }

  .flow-row {
    flex-flow: row;
  }

  .btn-set-right {
    justify-content: flex-end;
  }


    .btn-grey {
    color: #333;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.05);
    padding: 0 20px;
    font-size: 1.143rem;
    font-weight: 500;
    line-height: 26px;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    min-height: 38px;
    height: 100%;
  }
  .btn-grey:hover ,.reply-section .btn .btn-default:hover{
    background-color: #979797b5;
	border-color: #979797b5;
}

  .btn-icon img {
    width: 17.25px;
    margin-right: 10px;
	margin-top: -1px;
  }

  .btn-icon {
    padding: 6px 22px;
  }

  .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-left: 50px
  }

  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 16px;
  }
  .prpl-btn {
    background-color: #B68DE8;
  }
  .orange-btn {
    background-color: #FFA500;
  }
  .orange-btn ,.prpl-btn{

    border-radius: 13.5px;
    min-height: 27px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 15px;
  }
  span.indicate-text {
    min-height: 27px;
    width: auto;
    
    padding: 0 15px;
    border-radius: 13.5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    float: right;
    line-height: 27px;
    
  width: auto !important;
  margin-right: 30px;   /* #change_MP */
}

  /**** Table style ****/
  /* table{table-layout: fixed;} */
  th {
    color: #333333;
    font-size: 1.286rem;
    font-weight: 400;
    line-height: 32px;
	padding: 14px !important;
  }
  .table th a {
    color: #333;
  }
  .tabuler-data {
    overflow-x: auto;
}
.table select {
    width: 100%;
    min-width: 145px;
    padding-right: 35px;
}
.form-control{height: 38px; box-shadow: none;}

  td {
    color: #797979;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 26px;
	padding: 14px !important;
  }

  .dataTables_info {
    color: #333333;
    font-size: 1.286rem;
    font-weight: 400;
    line-height: 32px;
  }
  
  .pagination-area .row {
    margin: 0;
}

  .pagination>li>a, .pagination>li>span {
    color: #00BFB1;
    font-size: 1.286rem;
    font-weight: 400;
    line-height: 20px;
  }

  .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00BFB1;
    border-color: #00BFB1;
  }

  ul.pagination {
    margin: 0;
  }


  .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f5f5f5;
  }

  /* .basic-table { */
    /* border: 2px solid #ccc; */

  /* } */
  .pagination-area {
    margin-top: 10px;
	padding-bottom: 10px;
    
}
.table-area {
    border-radius: 4px;
    
	background-color: #fff;
}

  .basic-table>tbody>tr td:first-child, .basic-table tr th:first-child, .basic-table {
    border-left: none !important;
  }
   .table{margin-bottom: 0; border-collapse: unset;border-radius: 4px;background-color: #fff;}
  .basic-table>tbody>tr td:last-child, .basic-table tr th:last-child, .basic-table {
    border-right: none !important;
  }
  .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) {
    border-right: 1px solid rgba(151, 151, 151, 0.30196078431372547);
}

  .basic-table>tbody>tr td {
    border-bottom: none !important;
    border-top: none;
  }

  .table>thead>tr>th, .table>tbody>tr>td,.table>tr>td {
    vertical-align: middle;
    /*border-right: 2px solid #ccc;*/
	border-bottom-width: 0px;
  }
  .table>thead>tr>th{white-space: nowrap;}
  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width: 0px;}

  /******** Header Style *******/
  #header {
    box-shadow: 0 7px 32px 0 rgba(51, 51, 51, 0.3);
    padding: 10px 0;
    min-height: 82px;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    
}
.dark-header#header {
    box-shadow: none;
}
/* body.login-page span.logo-text { */
    /* text-align: left; */
/* } */

  .main-header-heading strong{

  color: #333333;

  font-size: 1.714rem;
  font-weight: 700;
  line-height: 29px;


  }
  .header-notification img {
    width: 19px;
    height: 16px;
}
.header-notification {
    margin-right: 46px;
    position: relative;
    cursor: pointer;
}
.notification-li .notification-count{
    min-width: 24.33px;
    background-color: #bf000e;
    color: #fff;
    /* position: absolute; */
    top: -15px;
    border-radius: 50%;
    text-align: center;
    right: -15px;
    box-shadow: -2px 3px 10px 1px rgba(191, 0, 14, 0.49);
    font-size: 0.857rem;
    line-height: 2rem;
    
    display: flex;
    min-height: 24.33px;
    height: 100%;
    width: 100%;
	align-items: center;
    justify-content: center;
	display: block !important;
   
}

/* span.notification-count:before { */
    /* content: ""; */
    /* position: absolute; */
    /* display: block; */
    /* animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; */
	/* -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; */
    /* width: 100%; */
    /* height: 100%; */
    /* background-color: inherit; */
    /* border-radius: inherit; */
    /* left: 0; */
    /* right: 0; */
    /* z-index: -1; */
/* } */

@keyframes pulse-animation{
	
	0%
	{
	 opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
	}
	
	50%{
		opacity:0;
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
		}
		
    100%
		{
		 opacity:0;
		 -webkit-transform:scale(1.5);
		 transform:scale(1.5)
	}
}


@-webkit-keyframes pulse-animation{
	
	0%
	{
	 opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
	}
	
	50%{
		opacity:0;
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
		}
		
    100%
		{
		 opacity:0;
		 -webkit-transform:scale(1.5);
		 transform:scale(1.5)
	}
}


.main-header-heading {
    /* margin-left: 20%; */
    flex: 1;
    display: flex;
    justify-content: center;
	text-align: center;
}

  .light-header {
    background-color: #ffffff;
  }

  .dark-header {
    /*background-color: #00BFB1;*/
    background-color: rgb(255 153 51 / 24%);
  }

  .logo img {
    max-width: 63px;
    max-height: 63px;
    object-fit: contain;
    padding-right: 6px;
    border-right: 1px solid rgba(151, 151, 151, .5);
    margin-right: 6px;
}

  .logo-text>span {
    display: block;
  }

  .clean-india img {
    width: 165px;
    height: 75px;
    object-fit: contain;
  }

  .petionar-info {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    text-align: right;
  }

  .header-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 0;
	-webkit-box-flex: 1 0 0;      
    -moz-box-flex: 1 0 0;         
    -webkit-flex: 1 0 0;          
    -ms-flex: 1 0 0;            
    justify-content: flex-end;
  }

  .upper-text {
    /*color: #333333;*/
    color: #e66100;
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 0.991rem;
    margin-bottom: 5px;
  }

  .mid-text {
    color: #333333;
    font-size: 1.006rem;
    font-weight: 700;
    line-height: 0.991rem;
    margin-bottom: 5px;
  }

  .lower-text {
    color: #333333;
    font-size: 0.88rem;
    font-weight: 400;
    letter-spacing: 2.71px;
    line-height: 0.991rem;
    /*color: #fff;
    background-color: #929292;
    padding-left: 2px;*/
  }

  .applicant-name {
    color: #333333;
    font-size: 1.286rem;
    font-weight: 400;
    line-height: 2.286rem;
  }

  .login-status {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
  }
  
  .logo {
    flex: 1;
}
.lang-option {
    margin-right: 32px;
    border: 1px solid #333;
    border-radius: 4px;
    position: relative;
    height: 28px;
    line-height: 28px;
    min-width: 90px;
    background: url("../images/down-icon.png") , url("../images/lang-icon.svg");
    background-repeat: no-repeat;
    background-position: center right 5px , center left 7px;
    background-size: 18px , 15px;
   
}


.lang-option li{cursor: pointer}

.lang-option li{
    opacity: 0;
    visibility: hidden;
	padding: 0 25px 0 30px;
	transform: scale(0);
	
}
.lang-option a span {
    color: #333;
    text-transform: uppercase;
    
}
.lang-option li.active-lang  {
    opacity: 1;
    visibility: visible;
	transform: scale(1);
	transition: opacity .3s;
    
}
.lang-option li.active-lang a{pointer-events: none;}
.lang-option ul.open li {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: opacity .3s;
}
.lang-option li:not(.active-lang) {
    /*background-color: #00BFB1;*/
    background-color: #FF9933;
    border-radius: 4px;
}

  /**** Login style *****/
  .content-wrapper {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 100%;
}
.content-wrapper-inner {
    height: inherit;
    display: inherit;
    width: inherit;
}
.menu-wrap{padding-bottom: 80px;}
.menu-wrap li{position: relative;}

  .dark-wrapper {
   /* background-color: #98E5E1;*/
    background-color: rgb(255 153 51 / 24%);
    height: calc(100% - 95px);
    position: relative;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .form h1 {
    margin-top: 0;
    color: #333333;
    font-size: 2.286rem;
    font-weight: 700;
  }

  .track_box {
    max-width: 922px;
    margin: 0 25px;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 85px 55px;
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* left: 0; */
    /* right: 0; */
  }
  #login-form .radio {
    margin-top: 0;
    margin-bottom: 0;
}

#login-form .form-group.radio-set{margin-bottom:0}


  .track-data {
    color: #333333;
    font-size: 1.714rem;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
  }

  .regular-text {
    color: #333333;
    font-size: 1.714rem;
    font-weight: 400;
    line-height: 2.286rem;
  }

  .add-grievance span {
    display: block;
    margin-bottom: 22px;
  }

  .add-grievance {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    align-items: center;
  }

  .track-form {
    margin-top: 28px;
  }

  .track-form-wrap {
    border-right: 0.5px solid rgba(121, 121, 121, .4);
    padding-right: 70px;
  }

  .refresh-wrap {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    width: 50px;
    height: 40px;
  }

  .refresh-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
  }

  /**** Sidebar menu *****/
  .sidebar-menu {
    background-color: #FFFFFF;
    box-shadow: 7px 0 14px 0 rgba(0, 0, 0, 0.13);
    width: 235px;
    /* flex-basis: 235px; */
    position: absolute;
    top: 0;
    z-index: 1;
    min-height: 100%;
    transition: all ease-in-out .5s;
	/* height: 100vh; */
	

  }
  .sidebar-menu.activv{  width: 55px;}

  .sidebar-menu ul li img {
    width: 16px;
    height: 16px;
    margin-right: 15px
  }

  .sidebar-menu ul li a span {
    color: #666666;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
  }
  .sidebar-menu ul li a.active span{
	  /*color: #327C76;*/
    color: #FF9933;
	  
  }

.collapse-wrap {
    position: relative;
    bottom: 0;
    width: 100%;
    border-bottom: 0.5px solid rgba(50, 124, 118, .4);
    padding: 0px 20px;
    cursor: pointer;
    margin: 0;
    max-width: 100%;
    min-height: 44px;
}
.collapse-wrap:after {
    content: "";
    border-right: 0.5px solid rgba(120, 120, 120, .4);
    height: 100%;
    position: absolute;
    
    left: 50px;
}
.collapse-wrap.collapsed::after{display: none;}
  .collapse-wrap span {
    /*color: #327C76;*/
    color: #333333;
    font-size: 1.286rem;
    font-weight: 400;
    line-height: 22px;
  }

  .collapse-wrap img {
    margin-right: 16px;
    width: 20px;
	height: 16px;
  }

  .sidebar-menu ul li a {
    display: flex;
    text-decoration: none;
    padding: 10px 20px;
    position: relative;
    width: 100%;
    align-items: center;
  }
  .sidebar-menu ul li ul.side-sub li a{padding: 6px 12px;}
  /*.sidebar-menu ul ul.side-sub li:first-child a {
    padding-top: 0;
}*/
/*.sidebar-menu ul ul.side-sub li:last-child a {
    padding-top: 0;
}*/

  .sidebar-menu ul li a.active {
    /*background-color: rgba(0, 124, 114, 0.1);*/
    background-color: rgb(255 153 51 / 24%);
    /*border-left: 7px solid #007C72;*/
  }
  .sidebar-menu ul li ul.side-sub li a.active {
    background-color: transparent;
}

  .sidebar-menu ul li a.active::before {
    content: "";
    background-color: #FF9933;
    position: absolute;
    left: 0;
    height: 100%;
    width: 6px;
    top: 0;
  }
.sidebar-menu ul li ul.side-sub li a.active::before {
    content: "";
    width: 5px;
    height: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 25px;
	left: -3px;
}
  ul.side-sub {
    /* display: none; */
    border-left: 1px solid #979797;
    margin-left: 25px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	transform: rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	transform-origin: 10% 10%;
	-webkit-transform-origin: 10% 10%;
	-webkit-transition: -webkit-transform .5s,opacity .5s;
	transition : transform .5s,opacity .5s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
  }
  
  ul.side-sub.show-sub{
	  opacity: 1; 
	  visibility: visible;
	  transform: rotateX(0deg);
	  -webkit-transform:rotateX(0deg);
	  position: relative;
	  -webkit-transition: -webkit-transform .5s,opacity .5s;
	transition : transform .5s,opacity .5s;
	  }

  .sidebar-menu ul li.has-options>a:after {
    content: "";
    width: 12px;
    height: 2px;
    background-color: #979797;
    position: absolute;
    right: 20px;
  }

  .sidebar-menu ul li.has-options.sub-close>a:before {
    content: "";
    width: 12px;
    height: 2px;
    background-color: #979797;
    position: absolute;
    right: 20px;
    left: auto;
    top: 20px;
    transform: rotate(90deg);
  }

  .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 {
    display: none;
  }
  
  span.notification-li {
    position: absolute;
    display: inline-block !important;
    right: 15px;
}
.minimize-side-menu span.notification-li {
    margin-right: 0;
}
span.notification-li img {
    margin-right: 0 !important;
}

  /**** Right content area ***/
  .content-wrap {
    /*background-color: #FFFFFF;*/
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    /*padding-bottom: 25px;*/
    margin-bottom: 25px;
	overflow: hidden;
  }

  .content-area-wrapper {
    /* flex: 1 0 calc(100% - 235px); */
    padding: 0 25px;
    width: calc(100% - 235px);
    float: right;
    transition: all ease-in-out .5s;
	background-color: #FAFFFF;
  }
  .content-area-wrapper.expend {
    width: calc(100% - 55px);
}
  /* .content-area-wrapper.imran {
    flex: 1 0 calc(100% - 55px);;
    max-width: calc(100% - 55px);
} */

  .heading-area {
    border-bottom: 0.5px solid rgba(151, 151, 151, .9);
    padding: 15px 15px 10px;
  }

  .main-heading-content {
    margin: 0;
  }

  .form-entity {
    padding: 0 15px;
    margin-top: 15px;
  }

  .form-entity .form-group {
    margin-bottom: 32px;
  }

  .get-otp-btn.last-child {
    padding-left: 0
  }

  .btn-input {
    width: auto;
    padding: 6px 15px;
  }

  .btn-set button:not(:last-child) {
    margin-right: 12px;
  }

  .add-new {
    color: #327C76;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 26px;
  }

  .add-new img {
    Width: 15.3px;
    Height: 18.9px;
    margin-right: 10px;
  }

  .content-area-inner {
    margin: 25px 0;
  }

  .filter-area {
    padding: 15px 30px;
  }
  .grievance-table .filter-area p:not(:last-child) {
    margin-right: 18px;
}
  .filter-area p {
    margin: 0;
}
.filter-area .form-group {
    margin-right: 18px;
	margin-bottom: 0;
}
  .filter-area .input-icon {
    margin-right: 18px;
    max-width: 145px;
    width: 100%;
  }
  .report-filter select {
    min-width: 145px;
    
}
.report-filter .filter-area .form-group + div {
    margin-right: 18px;
}
.report-filter .filter-area .form-group:last-child {
    margin-right: 0;
}
 .report-filter .filter-area .input-icon{margin-right: 0; max-width: 100%;}
  select.select-input.dark-icon-select {
    max-width: 150px;
  }
  .report-filter .filter-area a {
    margin-left: 18px;
}

  .heading-right-area .input-icon.search-icon {
    margin-right: 18px;
  }

  /**** Grievance details page ***/
  .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0;
  }

  .breadcrumb a, .breadcrumb span {
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 19px;
    /* color: #00BFB1; */
  }
  .breadcrumb span {
    color: #979797;
}
  .breadcrumb a {
    /*color: #327C76;*/
    color: #FF9933;
    position: relative;
    padding-right: 15px;
  }

  .breadcrumb a::after {
    content: "";
    /*background: #327C76;*/
    background: #FF9933;
    height: 16px;
    width: 1.4px;
    position: absolute;
    top: 0;
    transform: rotate(25deg);
    right: 5px;
	border-radius: 5px;
  }

  .breadcrumb img {
    margin-right: 6px;
	
  }

  .breadcrumb-area {
    margin-bottom: 15px;
  }

.select-two-icon {
    background-color: rgba(0,0,0,.05);
    min-height: 38px;
    padding: 0 46px !important;
    max-width: 148px;
    width: 100%;
    text-align: left;
    border: none;
}
  /*** Grievance details ***/
  .greiv-num {
    font-size: 1.286rem;
    font-weight: 700;
    line-height: 32px;
  }

  .greiv-date {
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 32px;
	text-align: right;
  }
  .track-info span.greiv-date + span {
    text-align: right;
}

  .semi-bold {
    font-size: 1.286rem;
    font-weight: 400;
    line-height: 2.286rem;
  }

  .span-sim-txt {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.571rem;
    opacity: 0.6000000238418579;
  }

  .grievance-details-left span {
    display: block;
    width: 100%;    
  }
  /* #change_MP*/
  .grievance-details-right {
    flex-basis: 512px;
    max-width: 512px;
  }
  
  .grievance-details-right-inner .main-content-wrap {
    margin-top: 15px;
}



.no-updates-available {
    font-size: 1.714rem;
    font-weight: 400;
    line-height: 32px;
    opacity: 0.300000011920929;
    
    left: 0;
    right: 0;
    text-align: center;
    height: calc(100% - 52.5px);
	min-height: 200px;
    width: 100%;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* #change_MP*/
  .grievance-details-left {
    flex-basis: 55%;
    border-right: 0.5px solid rgba(151, 151, 151, .9);
    padding-bottom: 30px;
    position: relative;
    flex: 1 0 0;
  }

  .track-info {
    border-bottom: 0.5px solid rgba(151, 151, 151, .9);
    padding: 15px 0;
  }

  .business-info {
    padding: 15px 0 0;
  }

  .disc p , .griev-desc div{
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.6000000238418579;
    padding: 0;
  }

  .letter-text {
    padding: 0 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both;
  }

  #reason-textarea {
    height: 127px;
  }

  .letter-text-bg {
    background-color: #9e9e9e12;
    border-radius: 16px;
    padding: 15px;
    min-height: 90px;
    position: relative;
    width: 70%;
    float: left;
	border-top-left-radius: 0;
  }
  
   .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;}

   .letter-text-bg-right {
    background-color: #9e9e9e12;
    border-radius: 16px;
    padding: 15px;
    min-height: 90px;
    position: relative;
    width: 70%;
    float: left;
    text-align: right;
  border-top-left-radius: 0;
  }
  
  .letter-text-bg-right.admin-chat {     background-color:#c5ddfd36;border-bottom-right-radius: 0; border-top-left-radius: 16px;}


  .letter-text p {
    color: #797979;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 26px;
	padding-bottom: 24px;
  }

  .post-time {
    color: #666666;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.6000000238418579;
    /* float: right; */
	  position: absolute;
    bottom: 12px;
    right: 15px;
    text-align: left;
  }

  .post-time-left {
    color: #666666;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.6000000238418579;
    /* float: right; */
  position: absolute;
    bottom: 12px;
  }

  .para-text {
    color: #797979;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 26px;
  }

  .gv-details-btn-set.btn-set {
    border-left: 0.5px solid rgba(151, 151, 151, .9);
    padding-left: 30px;
  }



  .gv-details-btn-set .btn-grey {
    height: 46px;
  }

  .upload-limit {
    color: #797979;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 26px;
    margin-top: 10px;
  }
 .reply-section {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 4px;
    display: flex;
    flex-flow: row wrap;
    
}
.reply-section .btn {
    padding: 0;
    
}
.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;}
.reply-section .btn:active {
    box-shadow: none;
}
.reply-section .btn .btn-default {
    color: #333;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.05);
    padding: 9.5px 16px;
    font-size: 1.143rem;
    font-weight: 500;
    line-height: 19px;
    border-radius: 4px;
	margin: 4px;
}

  /*** Dashboard ***/
  .right-toggle {
    color: #333333;
    font-size: 1.714rem;
    font-weight: 700;
    line-height: 29px;
  }

  .top span {
    color: #333333;
    font-size: 2.429rem;
    font-weight: 700;
    line-height: 41px;
    border-left: 1px solid #333;
    margin-left: 25px;
    padding-left: 25px;
  }

  .status-name {
    color: #333333;
    font-size: 1.286rem;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    margin-top: 10px;
    display: block;
	text-transform: uppercase;
  }

  .box-col:not(:last-child) {
    margin-right: 2.5%;
  }

  .box-col {
    flex-basis: calc(100% / 5 - 2%);
    text-align: center;
    padding: 25px 15px 15px 15px;
    border-radius: 8px;
    box-shadow: 0px 29px 29px -16px #ccc;
	margin-bottom: 2.5%;
  }
.box-col:nth-child(5n+5) {
    margin-right: 0;
}
  .top {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .status-box .top img {
    width: 26.51px;
    height: 26.2px;
    object-fit: contain;
}
  .pie-chart-area {
    margin-right: 35px;
}
.chart-wrap {
    padding: 15px;
    border-radius: 8px;
	background-color: #fff;
}
.bar-chart-area {
    flex: 1 0 0;
    
}
.pie-chart-area {
    flex-basis: 469px;
}
select.year_selection {
    margin-left: auto;
    padding: 0 12px;
    background-image: url(../images/down-icon.png);
    background-repeat: no-repeat;
    background-position: center right 12px;
    -webkit-appearance: none;
    background-size: 20%;
}

.grievance-age-area , .received-grievance {
    margin-top: 35px;
}
.bar-chart-area-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.grievance-age-area h3.main-heading-content {
    margin-bottom: 6px;
}
.grievance-age-area .main-heading-content {
    height: 38px;
    margin-bottom: 6px;
	line-height: 38px;
}
.content-wrap.grievance-table , #action-history .content-wrap , .content-wrap#action-history {
    background-color: #fff;
}
#action-history .heading-area{border-bottom: none;}
#action_history_popup .modal-content {
    height: 550px;
    overflow-y: scroll;
}

/*** Notification page style ***/

.notification-layer img{width: 17px; height: 19px;margin-right: 15px;}
.complaint-name {
  color: #333333;
  font-size: 1.286rem;
  font-weight: 400;
  line-height: 21px;

}
.complaint-date {
  color: #797979;
  font-size: 1.143rem;
  font-weight: 400;
  line-height: 26px;

}
.notification-details span {
    display: block;
}

.notification-layer:hover {

  /*background-color: #C2F2EF;*/
  background-color: rgb(255 153 51 / 24%);

}
.notification-area-inner {
    margin: 0 15px;
    border-bottom: .5px solid #979797;
    padding: 10px 0;
	
}

.notification-area {
    margin-bottom: 25px;

}

/** Grievance details 2 style ***/
.grievance-details-left.details-two {
    background-color: #EDF2F9;
    flex-basis: 365px;
    border-right: none;
    border-radius: 26px;
    position: relative;
	max-width: 365px;
}
.details-two-page .griev-details-right {
    flex: 1 0 0;
}
.details-two-page {
    border-top-left-radius: 26px;
    border-bottom-left-radius: 26px;
    padding-bottom: 0;
	background-color: #fff;
}

.details-two .business-info .span-sim-txt {
    margin-top: 0px;
    margin-bottom: 10px;
}
#expnson {
    background-color: #D3D3D3;		/* #change_MP */ 
    border-radius: 18px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    position: absolute;
    top:30px;
    right: 4px;						/* #change_MP */ 
    transform: translateY(-50%);
	z-index: 1;
}
#expnson:before {
    content: "";
    background-image: url("../images/down-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 8px;
    position: absolute;
    z-index: 99;
    top: 14px;
    background-size: 15px;
    transform: rotate(90deg);
    left: 5px;
}
#expnson:after {
    content: "";
    background-image: url("../images/down-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 8px;
    position: absolute;
    z-index: 99;
    top: 14px;
    background-size: 15px;
    transform: rotate(-90deg);
    right: 5px;
}

/*** Roles & Permissons style ***/
.left-side-role-wrap {
    flex-basis: 300px;
    padding: 15px;
    border-right: 1px solid #ccc;
}
.right-side-role-option {
    flex: 1 0 0;
}
.add-role .form-group.role-input {
    margin-bottom: 0;
    margin-top: 18px;
}
.add-role-trig {
  background-color: #00BFB1;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  max-width: 338px;
  height: 46px;
  justify-content: center;
  width: 100%;
  color: #333;
  font-size: 1.143rem;
}
.add-role-trig > img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.added-role {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  max-width: 338px;
  width: 100%;
  height: 46px;
  text-align: center;
}
.added-role:not(:last-child){margin-bottom: 15px}
.added-role span{line-height: 46px; display: block; font-size: 1.143rem}
.added-role-wrap {
    margin-top: 36px;
}
.dis-enab-swtc-slide > span.enab{
    line-height: 29px;
    text-align: right;
    display: block;
    padding-right: 10px;
}
.dis-enab-swtc-slide > span.disab{
    line-height: 29px;
    text-align: left;
    display: block;
    padding-left: 10px;
}
.row.add_role_save_btn {
    margin: 0;
    margin-top: 18px;
}

/*** Staff user style ***/
.box-inside {
  border: 1px solid #979797;
  border-radius: 8px;

}
.divlision-list ul li {
  background-color: #FFFFFF;
  border: 0.5px solid rgba(151, 151, 151, 0.4);
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13);
  padding: 10px 50px 10px 10px;
  background-image: url("../images/_io_drag.png");
  background-repeat: no-repeat;
  background-position: center right 10px;
}
.divlision-list ul li:not(:last-child){margin-bottom: 15px;}
.divlision-list ul li span {
  color: #797979;
  font-weight: 400;
  line-height: 26px;
  font-size: 1.143rem;
}
.search-div-input input.input-class {
    width: 100%;

}
.search-div-input {
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;

}
.search-div-input , .div-seading{
  padding: 10px 15px;
}
.divlision-list {
    padding: 0 5px;
    margin: 10px 0;
}
span.asc-desc-filter {
    cursor: pointer;
    margin-left: auto;
}
.div-selection-btn .btn {
    max-width: 159px;
    width: 100%;
}
.div-selection-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    margin-top: 15%;
}
.div-selection-btn .btn:first-child {margin-bottom: 15px;}
.div-selection .row:not(:last-child){margin-bottom: 30px;}
.staff-user .remark-check label.container-checkbox:last-child{margin-top: 0}
.staff-user .remark-check{margin-top: 15px;}
.staff-user .div-selection .row{margin: 0}
.staff-user .div-selection .row .div-sect-box{padding: 0;}
.staff-user .form-entity .form-group{margin-bottom: 18px;}
/*** Popup model ***/
.modal-title {

  font-size: 1.714rem;
  font-weight: 400;
  line-height: 32px;

}
.popup-form textarea {
    height: 78px;
}
.modal-body{padding: 0 50px;}
.modal-footer{border-top: none; padding: 0 50px 50px}
.modal-header{border-bottom: none; padding: 50px 50px 10px}
.modal-footer button , .popup-btn-set button {
    width: 100%;
    min-height: 38px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.modal-header h3 {
    font-size: 1.714rem;
}
.popup-btn-set {
    padding: 0 0 50px;
}
.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;}
.popup-btn-set .row {
    margin: 0 -5px;
}


/**** Grievance age report page ***/
.report-filter .filter-area .form-group {
    margin-bottom: 0;
	flex:1;
	max-width: 145px;
}
.report-filter .filter-area .form-group + div > div {
    max-width: 200px;
}
#grievance-age .filter-area .form-group:last-child .input-icon {
    margin-right: 0;
}
#grievance-age .filter-area .input-icon {
    
    max-width: 100%;
    width: auto;
}
.form-group.field-reportsearch-division {
    margin-right: 18px;
    max-width: 200px;
    width: 100%;
}
button.search {
    min-height: 38px;
    border: none;
    
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    font-size: 1.143rem;
    line-height: 1.188rem;
}
.cpgrams {
    min-height: 38px;
    display: flex;
    align-items: center;
}

/*** For firefox ***/
@-moz-document url-prefix() { 
  .input-icon, select{line-height: 38px;}
}

/*** Safari ***/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ 
    .filter-area{flex-flow: row;}
	/* .track-info,.heading-area{border: 1px solid rgba(151, 151, 151, .9)} */
	/* .track-form-wrap{border-right: 1px solid rgba(151, 151, 151, .9)} */
	.sidebar-menu{height: 100vh;}
}

.public_grievance_box{
  max-width: 922px;
  margin: 25px;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 14px 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: normal;
}
.Add_flex_dir{
flex-direction: column;
}
.public_grievance_box h4{
font-weight: normal;
}
.btn_officar a{
font-size: 16px;
color: #000000;
padding: 14px 22px;
text-decoration: none;
background:#e2e2e2;
border-radius:4px;
height:48px;
font-weight:normal;
display: flex;
align-items: center;
justify-content: center;
}
.btn_officar img {
  padding-right: 10px;
}