@font-face {
    font-family: "AGaramondPro Bold";
    src: local('AGaramondPro Bold'), url(/Views/QRCode/v2/fonts/AGaramondPro-Bold.otf);
    font-display: swap;
}

@font-face {
    font-family: "Bellevue";
    src: local('Bellevue'), url(/Views/QRCode/v2/fonts/Bellevue.otf);
    font-display: swap;
}

@font-face {
    font-family: "Futura Md BT";
    src: local('Futura Md BT'), url(/Views/QRCode/v2/fonts/Futura-Md-BT.woff);
    font-display: swap;
}

@font-face {
    font-family: "Futura BT Light";
    src: local('Futura BT Light'), url(/Views/QRCode/v2/fonts/FutuLt.ttf);
    font-display: swap;
}

@font-face {
    font-family: "Ebrima";
    src: local('Ebrima'), url(/Views/QRCode/v2/fonts/ebrima.ttf);
    font-display: swap;
}

body {
    font-family: "Futura Md BT";
}

div.divLogoTC > .btnLogo {
	background-image: url(/image/link/250/Views/QRCode/v2/images/logoAnnamanco.jpg);
}
	
div .divLogoTC > .btnBack > .img {
	background-image: url(/Views/QRCode/v2/images/btnBack.png);
}

div .divLogoTC > .btnCart > .img {
	background-image: url(/Views/QRCode/v2/images/btnCart.png);
}

.divMenuMid {
    border-top: 2.5px dotted #d1d3d4;
    border-bottom: 2.5px dotted #d1d3d4;
    margin-top: 20px;
    min-height: 55px;
}

    .divMenuMid > ul {
        display: table;
        padding: 0px;
        margin: 0px auto;
    }

        .divMenuMid > ul > li {
            display: table-cell;
            padding: 12px 17px 9px 17px;
            font-size: 14pt;
            cursor: pointer;
            user-select: none;
        }

            .divMenuMid > ul > li > a {
                color: inherit;
            }

.divTitleMain {
    font-family: "Bellevue";
}

.divTitleMainSub {
    font-family: 'Futura Md BT';
}

.divLogoTC  > i.fa.fa-user > .ulUser {
	font-family: "Futura BT Light";
}

.divBanner img {
    width: 100%;
}

.divTitleCollection {
    margin-top: 100px;
    margin-bottom: 50px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

    .divTitleCollection > .txt {
        text-align: center;
        font-family: "Bellevue";
        font-size: 40pt;
        color: #808285;
    }

    .divTitleCollection > .txtSub {
        border-top: 3px dotted #d1d3d4;
        padding-top: 6px;
        text-align: center;
        min-width: 100%;
    }

        .divTitleCollection > .txtSub > div {
            font-size: 18pt;
            font-family: 'Futura BT Light';
            color: #659e02;
            display: inline-block;
            padding-left: 20px;
            padding-right: 20px;
        }

            .divTitleCollection > .txtSub > div:first-child {
                padding-left: 0px;
            }

            .divTitleCollection > .txtSub > div:last-child {
                padding-right: 0px;
            }

.col-md-6.divColMd6 {
    text-align: center;
}

    .col-md-6.divColMd6 .title, .col-md-6.divColMd6 .title2 {
        font-family: 'Futura BT Light';
        color: #6d6e71;
    }

    .col-md-6.divColMd6 .title {
        font-size: 18pt;
        margin-top: 10px;
    }

    .col-md-6.divColMd6 .title2 {
        font-size: 14pt;
        margin-bottom: 40px;
    }

img.imgColMd6 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
}

.divFooter {
    border-top: 3px dotted #d1d3d4;
    margin-top: 10px;
    padding-top: 25px;
    padding-bottom: 10px;
    width: 100%;
    font-size: 14pt;
    color: #414042;
    font-family: 'Futura BT Light';
}

.divFooterSub .divFooterSubRow {
    margin: 0px auto;
}

    .divFooterSub .divFooterSubRow > div {
        display: inline-block;
    }

        .divFooterSub .divFooterSubRow > div.spaceFooter {
            min-width: 40px;
        }

.hidden {
    display: none;
}

span.spanView {
    font-size: 90%;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 6px;
    user-select: none;
}

.x1200 {
    display: block;
}

.x1110 {
    display: none;
}

#detailModalCenter > .modal-dialog {
    max-width: 800px;
}

#detailModalCenter .modal-header {
    border-bottom: none;
}

.row.spRow .title {
	font-family: 'Futura BT Light';
}

.titleSubHome {
	font-family: 'Bellevue'; 
}

div.imageProductPopup {
	background: url(/Images/Icons/loading.gif) no-repeat center center; 	
}

.iconChecked {
	background-image: url(/Views/QRCode/v2/images/checked.png);
}

.iconUnchecked {
	background-image: url(/Views/QRCode/v2/images/unchecked.png);
}

.btnAddToInquiry {
	font-family: 'Futura BT Light';
}

#cartNumber {
	position: absolute;
	font-size: 70%;
	z-index: 1;
	top: -7px;
	right: -2px;
	color: red;
	font-weight: bold;
	letter-spacing: 2px;
 }

