/**
 * @Project NUKEVIET 4.x
 * @Author VSOFT (http://vsoft.com.vn)
 * @Copyright (C) 2024 VSOFT. All rights reserved
 * @License GNU/GPL version 2 or any later version
 * @Createdate Tue, 21 May 2024 05:15:24 GMT
 */
:root {
    --mainColor: #ff5c00;
    --textColor: #231f20;
    --gradient1: #0142E6;
    --gradient1_2: #49C4FF;
    --gradient3: #092477;
    --gradient4: #3a529b;
    --pricecolor: #ff5c00;
    --color-red: #A8CE3B;
}
.uppercase{
    text-transform: uppercase;
}
.table-hover>tbody>tr:hover {
    background-color: yellow;
}
.dalamthutuc{
    background-color: lightslategrey !important;
}
.image_row.loading::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #33333352 url('../images/loading.gif') no-repeat center center;
}
.plus_button {
    background-color: #5cb85c;
    color: #fff ! IMPORTANT;
    border: none;
    line-height: 56px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12), 0px 3px 5px -1px rgba(0, 0, 0, .2);
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12), 0px 3px 5px -1px rgba(0, 0, 0, .2);
    cursor: pointer;
    display: inline-block;
    fill: #fff;
    height: 56px;
    outline: none;
    overflow: hidden;
    position: fixed;
    text-align: center;
    width: 56px;
    z-index: 4000;
    right: 10px;
    bottom: 50px;
}
.icon-big {
    font-size: 42px;
}
.header-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 8px;
}
.table thead {
    background: #188ae2;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.form_full .form-control{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0;    
    -webkit-box-shadow: inset 0 0 1px 0 rgb(0 0 0 / 8%);
    box-shadow: inset 0 0 1px 0 rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.flex-fill {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.flex-fill-top {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.flex-fill-top .form-control{
    font-weight: bold;
    color: red;
}
.flex-fill label{
    white-space: nowrap;
    margin-right: 3px;
    margin-bottom: 0;
    font-weight: normal;
}
.flex-fill .form-control{
    height: 20px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 1.5;
    color: blue;
}
.form-control.sodangky{
    font-size: 14px;
    font-weight: bold;
    color: blue;
}
.form_full .form-group {
    margin-bottom: 30px;
}
.form_full input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: transparent !important;
    color: blue !important;
}
.form_full select.required {
    background-position: calc(100% - 15px) 5px;
}
.form_full .has-error .form-control:focus {
    border-color: red;
    -webkit-box-shadow: inset 0 0 1px 0 rgb(0 0 0 / 8%), 0 0 0 0 #ce8483;
    box-shadow: inset 0 0 0 0 rgb(0 0 0 / 8%), 0 0 0 0 #ce8483;
}
#preloader{
    text-align: center;
    padding: 15px 0;
    display: none;
    background: #fff;
}
.w100{
    width: 100%;
}
.form-result {
    position: absolute;
    top: 40px;
    left: 5%;
    width: 90%;
    float: left;
    z-index: 2;
    padding: 30px 20px;
    display: none;
}
a.btn-default{
    color: #333;
}
.price{
    font-weight: bold;
    color: red;
}
.input-xs {
    height: 20px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.dangkiemtra{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: calc(50% + 80px);
    color: #fff;
    font-weight: bold;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.83);
  z-index: 9999;
}

#loader {
  position: absolute;
  top: 50%;
  left: 50%; 
}
.ball-rotate {
    position: relative;
}
.ball-rotate>div:first-child {
    -webkit-animation: rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;
    animation: rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;
}
.ball-rotate>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
50% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

@keyframes rotate {
0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
}
50% {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
}
}

.ball-rotate {
position:relative;
}

.ball-rotate>div {
background-color:#fff;
width:15px;
height:15px;
border-radius:100%;
margin:2px;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
position:relative;
}

.ball-rotate>div:first-child {
-webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;
animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;
}

.ball-rotate>div:after,
.ball-rotate>div:before {
background-color:#fff;
width:15px;
height:15px;
border-radius:100%;
margin:2px;
content:"";
position:absolute;
opacity:.8;
}

.ball-rotate>div:before {
top:0;
left:-28px;
}

