:root{
    --primary-color:#140f20; 
    --second-color:#26a85a;
    --third-color:#eefaf3;
    --text-dark:#373a3c;
    --text-light:#ffffff;
    --border-color:#EBECF0;
    --border-color-2:#e7e7e7;
    --border-radius-0:0px;
    --border-radius-3:6px;
    --border-radius-5:5px;
    --shadow-05:0 6px 1rem rgba(0, 0, 0, 0.05)
}
@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-Regular.ttf")!important;src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype")!important;font-weight: normal;font-style: normal}@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-BoldItalic.ttf")!important;src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype")!important;font-weight: bold;font-style: italic}@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-BlackItalic.ttf")!important;src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype")!important;font-weight: 900;font-style: italic}@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-Italic.ttf")!important;src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype")!important;font-weight: normal;font-style: italic}@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-Light.ttf")!important;src: local("Roboto Light"), local("Roboto-Light"),url("../fonts/Roboto/Roboto-Light.ttf") format("truetype")!important;font-weight: 300;font-style: normal}@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-MediumItalic.ttf")!important;src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),url("../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype")!important;font-weight: 500;font-style: italic}@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-Bold.ttf")!important;src: local("Roboto Bold"), local("Roboto-Bold"),url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype")!important;font-weight: bold;font-style: normal}@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-Medium.ttf")!important;src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype")!important;font-weight: 500;font-style: normal}@font-face {font-family: "Roboto"!important;src: url("../fonts/Roboto/Roboto-LightItalic.ttf")!important;src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype")!important;font-weight: 300;font-style: italic}
ul.tt-group-features-list {
    padding-left: 1rem;
}
.text-primary {
    color: #140f20 !important;
}
h1,.h1{font-size: clamp(1.3rem, 1.2769rem + 0.1026vw, 1.4rem)!important;}
h2,.h2{font-size: clamp(1.2rem, 1.1769rem + 0.1026vw, 1.3rem)!important;}
:is(h3,.h3):not(#orderpage .cart-products-item h3, .orderpage .orderpage-summary.orderpage-summary-sticky .orderpage-summary-content .orderpage-summary_title h3){font-size: clamp(1.1rem, 1.0769rem + 0.1026vw, 1.2rem)!important;}
h4,.h4{font-size: clamp(1rem, 0.9769rem + 0.1026vw, 1.1rem)!important;}
:is(h5,.h5):not(.sidebar-heading){font-size:1rem!important;color: var(--text-dark)!important;}

@media(min-width:768px){
.w-lg-25{
  width:25%!important;  
}  
}
@media(max-width:767.9px){
.w-47{
    width:47%!important;
}
}
.dropdown-order-items-els > .row{
    row-gap:15px;
}
.sidebar .nav-item>.nav-link.active {
    background-color: #392b5b;
}
/*--------CART RADIO -----------*/
.bindcart_js .web2m-radio-custom  label img.choose-os{
    width:60px;
}
/* footer */
		.we2m-contact-button{
		position: fixed;
    right: 20px;
    bottom: 180px;
    z-index: 99;
	}
	.web2m-btn{
	position: relative;
    text-align: right;
	}
	.web2m-btn:not(:first-child){
		margin-top: 20px;
	}
	.web2m-btn:hover label{
		visibility: visible;
	}
	.web2m-btn i {
		font-size: 36px;
		text-align: right;
	}
	.web2m-btn .fa-facebook-messenger {
		color: #1b74e4;
	}
	.web2m-btn .fa-map-location-dot {
		color: #3e9c21;
	}
	.web2m-btn .fa-location-crosshairs {
		color: #FF5E14;
	}
	.web2m-btn .zalo {
		width:36px; 
		float: right;
	}
	.web2m-btn label {
		visibility: hidden;
		background-color: #00235a;
		color: white;
		font-size: 80%;
		padding: 3px 10px;
		border-radius: 3px;
	}
	 .hotline-chat {
             position: fixed;
             bottom: -12px;
             right: -9px;
             z-index: 99;
         }

         .circle-hotline-chat {
             height: 50px;
             width: 50px;
             border-radius: 50%;
             background-color: #0080ff;
             -webkit-transition: height 0.25s ease, width 0.25s ease;
             transition: height 0.25s ease, width 0.25s ease;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
             margin-top: 3px;
             margin-left: -3px;
         }

         .circle-hotline-chat span {
             margin: 12px;
             display: inline-block;
         }

         .circle-hotline-chat:before,
         .circle-hotline-chat:after {
             content: "";
             display: block;
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             border-radius: 50%;
             border: 1px solid #0080ff;
         }

         .circle-hotline-chat:before {
             -webkit-animation: ripple 2s linear infinite;
             animation: ripple 2s linear infinite;
         }

         .circle-hotline-chat:after {
             -webkit-animation: ripple 2s linear 1s infinite;
             animation: ripple 2s linear 1s infinite;
         }

         .circle-hotline-chat:hover:before,
         .circle-hotline-chat:hover:after {
             -webkit-animation: none;
             animation: none;
         }

         @-webkit-keyframes ripple {
             0% {
                 -webkit-transform: scale(1);
             }

             75% {
                 -webkit-transform: scale(1.75);
                 opacity: 1;
             }

             100% {
                 -webkit-transform: scale(2);
                 opacity: 0;
             }
         }

         @keyframes ripple {
             0% {
                 transform: scale(1);
             }

             75% {
                 transform: scale(1.75);
                 opacity: 1;
             }

             100% {
                 transform: scale(2);
                 opacity: 0;
             }
         }

         .circle-hotline-chat img {
             width: 50px;
             max-width: 100%;
             height: auto;
         }

         .hotline-chat .phone {
             font-size: 16px;
             font-weight: bold;
             background: #f00;
             color: white;
             padding: 1px 30px 1px 75px;
             border-radius: 39px;
             left: -25px;
             top: -25px;
             position: absolute;
             box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
         }

         #home-chat .hotline-chat .phone p {
             line-height: 15px;
             margin-top: 8px;
             margin-bottom: 8px;
         }

         #home-chat .hotline-chat .phone p a {
             font-style: inherit;
             color: white;
             text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
             font-size: 14px;
             font-weight: bold;
             text-decoration: none;
         }

         .hotlinefix {
            position: fixed;
    bottom: 85px;
    /* left: 49px; */
    right: 125px;
    z-index: 99;
         }

         .circle-hotline {
             height: 50px;
             width: 50px;
             border-radius: 50%;
             background-color: #f00;
             -webkit-transition: height 0.25s ease, width 0.25s ease;
             transition: height 0.25s ease, width 0.25s ease;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
             margin-top: 3px;
             margin-left: -3px;
         }

         .circle-hotline span {
             margin: 12px;
             display: inline-block;
         }

         .circle-hotline:before,
         .circle-hotline:after {
             content: "";
             display: block;
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             border-radius: 50%;
             border: 1px solid #f00;
         }

         .circle-hotline:before {
             -webkit-animation: ripple 2s linear infinite;
             animation: ripple 2s linear infinite;
         }

         .circle-hotline:after {
             -webkit-animation: ripple 2s linear 1s infinite;
             animation: ripple 2s linear 1s infinite;
         }

         .circle-hotline:hover:before,
         .circle-hotline:hover:after {
             -webkit-animation: none;
             animation: none;
         }

         @-webkit-keyframes ripple {
             0% {
                 -webkit-transform: scale(1);
             }

             75% {
                 -webkit-transform: scale(1.75);
                 opacity: 1;
             }

             100% {
                 -webkit-transform: scale(2);
                 opacity: 0;
             }
         }

         @keyframes ripple {
             0% {
                 transform: scale(1);
             }

             75% {
                 transform: scale(1.75);
                 opacity: 1;
             }

             100% {
                 transform: scale(2);
                 opacity: 0;
             }
         }

         .circle-hotline img {
             width: 50px;
             max-width: 100%;
             height: auto;
         }

         .hotlinefix .phone {
             font-size: 14px;
             font-weight: bold;
             background: #fff;
             color: #f00;
             padding: 9px 13px 5px 58px;
             border-radius: 39px;
             left: -28px;
             width: 180px;
             top: -21px;
             position: absolute;
             box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
         }

         .hotlinefix .phone p {
             line-height: 8px;
             margin-bottom: 4px;
             padding: 10px 0;
         }

         .hotlinefix .phone p a {
             font-style: inherit;
             color: #f00;
             text-shadow: none;
             font-size: 15px;
             font-weight: bold;
             text-decoration: none;
         }
