.onlyprint{
  display: none;
}
.notprint{
  display: block;
}
/* A2 Landscape*/
@page {
  size: A2 landscape;
  margin: 1cm;
  max-height:99%; 
  max-width:99%;
}
@media print {  
  table thead tr, table thead tr th{height: auto !important;}
  table thead tr th div{height: auto !important;}
  .onlyprint{
    display: block;
  }
  .notprint{
    display: none;
  }
  .complain_management_system .cclogo{margin-top: 30px !important;}
  body{
    background-color: #fff !important;
    font-family: helvetica;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
  }
  input[type="search"], .button, form .button{
    display: none !important;
  } 
  table{
    width: 100%;
  }
  table th{text-align: center !important;}
  table th, table td{text-align: left; width: auto;}
  .dataTables_scrollHead{
    padding-top: 20px; display: none !important;}
  .dataTables_scrollHeadInner, .dataTables_scrollHeadInner table{
      width: 100% !important;
  }
  #tbldatatable{margin-top: 20px !important;}
  #tbldatatable thead, #tbldatatable thead tr{
    border-top: 1px solid #555;
  }
  #tbldatatable thead, #tbldatatable thead tr, #tbldatatable thead tr th, #tbldatatable thead tr th div{
    height: auto !important; 
    vertical-align: middle;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  table tr.odd{
    background-color: #e6e6e6;
  }
  table tr.even{
    background-color: #fff;
  }
  
  table,table td,table th{
    border-collapse: collapse;}
  table td,table th{
    border: 1px solid #555;
    padding-left: 5px;
    padding-right: 5px;
  }
  .spancolor{
    max-width: 60px!important;
    width: 60px!important;
    min-width: 60px!important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  form.formbgw{font-size: 16px !important;}
  form.formbgw #isfollow, form.formbgw #isvalid, form.formbgw #isenough{
    width: 50px!important;
  }
  table tr{vertical-align: middle;}
  table .tdcol{vertical-align: middle;}
}
#wpadminbar{display: none !important;}
.complain_management_system > .notice {}
#colleftmen{
  background-color: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  height: 100%;
}
#colleftmen{width: 300px; display: inline-block; padding-left: 25px;padding-right: 25px; box-sizing: border-box;}
#colrightmen{width: calc(100% - 300px); display: inline-block; margin-left: 300px;}
body, .complain_management_system{
  background-color: #F0F1F8;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color:#31323A;
  position: relative;
  height: 100%;
  display: block;
}
.complain_management_system .bgwhhi{
  background-color: #FFF;
  border-radius: 10px;
  padding: 15px 45px 35px 45px;
  display: block;
  margin: 30px 0px;
}
.complain_management_system  .vertical_content
{
  vertical-align: middle;
  display: flex;
  justify-content: left;
  align-items: center;
}
.complain_management_system .cclogo img{max-width: 100% !important;}
.complain_management_system .cclogo{
  display: block; 
  text-align: center; 
  padding: 10px 0px 10px 0px;
  margin-bottom: 30px;
  margin-top: 5px;
  width: 250px;
  max-width: 100%;
}
.complain_management_system .menuleft
{  
  margin-left: 0px;
  padding-left: 0px;
}
.complain_management_system .menuleft li a span{width: 25px; display: inline-block;}
.complain_management_system .menuleft li{
    padding: 5px 10px;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.complain_management_system .menuleft li ul li{
  margin-bottom: 5px;
  margin-top: 5px;
}
.complain_management_system .menuleft li ul{
  display: none;
}
.complain_management_system .menuleft li:hover ul, .complain_management_system .menuleft li ul.active{
  display: block;
}
.complain_management_system .menuleft li ul li:hover a{
  text-decoration: underline !important;
}
.complain_management_system .menuleft li a{
  color:#31323A;
}
.complain_management_system button, 
.complain_management_system .button{
    background-color: #204D9C !important;
    color: #fff !important;
    background-image: none !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 2px 10px !important;
    border:1px solid #204D9C !important;
}
.complain_management_system .btnclorgreen{
  background-color: green !important;
  border:1px solid green !important;
}
.complain_management_system .btnlighth{
  background-color: #F0F1F8 !important;
  color: #204D9C !important;
}
.complain_management_system button:hover, 
.complain_management_system .button:hover, 
.complain_management_system .button.actived, 
.complain_management_system button.actived{
    background-color: #00aeef !important;
    border:1px solid #00aeef !important;
}
.complain_management_system .btnlighth:hover{
  background-color: #00aeef !important;
  color: #fff !important;
}
.complain_management_system button.btnlighth
.complain_management_system button .fa, 
.complain_management_system .button .fa{
    display: inline-block;
    padding-right: 5px;
}
.complain_management_system button .fa em, 
.complain_management_system .button .fa em{
  display: none;
}
.complain_management_system .clsfiter
{
  text-align: right;
}
.complain_management_system .clsfiter input[type="text"]{ 
  width: 200px !important;
  margin-right: 10px !important;
  height: 34px !important;
  margin-left: 0px;
  display: inline-block;
}
.complain_management_system h3{
  margin: 0px;
  font-family: 'Poppins';
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  line-height: 45px !important;
  color: #31323A !important;
  margin-right: 30px;
}
.complain_management_system .subheadd{
  box-sizing: border-box; position: relative; margin-top: 20px; margin-bottom: 20px;}
.complain_management_system .addnew form{
}
.complain_management_system .addnew form:not(.fromaddeditu)
{
  margin-left: -15px;
  border: 1px solid #F0F1F8;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  /*background-color: #F0F1F8;*/
}
.complain_management_system .checkbox-inline{margin-right: 20px;
  margin-bottom: 0px;}
.complain_management_system input[type="checkbox"]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.8); /* IE */
  -moz-transform: scale(1.8); /* FF */
  -webkit-transform: scale(1.8); /* Safari and Chrome */
  -o-transform: scale(1.8); /* Opera */
  transform: scale(1.8);
  padding: 10px;
  margin-right: 10px;
}
.complain_management_system .addnew form h4{
  margin: 0px;
  font-family: 'Poppins';
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 35px !important;
  color: #31323A !important;
}
.complain_management_system .addnew form > .row{margin-bottom: 10px;}
.complain_management_system .btndelete{
  margin-left: 15px;
    background-color: #ED1C24 !important; }
.complain_management_system .btndelete:hover{
    background-color: #e01a1a !important;
}
.complain_management_system .listdatas > .row{
    background-color: #F0F1F8;
    padding: 10px;
    border-radius: 5px;
    margin-top: 15px;
}
.complain_management_system .spancolor{width: 90px;height: 30px;display:block;text-align: center;
  border-radius: 5px;}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .switch input {display:none;}
  
  .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: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #009F3A;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #009F3A;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  .switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 30px;
      border-radius: 20px;
    }
    
  .switch input {display:none;}
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 20px;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
  }
  
  input:checked + .slider {
    background-color: #46c3e9;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #46c3e9;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  .forminfoleft > .row, .forminfolright > .row{margin-bottom: 15px;}
  .complain_management_system form.formbgw input[type="text"],
  .complain_management_system form.formbgw input[type="email"],
  .complain_management_system form.formbgw select,
  .complain_management_system form.formbgw textarea{  
    background-color: #fff;
    border-radius: 5px;
    border-color: #B7B7B7;
    min-height: 35px;
  }
  .complain_management_system form input[type="button"]{
    border-radius: 5px;
    padding: 5px 30px;
  }
  form.formnaunual input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #B7B7B7;
}
form.formnaunual input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #204D9C;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #B7B7B7;
}
.complain_management_system table.dataTable thead tr{
  background-color: #F0F1F8;
}
.complain_management_system table.dataTable thead tr th{
  font-weight: 600;
  color: #31323A;
}
.complain_management_system table.dataTable tr th:first-child,
.complain_management_system table.dataTable tr td:first-child { border-top-left-radius: 10px; 
  border-bottom-left-radius: 10px;
  border-left: 1px solid #e6e6e6;
}
.complain_management_system table.dataTable tr th:last-child,
.complain_management_system table.dataTable tr td:last-child {       border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; 
  border-right: 1px solid #e6e6e6;
}
@media screen and (min-width: 1601px) {
  .colchartleft{
    width: 65% !important;
    max-width: 65% !important;
    flex: 65% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
  }
  .colchartright{
    width: 35% !important;
    max-width: 35% !important;
    flex: 35% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 1600px) {
  .chartclcie{
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    float: none !important;
    display: block !important;
    max-width: 100% !important;
    flex: 100% !important;
  }
  .colchartright > div{
    padding-top: 10% !important;
  }
}