body {
}

.col-header{
    background-color:antiquewhite;
    font-style:italic;
    font-size:large;
    padding:10px;
    text-align:center;
}
.col-footer{
    background-color:azure;
    font-style:italic;
    font-size:large;
    padding:10px;
    text-align:center;
}
.thongtinbill{
    width:100%;
    /*max-width:800px;*/
    padding:10px;
    
}
.thongtincuahang{
    width:100%;
    /*max-width:800px;*/
    padding:10px;
}
.thongtinbill .row{
    padding-bottom:20px;
    background-color:#FFF !important;
}
.thongtincuahang .row{
    padding-bottom:20px;
    background-color:#FFF!important;
}
/*.thongtincuahang .r-cuahang{
    padding-bottom:20px;
     background-color:cadetblue!important;
}*/

.fill-input{
    background: white;
    border: 1px solid #D9D9D9;
    color: #626262;
    display: inline-block;
    height: 33px;
    line-height: 19px;
    padding: 0 1%;
    max-width: 100%;
    vertical-align: top;
    font-weight:600;
    min-width: 100%;
    font-family: 'Segoe UI', 'Open Sans', Helvetica, Arial, sans-serif;
        
}
.col-lable{
    text-align:center;
    color:darkcyan;
    font-weight:bold;
    font-size:20px;
}
.col-header span{
    color:coral;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: darkgrey;
  font-weight:400;
  opacity: 1; /* Firefox */
}
input[type=number] {
  text-align:right;
}
textarea{
    min-height:60px;
    width:100%;
}

        .chitietmenu{
             font-family: Arial, Helvetica, sans-serif;
            border-collapse: collapse;
            width: 100%;
        } 
         .chitietmenu td, .chitietmenu th {
            border: 1px solid #ddd;
            padding: 8px;
        }

         .chitietmenu tr:nth-child(even) {
            background-color: #f2f2f2;
        }

          .chitietmenu tr:hover {
            background-color: #ddd;
        }

          .chitietmenu th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: darkcyan;
            color: white;
        }
        #tbchitietbill {
            font-family: Arial, Helvetica, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }

        #tbchitietbill td, #tbchitietbill th {
            border: 1px solid #ddd;
            padding: 8px;
        }

        #tbchitietbill tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        #tbchitietbill tr:hover {
            background-color: #ddd;
        }

        /*#tbchitietbill .tienhang tr {
            background-color: #808080!important;
        }*/

        #tbchitietbill th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: darkcyan;
            color: white;
        }

        .right{
            text-align:right;
        }

        .centered {
          position: fixed;
          left: 50%;
          /* bring your own prefixes */
          transform: translate(-50%, -50%);
        }

        .taobutton{
            background-color:gold;
            padding:10px;
            padding-left:20px;
            padding-right:20px;
            color:black;
            font-size:30px;
        }
         .xembutton{
            background-color: #90f0b2;
            padding:10px;
            padding-left:20px;
            padding-right:20px;
            color:brown;
            font-size:30px;
        }

         .maxw{
             max-width:800px;
         }
         textarea{
             width:80%;
         }
         .btn-back{
            background-color:burlywood;
            border-radius: 0;
            text-transform: uppercase;
            font-size: 13px;
            height: 39px;
            padding: 0 35px;
         }
         #nhomsp{
            max-width:400px;
         }

         .headercol{
            max-width:400px;
            background-color:gainsboro;
            text-transform: uppercase;
            font-size: 12px;
            font-weight:700;
            height: 39px;
            padding: 15px;
         }
         .colsp{
             border:solid;
             border-width:thin;
             border-color:gray;
             padding:10px;
         }
         .xoarow{
             text-align:center; color:red; cursor:pointer
         }

         input.input-low {
            border: 1px solid #ddd;
            box-shadow: none;
            height: 26px; 
            width:96%;
        }

         .btn-nau {
            color: #fff;
            background-color: #411515;
            border-color: #2e6da4;
        }
         .btn-nau:hover {
            color: #f1f314;
            background-color: #411515;
            border-color: #2e6da4;
        }
         .smallform{
             max-width:400px;
             padding-top:10px;
         }

         .tennhom{
            background-color:ghostwhite;
            height:40px;
            max-height:250px;
            top:50%;
            left:50%;
            text-align: left;
            padding-top:8px;
            padding-left:20px;
            border-left:solid;
            border-color:crimson;
            border-width:medium;
         }
         .anhnho{
             width:100px;
         }

.soluongmua{
    width: 4rem;
    height: 4.2rem;
    margin: 0 .8rem;
    text-align: center;
    font-size:36px; 
    outline: none;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #cfd2d4;
    color:blue;
}
.chonmua{
   font-size:36px; cursor:pointer; padding:10px; background-color:#289052; color:white;border-radius: 25px; width:380px;
}

.dathem{
    color:red;
    font-size:16px;
    font-style:italic;
}
.nhomchonsoluong{
font-size:36px; 
}


@media screen and (max-device-width: 480px){
  #manga{
      width:100%!important; min-width:400px;
    }
}