/*.bindcart_js .web2m-radio-custom img.choose-os::before {*/
/*    content: "";*/
/*    background-repeat: no-repeat!important;*/
/*    background-size: contain!important;*/
/*    width: 60px;*/
/*    height: 60px;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/
@media(max-width:768px){
.bindcart_js .web2m-radio-custom img.choose-os::before {
    width: 40px;
    height:40px;
}
.bindcart_js .web2m-radio-custom .check-content {
    line-height: 1.3;
    font-size: 0.9rem;
}
.bindcart_js .web2m-radio-custom{
    row-gap:5px!important;
}
}
/*.bindcart_js .web2m-radio-custom img.choose-os.Almalinux::before {*/
/*    background: url(/includes/libs/configoptions/assets/images/icon-alma.svg);*/
/*}*/
/*.bindcart_js .web2m-radio-custom img.choose-os.CentOS::before {*/
/*    background: url(/includes/libs/configoptions/assets/images/icon-centos.svg);*/
/*}*/
/*.bindcart_js .web2m-radio-custom img.choose-os.Debian::before {*/
/*    background: url(/includes/libs/configoptions/assets/images/icon-debian.svg);*/
/*}*/
/*.bindcart_js .web2m-radio-custom img.choose-os.Ubuntu::before {*/
/*    background: url(/includes/libs/configoptions/assets/images/icon-ubuntu.svg);*/
/*}*/
/*.bindcart_js .web2m-radio-custom img.choose-os.Windows::before {*/
/*    background: url(/includes/libs/configoptions/assets/images/icon-windows.svg);*/
/*}*/
.bindcart_js .web2m-radio-custom  label :is(input[type=radio]:checked:after, input[type=radio]:checked::after){
    display:none;
}
.bindcart_js .web2m-radio-custom  label :is(input[type=radio], input[type=radio]:checked){
    visibility:hidden;
}
.bindcart_js .web2m-radio-custom  label:has(input[checked]){
    border:1px solid var(--primary-color)!important;
}
.bindcart_js .web2m-radio-custom  label {
    cursor: pointer;
    position:relative;
}
.bindcart_js .web2m-radio-custom  label:hover {
    border-color:var(--primary-color)!important;
    background-color:var(--third-color);
}
.bindcart_js .web2m-radio-custom .radio-styled .deploy_checkmark {
    position: absolute;
    border-radius: 0 6px 0 0;
    top: 0;
    right: 0;
    display: none;
    width: 35px;
}
.bindcart_js .web2m-radio-custom .radio-styled .material-icons.check {
    position: absolute;
    top: 1px;
    right: 2px;
    display: none;
    color: #ffffff;
    font-size:18px!important;
}
.bindcart_js .web2m-radio-custom .radio-styled:has(input[checked]) :is(i.material-icons.check, img.deploy_checkmark) {
    display: block;
}
/*----------- END CART RADIO -----------*/
.popover{background-color: #858585;border-radius: 3px;}

.bs-popover-top>.arrow::after, .bs-popover-auto[x-placement^="top"]>.arrow::after {
    border-top-color: #858585!important;
}
.vtip_description.orderpage-summary_recurring{
    padding-left:33px;
}
.ui-pnotify-text[aria-role="alert"] a {
    color:black!important;
}

/*-------------------------- DETAIL HOSTING ---------------------*/
.section-account.section-account-service a.btn.btn-info.btn-sm.pull-right {
    padding: 0.6rem 1rem !important;
}
.section-account.section-account-service ul.leftnavigation-box, .cloud .cloud-top .cloud-nav .level-1{
    padding-left:17px!important;
}
.section-account.section-account-service ul.leftnavigation-box li, .cloud .cloud-top .cloud-nav .level-1 > li{
    padding: 0 0 0 5px!important;
    position:relative;
}
.section-account.section-account-service ul.leftnavigation-box li::before, .cloud .cloud-top .cloud-nav .level-1 > li::before{
    font-family:"Material Icons";
    content:"\eaaa";
    width:10px;
    height:10px;
    position:absolute;
    top:7px;
    left:-1rem;
}
.section-account.section-account-service ul.leftnavigation-box li:hover::before,
.section-account.section-account-service ul.leftnavigation-box li:has(a.nav-link.active)::before,
.cloud .cloud-top .cloud-nav .level-1 > li:hover::before,
.cloud .cloud-top .cloud-nav .level-1 > li.current-menu-item::before{
    color: var(--primary-color);
}
.section-account .service-details .service-details-line{
    border-bottom: 0.07rem solid var(--border-color-2)!important;
}    
.section-account .service-details .service-details-line:nth-child(3){
    border-bottom: unset!important;
}    
.section-account.section-account-service .widget.widget-append .body-content{
  margin-left: 0!important;  
}
.section-account.section-account-service .widget.widget-append .body-content p:has(#lnkPrivate, #lnkRequests, #lnkCRT, #lnkInstall){
    margin-bottom: 2rem !important;
    margin-top: 1.2rem !important;
}
.section-account.section-account-service .widget.widget-append .body-content :is(#lnkPrivate, #lnkRequests, #lnkCRT, #lnkInstall) {
    padding: 0.6rem 1rem;
    border-radius: var(--border-radius-3);
    background-color: var(--primary-color) !important;
    color: var(--text-light) !important;
}
.section-account.section-account-service .widget.widget-append .body-content :is(#lnkPrivate, #lnkRequests, #lnkCRT, #lnkInstall):hover {
    filter:brightness(0.9);
    cursor:pointer;
}

/* ------------------ SSL CERTIFICATE HOSTING ------------------*/
.section-account.section-account-service .widget .body-content .section form{
    display:flex!important;
   flex-direction:column;
}
.section-account.section-account-service .widget .body-content :is(.span5, .fow-fluid>.span5) {
    color: gray;
    font-size: 0.9rem;
    font-style: italic;
    margin-top: 5px;
}    
.section-account.section-account-service .widget .body-content :is(.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12) {
    width:100%;
    padding-left:0!important;
}
.section-account.section-account-service .widget .body-content .section form .control-group:has(input[type="reset"], input[type="submit"]) {
    display: flex;
    gap: 20px;
}
.section-account.section-account-service .widget .body-content .section form :is(input[type="reset"], input[type="submit"]){
    width:fit-content;
}
.section-account.section-account-service .widget .body-content .section h3{
    font-size:1.1rem!important;
    padding: 0.8rem!important;
    margin-top: 1rem!important;
    font-weight: 500!important;
    background: rgb(133 186 161 / 50%)!important;
    color: #0d462c!important;
    border-radius:var(--border-radius-3)!important;
}
.section-account.section-account-service .widget .body-content .section form .control-group {
    margin-bottom: 1rem!important;
}
.section-account.section-account-service .widget .body-content .section form :is(div.span4, div.span6){
   padding-left:0!important;
}
.section-account.section-account-service .widget .body-content .section form .span6 {
    width: 100%!important;
}
#ssltable th[style="width: 60px;"]{
width:50%!important;
}
/* ------------------ SSL CERTIFICATE HOSTING ------------------*/
/* ------------------ END DETAIL HOSTING ------------------*/

