/* This web app is not meant for mobile users in the first place. */
/* Responsive CSS merely aid in some aspects that make mobile browsing sloghtly better.  */
/* Exceptions for responsive design is done using (.dont_respond) class. */



@media screen and (max-width: 1200px) {



/*---------------------LOGIN PORTAL--------------------------*/
  #login_form:not(.dont_respond){
    width: 100% !important;
    padding:50px;
    transition-duration: 0;
  }
  #login_form input:not(.dont_respond),
  #login_form button:not(.dont_respond){
    height:60px;
    font-size: 36px;
  }
  #login_form button:not(.dont_respond){
    height:90px;
    font-size: 36px;
  }
  #login_form p:not(.dont_respond){
    font-size: 30px;
  }


/*---------------------SIDE BAR--------------------------*/
    div.small_tag:not(.dont_respond){
      display: none !important;
    }


/*---------------------MAIN CONTENT--------------------------*/
    /* #Page_container:not(.dont_respond){
      display: block !important;
    }
    #Page_container > div:not(.dont_respond){
      width:100% !important;
      margin:0px;
      padding:0px;
    } */


/*---------------------GROUPED BUTTONS--------------------------*/
    /* .grouped_win7.v1:not(.dont_respond),
    .grouped_win7.v2:not(.dont_respond) { */
      /* height:60px !important;
      font-size: 30px !important;
      min-width: */
    /* } */

/*---------------------Tables--------------------------*/





/*---------------------DATATABLE--------------------------*/
    .table_title:not(.dont_respond){   /*Datatable.title*/
      /* width:100%;
      text-align: left;
      font-size: 20px;
      height:auto;
      line-height: normal; */
      display: none;
    }
    /* .table_title:not(.dont_respond)::before{
      content: "📱. ";
    } */
    .dataTables_info:not(.dont_respond)::before{
        content: 'Mobile display - ';
        font-weight: 700;
    }
    .dataTables_info:not(.dont_respond),
    .dataTables_paginate:not(.dont_respond){ /* Datatable.showing & selection & page number.*/
      display: block;
      float: none;
      text-align: center;
      /* font-size: 20px ;
      line-height: 20px ; */
      height:  auto;
    }
    .dataTables_length:not(.dont_respond),
    .dt-buttons:not(.dont_respond){
      display:none;
    }




}