.btnCloseRightPannel {
	position: absolute;
	right: 10px;
	top: 2px;
	color: red;
	cursor: pointer;
	user-select: none;
	padding: 10px;
}

 .titleInquiryList {
	 font-size: 14pt;
	 margin-top: 20px;
	 padding-bottom: 20px;
	 color: #75a907;
	 font-weight: bold;
	 user-select: none;
 }

 .btnAddToInquiry.rightPane {
	 display: block; 
	 text-align: center;
	 margin-top: 20px;
	 text-align: center;
	 user-select: none;
	 cursor: default;
 }

 .btnAddToInquiry.rightPane .beforeAfter {
	width: 70px;
	top: 0px;
 }

 #inquiryListContent {
	 height: calc(100vh - 57px);
	 overflow: auto; 
	 padding-left: 30px;
	 padding-right: 30px;
	 user-select: none;
 }

 .inquiryItem.row {
	 margin-left: 0px;
	 margin-right: 0px;
 }

 .inquiryItem.row .iconEdit {
	 font-size: 14pt;
	 color: #75a907;
	 cursor: pointer;
	 user-select: none;
 }

 .inquiryItem.row .iconRemove {
	 font-size: 14pt;
	 color: #ec1915;
	 cursor: pointer;
	 user-select: none;
 }

 .inquiryItem.row .textEdit {
	 font-size: 10pt;
	 cursor: pointer;
	 user-select: none;
 }

 .inquiryItem.row .textRemove {
	 font-size: 10pt;
	 margin-right: 2px;
	 cursor: pointer;
	 user-select: none;
 }

 .btnFinalInquiry {
	 color: #75a907;
	 font-size: 15pt;
	 font-weight: bold;
	 cursor:pointer;
	 user-select: none;
 }

 #regionPullRightPane {
	 position: fixed;
	 width: 10%;
	 min-width: 90px;
	 right: 0px;
	 height: 100vh;
	 z-index: 2;
 }

 div.inquiryButtons {
	 display: table; 
	 width: 100%; 
	 padding-bottom: 50px; 
	 padding-top: 0px;
 }
 
 input[type=number]::-webkit-inner-spin-button {
	opacity: 1
 }
 
 .contentInquiry {
        padding: 10px 20px 10px 20px;
    }

    .contentInquiry label.title {
        color: #75a907;
    }

    .contentInquiry div.content {
        position: relative;
        top: -10px;
    }

    .contentInquiry div.content input {
        width: 100%;
        border: none;
        border-bottom: 2px dotted #CCC;
        font-size: 11pt;
        outline: none;
    }

    #submitRequestIQR.disabled {
        color: #ccc;
        cursor: not-allowed;
    }

    @media only screen and (min-width: 700px) {
        #inquiryModalCenter .modal-dialog {
            max-width: 680px;
        }
    }
	
table[iddt="sizes"] td {
	padding-left: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: left;
}

.tdCheckBox {
	width: 40px;
}

.iconUnchecked {
	background-size: cover;
	width: 20px;
	height: 20px;
}

.iconChecked {
	background-size: cover;
	width: 20px;
	height: 20px;
}

.txt_colorInAvaliable {
	text-align: center;
	margin-top: 10px;
	border: 1px solid #939598;
	font-size: 8pt;
	padding: 2px;
	user-select: none;
	cursor: pointer;
}

.txt_colorInAvaliable.selected {
	background-color: #def0b9;
	font-weight: bold;
	color: #000;
}

.btnAddToInquiry {
	display: inline-block;
	font-size: 18pt;
	color: #75a907;
	font-weight: bold;
	margin: 10px auto 20px auto;
	user-select: none;
	cursor: pointer;
}

.btnAddToInquiry .beforeAfter {
	display: inline-block;
	border-top: 1px solid #000;
	width: 20px;
	height: 1px;
	position: relative;
	top: -8px;
}

.btnAddToInquiry.disabled {
	color: #CCC;
}

.modal-header--sticky {
	position: sticky;
	top: 0;
	background-color: #FFF;
	z-index: 1055;
}

div.imageProductPopup {
	text-align: center; 
	display: grid;
	
}

#navbar .navbar-nav > li > .dropdown-menu {
	position: absolute;
	left: -35px;
	z-index: 1000;
	width: 200px;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

#navbar ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
}

#navbar .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu {
	position: absolute;
	left: 192px;
	top: -11px;
	z-index: 1000;
	width: 200px;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

#navbar .navbar-nav > li > .dropdown-menu > li.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

.navbar-nav>li>.dropdown-menu {
	 margin-top: 0; 
	 border-top-left-radius: 0; 
	 border-top-right-radius: 0; 
}

#navbar .dropdown-menu li a {
	font-size: 90%;
}

@media only screen and (max-width: 768px) {
	.divMenuMid > ul {
		display: block;
	}

		.divMenuMid > ul > li {
			display: block;
			text-align: center;
		}
	
	.divTitleCollection {
			margin-top: 25px;
		}

			.divTitleCollection > .txt {
				font-size: 28px;
			}

				.divTitleCollection > .txt > .underLine {
					top: inherit;
				}
				
			.divTitleCollection > .txtSub > div {
				font-size: 12pt;
				padding-left: 10px;
				padding-right: 10px;
			}

	.divFooterSub .divFooterSubRow > div {
		display: block;
		text-align: center;
	}
}

@media only screen and (min-width: 768px) {
	div.imageProductPopup {
		position: sticky;
		top: 0;
		height: 400px;
	}			
}

@media only screen and (max-width: 480px) {
	.divTitleCollection > .txtSub > div {
		font-size: 9pt;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.divFooter .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #btn-back-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: none;
        z-index: 3;
    }