/*-------------------------- DETAIL VPS ------------------------*/

.cloud .cloud-top .cloud-header h1:where(.almalinux,.centos,.debian,.ubuntu,.windows){
    padding-left:137px!important;
    padding:10px;
    line-height:18px!important;
}
.os-logo.almalinux {
    background: transparent url(/templates/common/cloudhosting/images/os-logos4.png) no-repeat !important;
    background-position: 0px 0px !important;
    width: 24px;
    background-size: cover !important;
}
.os-logo.centos {
    background-position: 0px -43px!important;
    background-position: 0px 0px !important;
    width: 24px;
    background-size: cover !important;
}
.os-logo.debian {
    background-position: 0px -214px!important;
    background-position: 0px 0px !important;
    width: 24px;
    background-size: cover !important;
}
.os-logo.ubuntu {
    background-position: 0px -85px!important;
    background-position: 0px 0px !important;
    width: 24px;
    background-size: cover !important;
}
.os-logo.windows {
    background-position: 0px -128px!important;
    background-position: 0px 0px !important;
    width: 24px;
    background-size: cover !important;
}
.cloud .cloud-top .cloud-header h1.centos::before, .cloud .cloud-top .cloud-header h1.ubuntu::before,.cloud .cloud-top .cloud-header h1.os-logo::before{
    display:none;
}
.cloud-nav .level-1 li.dropdown > a::after {
    content: "";
    border: 5px solid transparent;
    border-top-color: white;
    display: inline-block;
    border-top-color: var(--text-dark);
    margin: 14px -23px 0px;
    margin:15px 5px 0px;
}
@media(max-width:600px){
.cloud-nav .level-1 li.dropdown > a::after {
        margin: 14px -23px 0px;
    }
}
.dropdown .dropdown-toggle::after{
    transform:none;
}
/*.cloud #content-cloud {*/
/*    margin: 40px 0 40px!important;*/
/*}*/
.cloud #content-cloud :is(h3.sshkeys.hasicon, h3.billing.hasicon) {
    margin-top: -30px !important;
}
.cloud table.table-rw-stack {
    background: #f5f5f5;
    border: 1px solid var(--border-color-2); 
    padding: 15px 20px;
    border-radius: var(--border-radius-3);
}
h3.summarize{
    border-bottom:none!important;
    padding:20px 0 10px!important;
}
.cloud table.table-rw-stack tbody tr:first-child {
    border-bottom: 1px solid var(--border-color-2);
}
.cloud table.table-rw-stack tbody tr:last-child{
    margin-bottom:0!important;
}
table.ttable.vm-details-table, .section-account-service .service-details {
    background: #f5f5f5;
}
.cloud .vm-menu-dropdown>.dropdown-toggle::after{
    font-size:1.3rem!important;
}
.cloud .vm-menu-dropdown>.dropdown-menu{
    border-color:var(--border-color-2)!important;
    border-radius:var(--border-radius-3);
    box-shadow:0 10px 20px #0000001c;
}
/*.cloud .cloud-top .cloud-nav .level-1 {*/
/*    padding: 1rem;*/
/*    border: 1px solid var(--border-color-2) !important;*/
/*    border-radius: var(--border-radius-3);*/
/*    background: #f5f5f5;*/
/*}*/
/*.cloud .cloud-top .cloud-nav .level-1 > li:not(:first-child) {*/
/*    border-top: 1px solid #EBECF0!important;*/
/*}*/
.cloud .cloud-top .cloud-nav * > * > * {
    font-weight: 400!important;
}
.cloud .cloud-top .cloud-nav .level-1 > li.menu-item a, .section-account.section-account-service ul.leftnavigation-box > li > a{
    padding: 0 8px!important;
}
.cloud .cloud-top .cloud-nav .level-1 > li.menu-item:hover > a, .section-account.section-account-service ul.leftnavigation-box > li:hover > a{
    background: #f4f4f4;
    border-radius: var(--border-radius-3);
}
.cloud .cloud-top .cloud-nav .level-1 .menu-item, .cloud .cloud-top .cloud-nav .level-1 .menu-item.show .dropdown-menu, .cloud .cloud-top .cloud-nav .level-1 .menu-item.current-menu-item .dropdown-menu{
    background:unset!important;
}

