﻿
html, body {
    height: 90%;
    margin: 0;
    padding: 0;
}

#cc {
    margin-top: -130px;
    width: 990px;
    height: 700px;
    padding: 20px;
}

.col-left {
    float: left;
}

.border-c {
    border-style: solid;
    border-color: rgb(120, 64, 8);
}

#wrap {
    width: 989px;
    height: 450px;
    border: 0.5px solid rgb(120, 64, 8);
    margin-top: 124px;
    position: fixed;
}

#block-top {
    height: 36px;
    width: 1000px;
    border-width: 0px 0px 0.5px 0px;
}

#block-1 {
    height: 475px;
    width: 600px;
    border-width: 0px 0.5px 0.5px 0px;
}

#block-1-a {
    height: 475px;
    width: 250px;
    border-width: 0px 0.5px 0px 0px;
}

#block-1-b {
    height: 450px;
    width: 349px;
    border-width: 0px 0px 0px 0px;
}

#block-1-b-1 {
    height: 215px;
    width: 350px;
    border-width: 0px 0px 0.5px 0px;
}

#block-1-b-2 {
    height: 205px;
    width: 349px;
    border-width: 0px 0px 0px 0px;
}

#block-1-c {
    height: 154px;
    width: 600px;
    border-width: 0px 0.5px 0px 0px;
}

#block-1-c-1 {
    height: 36px;
    width: 600px;
    border-width: 0px 0px 0.5px 0px;
}

#block-1-c-2 {
    width: 599px;
    height: 76px;
    border-width: 0px;
}

#block-2 {
    height: 629px;
    width: 325px;
    border-width: 0px 0.5px 0px 0px;
    border-style: dotted;
}

#block-3 {
    height: 475px;
    width: 398px;
    border-width: 0px 0px 0px 0px;
}

#block-3-a {
    height: 475px;
    width: 400px;
    border-width: 0px 0px 0.5px 0px;
}

#block-3-b {
    height: 104px;
    width: 297px;
    border-width: 0px 0px 0px 0px;
}

#block-3-b-1 {
    height: 36px;
    width: 400px;
    border-width: 0px 0px 0.5px 0px;
}

#block-3-b-2 {
    height: 76px;
    width: 399px;
    border-width: 0px 0px 0px 0px;
}

#block-top-1 {
    border-width: 0px 0px 0px 0px;
}

#block-top-1-a {
    height: 36px;
    width: 125px;
    border-width: 0px 0.5px 0px 0px;
}

#block-top-1-b {
    height: 36px;
    width: 125px;
    border-width: 0px 0.5px 0px 0px;
}

#block-top-2 {
    height: 36px;
    width: 350px;
    border-width: 0px 0.5px 0px 0px;
}

#block-top-2bis {
    height: 36px;
    width: 325px;
    border-width: 0px 0.5px 0px 0px;
}

#block-top-3 {
    border-width: 0px 0px 0px 0px;
}

#block-top-3-a {
    width: 225px;
    height: 36px;
    border-width: 0px 0.5px 0px 0px;
}

#block-top-3-b {
    width: 70px;
    height: 36px;
    border-width: 0px 0.5px 0px 0px;
}

#block-top-3-c {
    width: 100px;
    height: 26px;
    border-width: 0px 0px 0px 0px;
}


#block-3-b-1-a {
    width: 225px;
    height: 36px;
    border-width: 0px 0.5px 0px 0px;
}

#block-3-b-1-b {
    width: 70px;
    height: 36px;
    border-width: 0px 0.5px 0px 0px;
}

#block-3-b-1-c {
    width: 100px;
    height: 36px;
    border-width: 0px 0px 0px 0px;
}

#block-1-c-1-a {
    height: 36px;
    width: 125px;
    border-width: 0px 0.5px 0px 0px;
}

#block-1-c-1-b {
    height: 36px;
    width: 125px;
    border-width: 0px 0.5px 0px 0px;
}

#block-1-c-1-c {
    height: 36px;
    width: 259px;
    border-width: 0px 0px 0px 0px;
}

.form-input-group {
    margin-bottom: 5px;
    color: #785c08;
    font-size: 12pt;
    padding: 5px;
}

.form-input-group-li {
    color: #785c08;
    font-size: 12pt;
    padding: 0px 5px 5px 0px;
    font-weight: bold;
    /*margin-bottom: 10px;*/
}

.form-input-group-li-2 {
    color: #785c08;
    font-size: 12pt;
    padding: 5px 5px 5px 0px;
    font-weight: bold;
    margin-bottom: 6px;
}

.gr-input {
    float: left;
}
/* input số lượng */
.soLuong {
    width: 50%;
}

input {
    padding-left: unset;
    border: unset;
    color: #785c08;
    font-weight: bold;
    margin-top: -4px;
    height: 30px;
}

/*set màu placeholder*/
::placeholder {
    color: #785c08;
}
/*input tên bên Quần*/
.quanTen {
    width: 80%;
}

/*hàng có 1 ô nhập*/
.inPut1 {
    width: 30.3%;
    padding-right: 0px !important;
}
/*hàng có 2 ô nhập*/
.inPut2 {
    max-width: 20%;
    padding-right: 0px !important;
}
/*input select*/
.inPut3 {
    width: 60%;
}
/*input select số (chọn số)*/
.inPut4 {
    width: 37%;
}
/*input  chọn */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    font-weight: bold;
    color: #785c08;
    border: unset;
    padding-left: 0px;
    height: 28px;
}
/*ghi chú bên phần vest*/
.txtArea1 {
    width: 340px;
    height: 132px;
    line-height: 34px;
    border: unset;
    font-weight: bold;
    color: #785c08;
    font-size: 12pt;
}
/*mã vải*/
.txtArea2 {
    width: 315px;
    height: 150px;
    line-height: 41.5px;
    border: unset;
    font-weight: bold;
    color: #785c08;
    font-size: 12pt;
}

/*ghi chú bên quần*/
.txtArea3 {
    width: 390px;
    height: 90px;
    line-height: 29px;
    border: unset;
    font-weight: bold;
    color: #785c08;
    font-size: 12pt;
}

/* các nút trong popup nhập số*/

.btn-blockk {
    font-size: 20px;
    width: 100%;
    font-weight: bold;
    color: white !important;
    background-color: #c7ac8d;
    padding: 1px 6px !important;
}

.bg-light {
    background-color: #575d6333 !important;
    font-size: 1rem;
}

.btn-danger {
    width: 80px;
    background-color: #604c35 !important;
    border-color: #604c35 !important;
    font-size: 1rem;
}

.btn-info {
    background-color: #604c35 !important;
    border-color: #604c35 !important;
    width: 80px;
    font-size: 1rem;
}

.btn-dark {
    background-color: #604c35 !important;
    border-color: #604c35 !important;
    width: 130px;
    font-size: 1rem;
}

.btn-facebook {
    background-color: #604c35 !important;
    border-color: #604c35 !important;
    width: 80px;
    color: white;
    font-size: 1rem;
}

/*thẻ a menu*/
a {
    text-decoration: none;
    color: #785c08;
    font-weight: bold;
}

.cao {
    height: 59px;
    font-size: 18px;
    margin-top: 16px
}

.nhap {
    width: 100%;
    height: 400px;
}

.btn {
    font-weight: unset;
    padding: unset;
    height: 45px;
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}
/* end - các nút trong popup nhập số*/

/*-----------------*/

/*nút thêm, hủy*/
.but {
    float: right;
    margin-top: 100px;
    margin-right: 345px;
}
/*active menu*/
.navbar .navbar-nav .nav-item > .nav-link.active {
    color: white !important;
}