.ball-rotate>div:after {
top:0;
left:25px;
}

@keyframes rotate {
0% {
  -webkit-transform:rotate(0deg) scale(1);
  transform:rotate(0deg) scale(1);
}
50% {
  -webkit-transform:rotate(180deg) scale(0.6);
  transform:rotate(180deg) scale(0.6);
}
100% {
  -webkit-transform:rotate(360deg) scale(1);
  transform:rotate(360deg) scale(1);
}
}

.ball-clip-rotate>div {
border-radius:100%;
margin:2px;
border:2px solid #fff;
border-bottom-color:transparent;
height:25px;
width:25px;
background:0 0 !important;
display:inline-block;
-webkit-animation:rotate .75s 0s linear infinite;
animation:rotate .75s 0s linear infinite;
}

@keyframes rotate {
0% {
  -webkit-transform:rotate(0deg) scale(1);
  transform:rotate(0deg) scale(1);
}
50% {
  -webkit-transform:rotate(180deg) scale(0.6);
  transform:rotate(180deg) scale(0.6);
}
100% {
  -webkit-transform:rotate(360deg) scale(1);
  transform:rotate(360deg) scale(1);
}
}

@keyframes scale {
30% {
  -webkit-transform:scale(0.3);
  transform:scale(0.3);
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
}
}

.ball-clip-rotate-pulse {
position:relative;
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px);
}

.ball-clip-rotate-pulse>div {
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
position:absolute;
top:0;
left:0;
border-radius:100%;
}

.ball-clip-rotate-pulse>div:first-child {
background:#fff;
height:16px;
width:16px;
top:7px;
left:-7px;
-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;
animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;
}

.ball-clip-rotate-pulse>div:last-child {
position:absolute;
width:30px;
height:30px;
left:-16px;
top:-2px;
background:0 0;
border:2px solid;
border-color:#fff transparent;
-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;
animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;
-webkit-animation-duration:1s;
animation-duration:1s;
}
#sitemodal .modal-content{
    width: 100%;
}
.bold{
    font-weight: bold;
}
.form_capphep .form-control[disabled]{
    background-color: transparent;
    opacity: 1;
    color: #333333;
    font-weight: bold;
}
.form_print .form-control[disabled]{
    color: #333;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px dotted #ccc;
}
.form_print.text-left .form-control[disabled]{
    text-align: left;
}
@-webkit-keyframes my {
	 0% { color: #fff; } 
	 50% { color: #faf00a;  } 
	 100% { color: #fff;  } 
 }
 @-moz-keyframes my { 
	 0% { color: #fff;  } 
	 50% { color: #faf00a;  }
	 100% { color: #fff;  } 
 }
 @-o-keyframes my { 
	 0% { color: #fff; } 
	 50% { color: #faf00a; } 
	 100% { color: #fff;  } 
 }
 @keyframes my { 
	 0% { color: #fff;  } 
	 50% { color: #faf00a;  }
	 100% { color: #fff;  } 
 } 
 .chunhapnhay {
    -webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite;
    text-align: center;
    padding: 2px;
    background: #ef5222;
}
@media screen and (max-width:767px){
    .no-flex-mobile{
        display: block;
    }
    .no-flex-mobile .form-control{
        margin: 10px 0;
        width: 100% !important;
    }
    .no-flex-mobile label{
        display: block !important;
    }
}
a.add_to_cart {
    border: initial;
    padding: 10px 20px;
    background: linear-gradient(180deg, var(--gradient1) 0%, var(--gradient1_2) 100%);
    border-radius: 10px;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
}
a.add_to_cart:hover {
    background: linear-gradient(180deg, var(--gradient3) 0%, var(--gradient4) 78.65%);
    color: #fff;
}
.add_to_cart span {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}
a.add_to_cart2 {
    border: initial;
    padding: 10px 20px;
    background: linear-gradient(180deg, var(--pricecolor) 0%, var(--pricecolor) 100%);
    border-radius: 10px;
    color: #fff;
    width: 100%;
    margin-bottom: 10px;
}
a.add_to_cart2:hover {
    background: linear-gradient(180deg, var(--color-red) 0%, var(--color-red) 78.65%);
    color: #fff;
}
.add_to_cart2 span {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}