.cloud .cloud-top .cloud-nav .level-1 .menu-item.dropdown .dropdown-menu li a{
    padding-left:0!important;
    font-size:0.875rem!important;
}
.cloud .cloud-top .cloud-nav .level-1 .menu-item.dropdown .dropdown-menu li {
    list-style: disc;
}
.cloud .cloud-top .cloud-nav .level-1 .menu-item.show .dropdown-menu, .cloud .cloud-top .cloud-nav .level-1 .menu-item.current-menu-item .dropdown-menu{
    padding-left:1.5rem!important;
}
.vm-details-value.vm-details-value.vm-details-password a:first-child, span#rootpss{
    background:#D9252E!important;
    color:white!important;
    padding:0.1rem 0.6rem;
    border-radius:var(--border-radius-3);
    line-height:1.6;
}
.cloud .small_control{
    margin:0!important;
}
.cloud .small_control:not(:disabled):not(.disabled), .cloud a.label:not(:disabled):not(.disabled){
    border-radius:var(--border-radius-3);
}
.cloud table.vm-details .vm-details-table>tbody .vm-details-row .vm-details-label, .cloud table.vm-details-table .vm-details-table>tbody .vm-details-row .vm-details-label{
    margin-bottom:0.1rem!important;
}
.cloud table.vm-details .vm-details-table>tbody, .cloud table.vm-details-table .vm-details-table>tbody, .bordered-section.service-details {
    border: 0.07rem solid var(--border-color-2)!important;
    border-radius: var(--border-radius-3)!important;
}
.cloud #lockable-vm-menu #vm-menu li, .cloud #vm-menu li {
    border-radius:var(--border-radius-3)!important;
}
.cloud #lockable-vm-menu #vm-menu>li>a, .cloud #vm-menu>li>a{
    border-radius:var(--border-radius-3)!important;
    /*color:var(--text-light)!important;*/
}
td.vm-details-value.vm-details-value.vm-details-password a.key-solid.small_control{
    border-radius:var(--border-radius-3)!important;
}
td.vm-details-value.vm-details-value.vm-details-password {
    display: flex;
    gap:8px;
}
#vm-menu {
    gap:10px;
}
#vm-menu > li > :is(a.vps-do-console, a.vps-do-startup){
    /*background:#007bff!important;*/
    color: #004085!important;
    background-color: #cce5ff!important;
    border-color: #b8daff!important;
}

