/*! http://responsiveslides.com v1.53 by @viljamis */

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    top: 0;
    z-index: -1;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
 	display: block;
	height: auto;
	float: left;
	border: 0;
	width: 100%;
  }
.tdcenter {
    text-align: center;
}
.navbar .navbar-collapse{
    margin-left: 0 !important;
}
@media only screen and (max-device-width: 480px) {
    .nophone{
        display: none !important;
    }
    .top-nav ul li{
        font-size: 32px;
    }
    .group{
        width: 60%;
        margin: 250px auto;
        height: 100vh;
        font-size: 24px;
    }
    .listview_1_of_3, .listview_1_of_2{
        width: 100%;
        margin-top: 120px;
    }
    .main-login{
        width: 80%;
        margin: 180px auto;
        font-size: 4em;
        float: unset;
    }
    .input-icon > input{
        font-size: 1em;
        height: 2em;
    }
    fieldset legend{
        font-size: 24px;
    }
    .form-actions>.btn-primary{
        font-size: 1em;
    }
    .app-content{
        font-size: 1.5em;
    }
    .col-sm-4{
        width: 100%;
        margin: 50px auto;
        font-size: 2.5em;
    }
    .col-sm-8{
        display: none;
    }
    #page-title .breadcrumb{
        width: 90% !important;
        font-size: 2em;
        margin: 0 20px !important;
        right: unset !important;
        line-height: 2;
    }
    .username{
        font-size: 2em;
    }
    .container-fluid{
        margin-top: 150px;
    }
    .dropdown-menu>li>a{
        font-size: 2em !important;
    }
    label{
        font-size: 48px;
    }
    input[type="text"], textarea.form-control, input.form-control{
        font-size: 48px;
        height: 80px;
    }
    .clip-radio label{
        margin-right: 30px;
        padding-left: 45px !important;
        font-size: 48px;
    }
    .clip-radio label:before {
        width: 35px; height: 35px;bottom: 0;
    }
    .clip-radio label:after{
        width: 35px; height: 35px;bottom: 0;
    }
    #panel-02>.btn-primary,.btn-primary,.btn-secondary{
        font-size: 48px;
        margin-top: 30px;
    }
    .nav input.btn-primary{
        margin-top: 0;
    }
    .col-md-2{
        width: 33.33%;
        float: left;
    }
    input[type="date"]{
        font-size: 32px !important;
    }
    .nav input, .nav button{
        font-size: 18px;
        height: 60px;
    }
    #mytable td {
    display:block;
    text-align: right;
  }
  #mytable thead, #mytable th {
    display: none;
  }
  #mytable tr td::before{
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
}
  #mytable tr:nth-child(2n) td {
    background-color: rgba(0,0,0,.025);
  }
    .table tbody > tr > td{
        height: 50px;
        font-size: 32px;
    }
    .myicon{
        margin: 0 50px;
    }
    .col_toa{
        overflow-x:hidden;
        width:100%;
    }
    .titlethongtin{
        text-align: center;
        font-size: 48px !important;
        font-weight: 700;
    }
    table.dt-responsive{
        margin-top: 30px;
    }
    .btntoamau{
        font-size: 48px;
        margin-top: 30px;
        width: 100% !important;
        text-align: center !important;
    }
    #loadtoamau{
        width: 96% !important;
        margin-left: 2% !important;
    }
    #datatable th{
        font-size: 32px;
        font-weight: 600;text-align: center;
    }
    .modal-dialog{
        width: 90%;
    }
    #tbtoathuoc input, #tbtoathuoc th{
        font-size: 28px;
    }
    .tenthuoc, .cachdung, .soluong{
        width: 100% !important; overflow-x: hidden;
    }
    #xn{
        display: inline-table !important;
    }
}