#vm-menu > li > :is(a.vps-do-reboot, a.vps-do-upgrade){
    /*background:#ffc107!important;*/
    color: #856404!important;
    background-color: #fff3cd!important;
    border-color: #ffeeba!important;
}
#vm-menu > li.vm-menu-dropdown > a.dropdown-toggle{
    /*background:#5a6268!important;*/
    color: #1b1e21!important;
    background-color: #d6d8d9!important;
    border-color: #c6c8ca!important;
}
#vm-menu > li > :is(a.vps-do-shutdown, a[title="Hủy VPS"]){
    /*background:#dc3545!important;*/
    background-color: #fbe8e9!important;
    color: #D9252E!important;
    border-color: #f5c6cb!important;
}
@media(max-width:1000px){
#vm-menu > li > a.vps-do-upgrade{
    /*background:#17a2b8!important;*/
    color: #0c5460!important;
    background-color: #d1ecf1!important;
    border-color: #bee5eb!important;
}
}
#vm-menu > li > a:hover{
    filter:brightness(0.9);
}
@media(max-width:600px){
.cloud #content-cloud .header-bar{
    margin-bottom:65px;
}
}
.cloud #lockable-vm-menu #vm-menu li a, .cloud #vm-menu li a {
    font-size:0.875rem!important;
    line-height:1.3!important;
}
#vm-menu > li.vm-menu-dropdown > ul.dropdown-menu.dropdown-menu-right a:hover{
    background:#f4f4f4!important;
}
@media (min-width: 768px){
.cloud table.vm-details .vm-details-table>tbody .vm-details-row, .cloud table.vm-details-table .vm-details-table>tbody .vm-details-row {
    padding: 0.8em 1.4em;
}}
@media(max-width:767.9px){
.cloud table.vm-details .vm-details-table>tbody .vm-details-row, .cloud table.vm-details-table .vm-details-table>tbody .vm-details-row {
    padding: 0.6em 1.4em!important;
    display: flex;
}
.cloud table.vm-details .vm-details-table>tbody .vm-details-row:nth-child(2n-1):not(:first-child)::before, .cloud table.vm-details-table .vm-details-table>tbody .vm-details-row:nth-child(2n-1):not(:first-child)::before {
    /*margin-top: -13px;*/
    /*border-top: 0.07rem solid var(--border-color-2);*/
    display:none;
}
.vm-details-box .vm-details-row{
    border:1px solid #f5f5f5!important;
}
}
/*-------------------------------END DETAIL VPS -----------------*/

/*----------------------------- dashboard.tpl -------------------*/
.section-dashboard span.count-services {
    background: #d7f2da;
    padding: 0.4rem;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    line-height: 1;
    font-size: .8rem;
    color: #186e46;
    border: 1px solid #bddac0;
    text-align: center;
}
/*-------------------------- End dashboard.tpl -------------------*/

/*------------------------------- root.tpl ------------------------*/
@media(max-width:768px){
.root-boxes .root-box .material-icons {
    font-size: 35px;
}
.root-boxes .root-box {
    height: 120px!important;
}
}
/*---------------------------- End root.tpl ------------------------*/

.navbar .navbar-nav .dropdown-menu{
    border-radius: var(--border-radius-3);
}
body .footer-content .footer .footer-box{
    padding:0 20px!important;
}
.nav-tabs-wrapper .nav-tabs li.nav-item{
    padding:10px 20px!important;
}
.nav-tabs-wrapper .nav-tabs li.nav-item a.nav-link{
    color:var(--text-dark)!important;
    font-weight:normal!important;
}
.nav-pills .nav-link {
    border-radius: var(--border-radius-3)!important;
}
.nav-pills[role="tablist"]{
    gap:5px;
}
.nav-pills[role="tablist"] a.nav-link:hover:not(.active) {
    background: #f5f5f5;
}
.section-account-header :is(.balance,.credit){
    border-radius:var(--border-radius-3);
}
@media (min-width: 994px){
body .body-content .section-main {
    padding: 20px 40px!important;
}}
@media(max-width:767.9px){
.dropdown-menu.dropdown-order-items.show .row {
    gap: 10px;
}
}
@media(max-width:800px){
.navbar .navbar-body .navbar-menu {
    justify-content: flex-start;
}
.navbar .navbar-left .btn-left-navbar{
   margin: 5px!important;
}
.card.message-box .card-body, .card .card-body, .wbox .card-body, .card.message-box .wbox_content, .card .wbox_content, .wbox .wbox_content, .card-footer {
    padding: 0.6rem 1rem!important;
}
}
.btn-social{width:100%;}
.navbar .navbar-left .btn-left-navbar.btn-toggler {
    color: var(--text-light) !important;
    background-color: #392b5b!important;
    border-radius: var(--border-radius-3)!important;
}
.navbar .navbar-left .btn-left-navbar i {
    color: var(--text-light) !important;
}
.modal .modal-content .modal-header {
    padding: 15px 2rem 15px 1rem;
    background: var(--primary-color);
    border-radius: 6px 6px 0 0;
}

#preloader {
    background: #aed4c3!important;
}
i.arrow-icon{
    background: #f4f4f4;
    border-radius: 50%;
    padding: 0.5rem;
}
i.arrow-icon:hover {
    background: var(--primary-color);
    color: var(--text-light) !important;
}
input.parsley-success, select.parsley-success, textarea.parsley-success {
    background-color: unset!important;
    color: var(--text-dark)!important;
}

.table:not(.domains-table,.section-affiliates .table, #content-cloud .tab-pane .table, .tickets-table, .invoices-table,.services-table, .dashboard-stackable,.section-account .stackable, .table-ipaccess) thead th {
    padding: 16px 30px 16px 0;
}
.table:not(.domains-table,.section-affiliates .table, #content-cloud .tab-pane .table, .tickets-table, .invoices-table,.services-table, .dashboard-stackable,.section-account .stackable,.table-ipaccess) tbody td {
    padding: 10px 30px 10px 0;
}
.table thead th.static, .section-account-service .leftnavigation-box li a span{
    font-weight:400!important;
}
.table thead th, .table tbody td{
    text-wrap:nowrap;
}
textarea#c_notes {
    padding: 0!important;
}
.badge, .label {
    border-radius: var(--border-radius-3)!important;
}
.badge.badge-Pending, .label.label-Pending {
    background-color: #ddce1d4a!important;
    color: #a86508!important;
}
.badge.badge-Active, .badge.badge-Accepted, .badge.badge-Paid, .badge.badge-Receiptpaid, .badge.badge-Opened, .badge.badge-Open, .badge.badge-success.badge-styled,.label.label-Active, .label.label-Accepted, .label.label-Paid, .label.label-Receiptpaid, .label.label-Opened, .label.label-Open, .label.label-success.label-styled {
    background-color: #d4edda!important;
    color: #140f20!important;
}

.badge.badge-Canceled, .badge.badge-Draft, .badge.badge-Dead, .badge.badge-Cancelled, .badge.badge-Receiptcanceled, .badge.badge-Close, .badge.badge-Closed, .badge.badge-Creditnote, .badge.badge-Fraud, .badge.badge-secondary.badge-styled {
    background-color: #d6d8d9!important;
    color: var(--text-dark)!important;
}
[type="submit"]:not(:disabled) {
    background-color: var(--primary);
    border: none;
    padding: 0.6rem 1rem;
    /*padding: 0.8rem 1rem;*/
    color: var(--text-light);
}
hr {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important; 
    border: 1px;
    width: 100%;
    border-top: 1px solid var(--border-color-2);
}
input[type=checkbox]:checked:after, input[type=checkbox]:checked::after,
input[type=radio]:checked:after, input[type=radio]:checked::after {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.shadow {
    box-shadow: var(--shadow-05) !important;
}
.dropdown-item {
    color:var(--text-dark)!important;
}
.navbar.fixed-top .navbar-body .material-icons {
    font-size:20px!important;
}
/*------------- CART ----------------*/


.cart-product.selected:not(.outofstock) {
    border-color: var(--primary)!important;
    background-color: var(--primary)!important;
    box-shadow: var(--shadow-05)!important;
    transition:0s all!important;
    border-radius:var(--border-radius-3)!important;
}
.cart-product.selected:not(.outofstock) .cart-product-section .details {
    background: #2f9265;
}
.cart-product:hover:not(.outofstock) {
    border-color: var(--primary-color)!important;
}
.cart-product-item h4.cart-product-name {
    font-size: 1rem;
}
.cart-product-section .details {
    background: #f8f8f8;
    border-radius: 4px;
}
.cart-category{
    border-radius:var(--border-radius-3)!important;
    border:1px solid var(--border-color-2)!important;
    min-height:170px;
}
.orderpage-categories_list .media.cart-category:hover .text-dark{
    color:var(--text-light)!important;
}
.section-account-header h1, .orderpage.orderpage-categories_list h1 {
    font-size: 150% !important;
    font-weight: 600;
    color:var(--primary-color);
}
.section-account-header h5 .desc-has-bg{
    /*background: linear-gradient(to right, #ffecdf, #fffce1);*/
    /*padding: 1rem;*/
    /*border-radius: var(--border-radius-3);*/
    margin-bottom:1rem;
    line-height:1.8;
}
/*#orderpage .common-information .header .title{*/
/*    font-size: 18px !important;*/
/*    margin-bottom: 15px;*/
/*}*/
.common-information .body {
    padding: 1rem;
    background: var(--third-color);
    border-radius: var(--border-radius-3);
}
.common-information .body ul.list-features.list-info {
    padding: 0;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    gap: 0px;
}
.common-information .body ul.list-features.list-info > li {
    display: flex;
    align-items: center;
    padding: 5px 0;
    min-width: 290px;
}
.common-information .body ul.list-features.list-info li i {
    margin-right: 8px;
    background: #bce6cd;
    padding: 2px;
    border-radius: 90px;
    font-size: 15px;
    color: var(--primary);
}

#orderpage .cart-products-item h3 {
    font-weight: 500;
}
#orderpage .cart-product-section :is(.h1) {
    font-weight: 500;
    font-size: 200% !important;
}
#orderpage h4.cart-product-name {
    font-size: 90% !important;
}
#orderpage .cart-products-item {
    background: #f4f4f4;
    padding: 1rem;
    width: fit-content;
    border-radius: var(--border-radius-3);
}
#orderpage .cart-products-scount {
    border:none;
    height: 30px;
    background: var(--primary-color);
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    -webkit-border-radius: var(--border-radius-5);
    -moz-border-radius: var(--border-radius-5);
    border-radius: var(--border-radius-5) !important;
    margin-right: 10px;
    margin-bottom: 0rem; 
    color: var(--text-light);
    font-weight:500;
    display:none;
}
#orderpage .cart-products-item h3 {
    color: var(--text-dark);
    font-size: 1rem;
}
.cart-category.selected {
    border-color: var(--primary-color)!important;
    background-color: var(--primary-color)!important;
    box-shadow: var(--shadow-05) !important;
}
.cart-category.selected *{
    color:#fff!important;
}
.product-icon svg{
    max-height: 40px;
    max-width: 40px;
    background: var(--primary);
    padding: .5rem;
    border-radius: var(--border-radius-5);
}
.cart-category .flag-icon {
    height:27px!important;
    max-height:27px!important;
    border: 1px solid var(--border-color)!important;
    box-shadow:none!important;
}
.product-icon svg g[class^="product-icon-"]{
    fill:var(--text-light);
}
.product-icon svg g path[class^="product-icon-"]{
    fill:transparent;   
}
.product-icon svg g#Server path[class^="product-icon-"]{
    fill:transparent;   
}
/*.product-icon svg  g[class^="product-icon-"]{*/
/*    fill: transparent;*/
/*}*/
.cart-category .h3{
    color:var(--text-dark)!important;
}
.card.section-product-card{
    border-color: var(--border-color)!important;
    border-radius:var(--border-radius-3)!important;
}
.card.message-box .card-header, .card .card-header, .wbox .card-header, .card.message-box .wbox_header, .card .wbox_header, .wbox .wbox_header{
    background-color:#f4f4f4!important;
}
.navbar .navbar-left .navbar-brand {
    height: 135%;
}
.navbar .dropdown-order-items.show{
    margin:0!important;
    border-radius:var(--border-radius-0);
}
.navbar .navbar-search-results .navbar-dropdown-item, .navbar .dropdown-order-items .navbar-dropdown-item {
    padding: 0.8rem 20px!important;
    color: var(--text-dark)!important;
    border: 1px solid var(--text-dark)!important;
    border-radius: var(--border-radius-3);
}
.navbar .navbar-search-results .navbar-dropdown-item:hover, .navbar .dropdown-order-items .navbar-dropdown-item:hover,.cart-category:hover,.cart-category:hover .h3 {
    background-color: var(--primary-color) !important;
    color: var(--text-light)!important;
    border: 1px solid var(--primary-color)!important;
}
.orderpage .step-boxes, .card {
    border-radius: var(--border-radius-5)!important;
}
textarea, input:not(#sld_update,#tld_update), select, .btn {
    border-radius: var(--border-radius-3)!important;
}

:is(.form-credentials.form-credentials-modal,.form-credentials.form-signin) .form-label-group.freeze input.form-control, 
:is(.form-credentials.form-credentials-modal,.form-credentials.form-signin) input.form-control:focus, 
:is(.form-credentials.form-credentials-modal,.form-credentials.form-signin) select.form-control {
     padding-top: 0!important; 
     padding-bottom: 0!important; 
}
.form-control:not(#navbar-search-box), select, input:not([type="submit"], [type="reset"], [type="radio"], [type="checkbox"], [type="file"], .form-control), input.styled:not([type="submit"], [type="button"], [type="reset"], [type="radio"], [type="checkbox"], [type="file"]), textarea, .modal input[type=text].form-control{
    height:2.8rem!important;
}
.form-control:not([disabled], [readonly], .is-invalid, .form-control-noborders):hover, select:not([disabled], [readonly], .is-invalid, .form-control-noborders):hover, input:not([type="submit"], [type="reset"], [type="radio"], [type="checkbox"], [type="file"], .form-control):not([disabled], [readonly], .is-invalid, .form-control-noborders):hover, input.styled:not([type="submit"], [type="button"], [type="reset"], [type="radio"], [type="checkbox"], [type="file"]):not([disabled], [readonly], .is-invalid, .form-control-noborders):hover, textarea:not([disabled], [readonly], .is-invalid, .form-control-noborders):hover, .modal input.form-control[type=text]:not([disabled], [readonly], .is-invalid, .form-control-noborders):hover, .form-control:not([disabled], [readonly], .is-invalid, .form-control-noborders):focus, select:not([disabled], [readonly], .is-invalid, .form-control-noborders):focus, input:not([type="submit"], [type="reset"], [type="radio"], [type="checkbox"], [type="file"], .form-control):not([disabled], [readonly], .is-invalid, .form-control-noborders):focus, input.styled:not([type="submit"], [type="button"], [type="reset"], [type="radio"], [type="checkbox"], [type="file"]):not([disabled], [readonly], .is-invalid, .form-control-noborders):focus, textarea:not([disabled], [readonly], .is-invalid, .form-control-noborders):focus, .modal input.form-control[type=text]:not([disabled], [readonly], .is-invalid, .form-control-noborders):focus, .form-control:not([disabled], [readonly], .is-invalid, .form-control-noborders):active, select:not([disabled], [readonly], .is-invalid, .form-control-noborders):active, input:not([type="submit"], [type="reset"], [type="radio"], [type="checkbox"], [type="file"], .form-control):not([disabled], [readonly], .is-invalid, .form-control-noborders):active, input.styled:not([type="submit"], [type="button"], [type="reset"], [type="radio"], [type="checkbox"], [type="file"]):not([disabled], [readonly], .is-invalid, .form-control-noborders):active, textarea:not([disabled], [readonly], .is-invalid, .form-control-noborders):active, .modal input.form-control[type=text]:not([disabled], [readonly], .is-invalid, .form-control-noborders):active{
    border: 0.07rem solid var(--primary-color)!important;
}


/*custom*/
.web2m-sale_prd {
    width: 100%;
    margin: auto auto 30px auto;
    display: flex;
    padding: 10px;
    align-items: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.07);
}
.web2m-sale_prd ul {
    margin: 0px !important;
}
.web2m-sale_prd ul li {
    margin-right: 50px !important;
}
.web2m-sale_prd ul li {
    position: relative;
    padding-left: 15px;
    display: inline-block;
}
.web2m-sale_prd ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #140f20 !important;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.web2ms-sale_prd ul li a {
     font-size: 16px;
    color: #000;
}
.web2m-sale_prd ul li p {
    margin: 0px !important;
     font-size: 16px;
    color: #000;
}
.web2m-sale_prd .banner_sales_prd {
    padding: 5px 5px 8px 5px;
    background: transparent;
    display: flex;
    width: 150px !important;
    text-align: center;
    border: 1px dashed #ff0000;
    justify-content: center;
    align-items: center;
    margin-left: -15px;
}
.web2m-sale_prd .banner_sales_prd strong {
    font-size: 18px;
    line-height: 22px;
    color: #ff0000;
    font-weight: 700;
    margin: 0px 10px 0px 0px;
}
.banner_sales_prd figure {
    margin: 0;
    position: relative;
}
.banner_sales_prd sup {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    font-size: 15px;
}
  @media only screen and (max-width: 768px) {
    .web2m-sale {
        margin: 0 !important;
        display: flex !important;
    }
    .web2m-sale .banner_sales {
        width: 50px !important;
    }
    .hotlinefix {
    right: -10px !important;
}
.hotlinefix .phone {
    display: none;
}
.web2m-sale-icon_prd {
    display: none;
}
.web2m-sale_prd {
    width: 100%;
    margin: auto auto 30px auto;
}
.web2m-sale_prd ul li {
    margin-right: 10px !important;
}
 .web2m-sale_prd {
    margin: auto auto 30px auto;
}
}
.web2m-sale {
    width: 100%;
    margin: calc(30px + 40px) auto 30px auto;
    display: flex;
    padding: 10px;
    align-items: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.07);
}
.web2m-sale ul {
    margin: 0px !important;
}
.web2m-sale ul li {
    margin-right: 50px !important;
}
.web2m-sale ul li {
    position: relative;
    padding-left: 15px;
    display: inline-block;
}
.web2m-sale ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #140f20 !important;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.web2ms-sale ul li a {
    font-size: 16px;
    color: #000;
}
.web2m-sale ul li a p {
    margin: 0px !important;
}
.web2m-sale .banner_sales {
    padding: 5px 5px 8px 5px;
    background: transparent;
    display: flex;
    width: 150px !important;
    text-align: center;
    border: 1px dashed #ff0000;
    justify-content: center;
    align-items: center;
    margin-left: 50px;
}
.web2m-sale .banner_sales strong {
    font-size: 18px;
    line-height: 22px;
    color: #ff0000;
    font-weight: 700;
    margin: 0px 10px 0px 0px;
}
.banner_sales figure {
    margin: 0;
    position: relative;
}
.banner_sales sup {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    font-size: 15px;
}
.web2m-khuyenmai{
    margin-top: 70px;
    margin-bottom: 30px;
    display: block;
    position: relative;
}

.web2m-khuyenmai .title{
    float: left;
    padding: 0 20px 0 10px;
    line-height: 70px;
    background: #d6ecc9;
    color: #617456;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 70px;
}

.web2m-khuyenmai .web2m-news{
    background: #f6f6f6;
    font-size: 1.1rem;
    display: block;
    overflow: hidden;
    width: auto;
    height: 70px;
    line-height: 68px;
    border: 1px solid #eee;
    border-left: 0;
    padding: 0 95px 0 20px;
    position: relative;
}
.web2m-khuyenmai .web2m-news a{color:var(--text-dark)}
.web2m-khuyenmai .web2m-news code{
    font-size: 1rem!important;
    background: #d3d3d3;
    padding: 5px 10px;
    border-radius: var(--border-radius-3);
    font-family: Roboto, sans-serif;
}
.web2m-khuyenmai .web2m-news a:hover{color:var(--primary-color)}

.web2m-khuyenmai .navigation{
    position: absolute;
    top: 0;
    right: 0;
}
.web2m-khuyenmai .slick-arrow{
    background: #fff;
    cursor: pointer;
    border: 1px solid #eee;
    line-height: 68px;
    width: 60px;
    font-size: 18px;
    float: left;
    position: relative;
    height: 70px;
}
@media(max-width:768px){
.web2m-khuyenmai{margin-top:0}
.web2m-khuyenmai .title,.web2m-khuyenmai .web2m-news,.web2m-khuyenmai .slick-arrow {height:50px;line-height:48px;}
.web2m-khuyenmai .slick-arrow {width:50px}
.web2m-khuyenmai .title > span{display:none;}
.web2m-khuyenmai .slick-slide{word-break: break-all;}

}