/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

@import url('https://fonts.cdnfonts.com/css/gilroy-bold');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.roboto-<uniquifier> {font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings:"wdth" 100;}
:root{ 
--ColorPrincipal:#FC4A1A;
--ColorSecundario:#f7b733;
--ColorPrincipalBorde:#b33310;
--ColorSecundarioBorde:#bf8611;
--ColorGrisClaro:#9C9C9C;
--ColorGrisClaroBorde:#484646;
--ColorGrisOscuro:#6D6A6A;
--ColorGrisOscuroBorde:#484646;
}
body, html {font-family: 'Gilroy-Regular', sans-serif!important;font-size: 15px}
body {background-color: #ffffff!important;}
/*a { color:var(--ColorPrincipal);}*/
@media (min-width: 1200px) {
    .container { width:1360px;}
}
.btn-link {color: var(--ColorPrincipal)!important;}
/*Header*/
.topheader{background-color: var(--ColorSecundario);color: #000;line-height:35px;font-family: "Roboto", sans-serif;}
@media (max-width: 767px) {	.topheader{display: none}}
.topheader .container{display: flex;flex-direction: row;}
.topheader .container div{flex: 1;font-weight:500}
.topheader .container .colright{text-align: right}
section#header{/*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/border-bottom:0px solid rgba(0, 0, 0, 0)!important;border-radius: 0px!important;}
@media only screen and (min-width: 768px) {
#header > .container{display: flex; flex-direction: row;align-items: center;}
#header #main-menu .container{width: 100%;}
#header #main-menu .navbar > .container{display: flex;align-items: center;}
#header #main-menu .navbar > .container > .navbar-collapse{flex: 2;}
#header > .container > #main-menu {flex: 2}
}
section#header .logo img {max-height: 85px;}
/*Menu Principal*/
.navbar-main {background-color: transparent;font-family: 'Gilroy-Regular', sans-serif!important;}
section#main-menu {background-color: transparent;}
.navbar-main .navbar-nav>li>a {color: inherit;}
.navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover {color: #fff;background-color: var(--ColorPrincipal);border-radius: 10px 10px 10px 0;}
/*Items*/
#main-menu .navbar-nav > li > a:before{font: var(--fa-font-light);margin-right:5px;font-size: 1.2em;vertical-align: middle;}
#main-menu .navbar-nav > li i{font-weight: 300}
#main-menu .navbar-nav > li[menuitemname="Open Ticket"] a, li[menuitemname="Announcements"] a, li[menuitemname="Home"] a{display: none}
.cliente-logueado #main-menu .navbar-nav > li[menuitemname="Inicio"] span{display:none}
/*Menu User*/
.navbar-main li.account {background-color: transparent;}
.nopc, #home-banner, .home-shortcuts{display: none!important}
.nopc a{color: #fff}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:transparent!important;}
/*Cliente NO LOGUEADO*/
section#header {background-color: var(--ColorPrincipal);}
.cliente-no-logueado .nologin{display: none}
.navbar-main .navbar-nav>li>a {color: #ffffff;font-weight: 600}
@media (max-width: 767px) {
    .navbar-main .navbar-nav .open .dropdown-menu>li>a { color: inherit;}
	.user-profile{display: none!important}
	.navbar-header{display: flex;flex-direction: row;}
	.nopc{display:block!important}
	.navbar-header .nav-arriba{float: left;display: flex;flex-direction: row;gap:0.5em;align-items: center;flex: 2}
	#header > .container > ul.top-nav{}
}
.user-profile img{height:35px;vertical-align: middle;border-radius: 50%;border: 1px solid #fff;box-shadow:0px 0px 10px rgba(5, 5, 5, 0.25);}
/*Menu Iconos*/
#header .container ul.top-nav {margin-top:0px;}
#accountNotifications{position: relative}
.cantidad-notificacion{position:absolute;color:#000;border-radius:50%;background:#fff;width:20px;height:20px;left:-3px;text-align:center;line-height:20px;font-size:11px;font-weight:700;}
i.icononav{width:45px;height:45px;text-align: center;line-height:45px;border-radius: 50%;font-size:17px;color:#fff}
i.icononav{color: #fff}
i.cerrar{color: #fff!important;background:var(--ColorPrincipal)}
ul.top-nav > li > a {padding: 0px 5px;color: #000!important}
@media screen and (max-width: 767px) {
#header .container > ul.top-nav{display: none}
.cliente-no-logueado #header .container .navbar-main .navbar-toggle .icon-bar {background-color:#fff!important;}
.cliente-logueado #header .container .navbar-main .navbar-toggle .icon-bar {background-color:#fff!important;}
.navbar-nav>li {float: none;border-bottom: 1px dotted rgba(0, 0, 0, 0.15);    }
}
/*Footer*/
section#footer {background-color: var(--ColorGrisOscuro); color: #fff;}
.footer-top{padding: 2em 0;background: #F6F6F6}
.footer-top > .container{display: flex;flex-direction: row;gap:3em;align-items: center;}
.footer-top .logo-footer{}
.footer-top .logo-footer img{max-height:100px}
.footer-top .menu-footer{flex: 1;display: flex;flex-direction: row;gap:3em}
	.footer-top .menu-footer ul{margin: 0;padding: 0}
	.footer-top .menu-footer ul li{list-style: none;color: inherit}
	.footer-top .menu-footer ul li a{color: inherit;font-family: 'Gilroy-Bold', sans-serif!important;}
.footer-top .contacto-footer{text-align: right}
	.footer-top .contacto-footer .redes{font-size:25px;font-family: 'Gilroy-Heavy', sans-serif!important;}
		.footer-top .contacto-footer .redes i{margin: 0 10px}
	.footer-top .contacto-footer .telefono{font-family: 'Gilroy-Heavy', sans-serif!important;font-size:2.5em;}
	.footer-top .contacto-footer .pais{font-family: 'Gilroy-Bold', sans-serif!important;}
/*Sidebar Inicio*/
.pagina-clientareahome .panel-sidebar {border-color: transparent!important; border: none!important;}
.pagina-clientareahome .sidebar div[menuitemname="Client Details"] {background:linear-gradient(200deg, var(--ColorPrincipal) 55%, var(--ColorSecundario) 90%)!important;color: #fff!important;border-radius: 20px;padding: 1em;}
.pagina-clientareahome .panel-sidebar>.panel-footer {background-color: transparent!important;}

.pagina-clientareahome .panel-sidebar>.panel-heading {background-color: transparent;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.pagina-clientareahome div[menuitemname="Client Details"] h3.panel-title {color: #fff!important}
.pagina-clientareahome div[menuitemname="Client Details"] .panel-minimise {color: #fff!important;}
.pagina-clientareahome div[menuitemname="Client Details"] .panel-heading{display: none}
@media screen and (max-width: 767px) {
.pagina-clientareahome div[menuitemname="Client Details"] .panel-heading{display: block}
}
.pagina-clientareahome div[menuitemname="Client Details"] .panel-body strong{font-size: 26px;display: block;}
.pagina-clientareahome .FotoUser{margin-bottom: 0.5em}
.pagina-clientareahome .FotoUser img{max-height:72px;border-radius: 50%;border: 4px solid #fff;}
/*.pagina-clientareahome .btn-group-sm>.btn, .btn-sm {border-radius: 6px!important;padding: 7px 15px!important;font-family: "Roboto", sans-serif!important;}*/
.pagina-clientareahome .btn-block {display: inline-block;width: auto;}
/*.pagina-clientareahome div[menuitemname="Client Details"] .btn-success{background:var(--ColorGrisOscuro);border-color: var(--ColorGrisOscuro) }*/
.pagina-clientareahome div[menuitemname="Client Details"] .btn-cerrar{border: 1px solid #fff;color: #fff}
.pagina-clientareahome div[menuitemname="Client Contacts"] .panel-footer a.btn-cerrar{display: none!important}
/*Central*/
section#main-body {background-color: transparent !important;}
/*Titulo*/
div.header-lined h1 {border-bottom:none;font-weight: 600;color: #000;font-family: 'Gilroy-Bold', sans-serif!important;margin-bottom: 5px;}
div.header-lined .breadcrumb>.active {color:var(--ColorPrincipal);}
/*Bloques*/
.tiles {margin: 0 0px 15px 0px;}
.tiles .row{display: flex;flex-direction: row;flex-wrap: wrap;gap: 1em;}
.tiles .tile{width: auto;flex: auto;border-radius:10px;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 24px rgba(0, 0, 0, 0.1);border-right: none;padding: 2em;color: #fff}
@media screen and (max-width: 767px) {
.tiles .row{display:block;}
.tiles .tile{width:47%;margin: 1.5%;}
}
.tile .icon {position: absolute;top: auto;right: 10px;bottom: 10px;font-size: 20px;line-height: 1;color: #fff;}
.tile .icon i{font-weight: 300}
.tile:nth-child(1), .tile:nth-child(2) {background: linear-gradient(159deg, var(--ColorPrincipal) 50%, var(--ColorSecundario) 85%)!important;color: #fff;}
.tile:nth-child(3), .tile:nth-child(4) {background: linear-gradient(159deg, var(--ColorGrisOscuro) 50%, var(--ColorGrisClaro) 85%)!important;color: #fff;}
.tiles .tile .highlight{display: none}
.tile .stat {margin-top: 0;font-size: 100px;line-height: 1;color: #fff;}
.tile .title {font-weight: 600;color: #fff;text-transform: uppercase;font-size: 14px;}
/*Paneles*/
.panel {border-radius:10px}
.panel-default, .sidebar-secondary .panel-sidebar { border-color: transparent;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 15px rgba(0, 0, 0, 0.1);width: 100%}
.panel.panel-accent-gold, .panel.panel-accent-blue, .panel.panel-accent-emerald, .panel.panel-accent-asbestos, .panel.panel-accent-red {border-top: 1px solid transparent;}
.panel-title { margin-top: 0;margin-bottom: 0;font-size: 1.1em;font-family: "Roboto", sans-serif !important;}
.client-home-panels .panel-heading{padding: 17px 15px;}
.client-home-panels .panel>.panel-body {border-top: 1px solid #EFEFF1;}
.panel-footer { background-color:transparent!important;}
.client-home-panels .panel>.list-group {border-top: 1px solid rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05)!important;}
.div-service-status{width:auto !important;}
.div-service-status .label{padding: 4px 6px;font-size: 14px;line-height: 20px;font-weight: 500;vertical-align: middle;}
.list-group-item{border: none!important}
.list-group {font-size: 1.1em;}
#servicesPanel .btn-group-secondary{display:none}
.client-home-panels .panel>.list-group .list-group-item {padding: 15px;border-top: 1px solid #EFEFF1 !important;}
#registerDomainPanel .panel-body{border-top:0px}
.div-service-item {gap: 1em;flex-wrap: wrap;}
@media screen and (max-width: 767px) {
.div-service-item div{flex:40%}
.div-service-status .label:not(.label-placeholder) { width:auto;}
.div-service-status {text-align: right;}
}
.div-service-name>span.font-weight-bold{font-weight: 600;color:var(--ColorPrincipal);}
.div-service-name>span.text-domain{color: #000}
.div-service-name>span.text-domain:before{content: "\f0ac";color:var(--ColorPrincipal);font: var(--fa-font-light);margin-right: 8px;font-size:1.2em;vertical-align: middle;}


.client-home-panels .panel>.panel-footer { border-top: 0; display: none;}
/*.pagina-clientareahome .bg-color-gold, .pagina-clientareahome .bg-color-blue, .pagina-clientareahome .bg-color-asbestos{background: #fff!important;color:var(--ColorGrisOscuro)!important;border:1px solid var(--ColorGrisOscuro)!important}
.btn-group-xs>.btn, .btn-xs {padding: 2px 15px;font-size: 12px;line-height: 1.5;border-radius: 5px;}*/
.btn-group-xs>.btn i, .btn-xs i{margin-left: 7px}
/*BLOQUE - Registra un dominio*/
div[menuitemname="Register a New Domain"]{background: linear-gradient(159deg, var(--ColorSecundario) 15%, var(--ColorPrincipal) 75%)!important;color: #fff!important;padding: 1.5em;margin-bottom: 0;}
.client-home-panels .panel>.panel-heading {background-color: transparent;}
div[menuitemname="Register a New Domain"] .panel-title {font-size: 1.8em;color: #fff;font-weight: 400;font-family: 'Gilroy-Bold', sans-serif!important;}
div[menuitemname="Register a New Domain"] i.fas {font-size: 2em; font-weight: 200;vertical-align: middle;}
.client-home-panels #registerDomainPanel .panel-body .input-group {display: flex;flex-wrap: wrap;flex-direction: column;gap: 1.5em;}
.client-home-panels #registerDomainPanel .panel-body .input-group-btn {gap: 1em;}
.input-group-btn {font-size: inherit;width: auto;text-align: right;}
/*.input-group-btn input{border-radius: 5px!important;font-family: 'Gilroy-Regular', sans-serif!important;}
div[menuitemname="Register a New Domain"] .btn-success {background: var(--ColorGrisOscuro);border-color: var(--ColorGrisOscuro);}
div[menuitemname="Register a New Domain"] .btn-default {color: #fff;background-color: transparent!important;border-color: #fff!important;}*/
/*Sidebar*/
.sidebar .list-group, .list-group{font-size: 1em!important;font-family: "Roboto", sans-serif !important;}
.panel-sidebar .panel-minimise {color: #000000;}
.panel-sidebar>.panel-heading {color: #333;background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.panel-sidebar .panel-title {font-weight: 400;color:var(--ColorPrincipal);}
.panel-sidebar .list-group-item i:not(.fa-circle):not(.fa-dot-circle):not(.no-transform) {float: left;margin-right: 10px;font-size: 13px;color: var(--ColorPrincipal);font-weight: 400;}
/*Sidebar servicios*/
.list-group-item>i.far.fa-circle {color: #cdcdcd;margin-right: 5px;}
.panel-sidebar.view-filter-btns .list-group-item.active, .panel-sidebar.view-filter-btns .list-group-item.active:focus, .panel-sidebar.view-filter-btns .list-group-item.active:hover {background-color:var(--ColorPrincipal);color: #fff;}
.list-group-item.active>.badge, .nav-pills>.active>a>.badge {color: var(--ColorPrincipal);background-color: #fff;margin-top: 0;}
.panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover {background-color:var(--ColorPrincipal);border-color:transparent;}
/*Sorting*/
table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc {padding-right: 0;padding-left: 30px;}
table.dataTable thead > tr > th {padding-right: 0;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {right: 0; left: 8px;}
table.dataTable thead .sorting_asc:after {content: "\f884"!important;font: var(--fa-font-regular)!important;}
table.dataTable thead .sorting:after {opacity: 0.2;content: "\e099"!important;font: var(--fa-font-regular)!important;}
table.dataTable thead .sorting_desc:after{content: "\f160"!important;font: var(--fa-font-regular)!important;}
/*------Mis Productos y Servicios------*/
/*Listado*/
.dataTables_wrapper{box-shadow:0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);}
.dataTables_wrapper .dataTables_info {background-color:#fff;color: #000;border-bottom: 1px solid #EFEFF1;}
.dataTables_wrapper .dataTables_filter label .form-control {border: 1px solid #EFEFF1;border-radius: 5px;}
.dataTables_wrapper table.table-list thead th, .dataTables_wrapper table.table-list thead th:nth-child(even)  {border-bottom:none;background-color:#fff!important;font-family: "Roboto", sans-serif !important;text-align: inherit;}
.dataTables_wrapper .dataTables_length {background-color: #fff;border-top: 1px solid #EFEFF1;}
.dataTables_wrapper .dataTables_length label .form-control {border: 1px solid #EFEFF1;}
/*Detalle*/
.main-content #tabOverview > .row{display: flex;flex-wrap: wrap;width: 100%;}
.pagina-clientareaproductdetails #tabOverview > .row > div:nth-child(1){display: flex}
#cPanelQuickShortcutsPanel .panel-body a{color:#000!important}
.main-content #tabOverview > .row div{flex: 1;}
.main-content #tabOverview .row #cPanelPackagePanel{background: linear-gradient(159deg, rgba(245, 133, 52, 1) 40%, rgba(235, 77, 55, 1) 75%)!important;color: #fff;}
.main-content #tabOverview .row #cPanelPackagePanel .panel-heading{display:none}
.main-content #tabOverview .row #cPanelPackagePanel .panel-body{display: flex;flex-direction: column;gap: 1em;height: 100%;}
.main-content #tabOverview .row #cPanelPackagePanel .panel-body .cpanel-package-details{display: flex;flex-direction: column;justify-content: center;gap: 0.5em;}
.main-content #tabOverview .row #cPanelPackagePanel .panel-body .cpanel-package-details em{font-style: normal}
.main-content #tabOverview .row #cPanelPackagePanel .panel-body .cpanel-package-details h4{font-weight:800;font-family: "Roboto", sans-serif !important;font-size: 3em}
.main-content #tabOverview .row #cPanelPackagePanel .panel-body .cpanel-package-details a{color: #fff;}
.main-content #tabOverview .row #cPanelPackagePanel .panel-body .cpanel-package-details a:before{content: "\f0ac";color:#fff;font: var(--fa-font-light);margin-right: 8px;font-size:1.5em;vertical-align: middle;}
.main-content #tabOverview .row #cPanelPackagePanel .panel-body a.btn-default{border: 1px solid #fff; background: transparent;color: #fff;font-weight:600}
.main-content #tabOverview .row #cPanelPackagePanel .panel-body a.btn-default:after{content: "\e09f";color:#fff;font: var(--fa-font-regular);margin-left:10px;font-size:1.2em;vertical-align: middle;}
.main-content #tabOverview .row #cPanelUsagePanel .panel-heading {background-color: transparent;text-align: center;}
.main-content #tabOverview .row #cPanelUsagePanel .col-md-6 strong{font-family: "Roboto", sans-serif !important;font-size:1.5em}
.main-content #tabOverview .row #cPanelUsagePanel .limit-near{color:var(--ColorPrincipal)}
.main-content #tabOverview .row #cPanelUsagePanel .limit-near:before{content: "\f021";color:var(--ColorPrincipal);font: var(--fa-font-light);margin-right: 8px;font-size:1.5em;vertical-align: middle;}
@media only screen and (min-width: 768px){
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-heading{background: transparent;text-align: center}
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-body > .row{display: flex;}
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-body > div > div{display: flex;width: auto!important;}
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-body > div > div.col-md-5{flex: 2}
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-body > div > div.col-md-7{flex: 1}
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-body > div > div >div{display: flex;flex-direction: column;flex: 1}
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-body > div > div >div:before{color:var(--ColorPrincipal);font: var(--fa-font-light);margin-bottom: 8px;font-size:1.5em;vertical-align: middle;text-align: center;}
#recurringAmount:before{content: "\f3d1";}
#billingCycle:before{content: "\f3d1";}
#paymentMethod:before{content: "\f09d";}
#registrationDate:before{content: "\e471";}
#nextDueDate:before{content: "\f3d1";}
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-body > div > div >div > div{width: 100%;text-align: center;}
}
.main-content #tabOverview #cPanelBillingOverviewPanel .panel-body > div > div >div > div.text-right{font-weight: 600}
/*------*/
/*------------Dominios------------*/
.pagina-domainregister .cart-sidebar, .pagina-domainregister .sidebar-collapsed{display: none!important}
.pagina-domainregister  .cart-body{float: none;width: 100%!important;min-height: 1px;padding-right: 0!important;padding-left: 0!important;}
.pagina-domainregister .cart-body > .row{display: none}
@media only screen and (min-width: 768px){
.pagina-domainregister #DomainSearchResults, .pagina-domainregister .domain-pricing{width: 75%;margin: auto}
}
.pagina-domainregister #order-standard_cart .font-size-36 {font-size: 48px;font-family: "Roboto", sans-serif !important;font-weight: 900;text-align: center;}
.pagina-domainregister .cart-body > p{display: none}
.pagina-domainregister .domain-checker-container{background: transparent}
.pagina-domainregister .domain-checker-bg {margin: 0;padding: 0;background-image: none;}
.domain-checker-container .input-group-box {background-color: #fff;border: 1px solid #DEE0E3;}
.domain-checker-container .form-control{border: none !important;background: transparent !important;box-shadow: none !important;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.domain-pricing h4.font-size-18{font-family: "Roboto", sans-serif !important;font-size: 1.8em !important;font-weight: 300;}
.domain-pricing .bg-white{box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);}
.domain-pricing  .no-gutters,
.domain-pricing .tld-pricing-header div:nth-child(odd),
.domain-pricing .tld-pricing-header .col-sm-2, .domain-pricing .tld-pricing-header .col-sm-4, .domain-pricing .tld-pricing-header .col-xs-2, .domain-pricing .tld-pricing-header .col-xs-4{font-family: "Roboto", sans-serif !important;border-color:transparent!important;background-color: #fff!important;border-bottom: 0!important;}

.listado-extensiones{width: 70%;margin: 50px auto}
.tabla-dominios{box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);background: #fff;position: relative;border-radius: 6px;min-height: 100px;}
.tabla-dominios table{width: 100%;font-family: "Roboto", sans-serif !important;}
.tabla-dominios table thead th{height: 40px;padding: 12px 8px;vertical-align: middle;font-size:13px;font-weight:300}
.tabla-dominios table thead th:first-child, .tabla-dominios table tbody td:first-child{padding-left: 24px;}
.tabla-dominios table tbody tr{padding: 20px 20px 12px 12px}
.tabla-dominios table tbody td{background: var(--table-td-bg);border-top: 1px solid #EFEFF1;height:58px;padding:16px 8px 16px 16px;vertical-align:middle;color:inherit;font-size:15px;text-align: left;}
.tabla-dominios .tld-name {font-size:30px;}
.tabla-dominios .tld-name span {color: var(--ColorPrincipal);}
.tabla-dominios .tld-label {display: none;}
.tabla-dominios small {color:rgba(0,0,0,0.5);}
@media (max-width: 767px) {
.listado-extensiones{width:100%;margin: auto}
.tabla-dominios .tabladeprecios > thead {display: none;}
.tabla-dominios tbody>tr { display: flex;flex-wrap: wrap;}
.tabla-dominios tbody>tr:not(:last-child) {border-bottom: 1px solid #EFEFF1;}
.tabla-dominios tbody>tr td:first-child, .tabla-dominios tbody>tr td.tld-register {width: 100%;flex: 100%}
.tabla-dominios tbody>tr td {flex: 1;display: block;border: none;height: auto;min-width: 80px;padding: 0!important;}
.tabla-dominios tbody>tr td:first-child{margin: 0 0 16px 8px}
.tabla-dominios tbody>tr td{margin:  0 0 8px 8px}
}
/*------*/
/*------Transferencia de dominios------------*/
.pagina-domaintransfer .cart-body > .text-center{display: none}
.pagina-domaintransfer .cart-body > #frmDomainTransfer > .row > .offset-sm-2{margin-left: 0;width: 100%;}
.pagina-domaintransfer .cart-body > #frmDomainTransfer > .row > .offset-sm-2 .panel-heading{display: none}
/*------*/
/*----------------------------------------------------------------------------Colores de Botones y bordes---------------------------------------------------------------------------------*/
/*inicio*/
.btn {border-radius: 6px !important;font-family: "Roboto", sans-serif !important;}
.boton-regular{height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;display: inline-block;font-family: "Roboto", sans-serif !important;vertical-align: middle;border: 1px solid transparent;}
.btn-principal, .btn-primary{color: #fff;background-color:var(--ColorPrincipal);border-color:var(--ColorPrincipalBorde);}
.btn-principal:hover, .btn-primary:hover{color: #fff;background-color: var(--ColorPrincipalBorde);text-decoration: none}
.btn-secundario{color: #fff;background-color:var(--ColorSecundario);border-color:var(--ColorSecundarioBorde);}
.btn-secundario:hover{color: #fff;background-color:var(--ColorSecundarioBorde);text-decoration: none}

.status {border: 0px;display: inline-flex;}
.status:before{font: var(--fa-font-light);margin-right: 5px;font-size: 12px;font-weight:400;display: block;line-height:18px;width: 22px;height: 22px;border-radius: 50%;border: 2px solid #000}
.status-active:before{content: "\f00c";border-color: #3fad46}
.status-pending:before{content: "\f251";border-color: #d9534f}
.status-suspended:before{content: "\f071";border-color:#f0ad4e}
.status-cancelled:before{content: "\f00d";border-color:#87939f}
.status-expired:before{content: "\f53d";border-color:#004258}
.renovacion span{padding: 4px 16px;color: #1E7B32;border-radius: 6px;font-weight: 500}
.renovacion .text-success{background: #D7F4DE;}
.renovacion .text-danger{background:#ffdddd;color: #a94442}
.textred, .textgreen{padding: 5px 16px;border-radius: 6px;}
.textgreen{background: #D7F4DE;}.textred{background: #ffdddd;}
/*Iconos colores - Panel*/
.bg-color-gold, .bg-color-red, .bg-color-blue, .bg-color-asbestos {background-color: transparent;color: #6D7482!important}
.fa-arrow-up-right{font-weight: 300}
#servicesPanel .fa-arrow-up-right:before {content: "\f233"!important;}
#unpaidInvoicesPanel .fa-arrow-up-right:before {content: "\f571"!important;}
#ticketsPanel .fa-arrow-up-right:before {content: "\f145"!important;}
#announcementsPanel .fa-arrow-up-right:before {content: "\f1ea"!important;}
div[menuitemname="Client Details"] .btn-success, div[menuitemname="Register a New Domain"] .btn-success{color: #fff;background-color: var(--ColorGrisOscuro);border-color:var(--ColorGrisOscuroBorde);}
div[menuitemname="Client Details"] .btn-success:hover, div[menuitemname="Register a New Domain"] .btn-success:hover{color: #fff;background-color: var(--ColorGrisClaro);}
div[menuitemname="Client Contacts"] .btn{color: #fff;background-color:var(--ColorPrincipal);border-color:var(--ColorPrincipalBorde);}
div[menuitemname="Client Contacts"] .btn:hover, div[menuitemname="Register a New Domain"] .btn-default:hover{color: #fff;background-color: var(--ColorPrincipalBorde);border-color:var(--ColorPrincipalBorde);}
div[menuitemname="Register a New Domain"] .btn-default{background: transparent;color: #fff;border: 1px solid #fff;}


.table-list thead, .dataTables_info, .dataTables_length, .dataTables_paginate ul.pagination{font-size:  13px!important;font-family: "Roboto", sans-serif !important;font-weight:400!important;}
.table-list tbody{font-family: "Roboto", sans-serif !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: 1px solid #EFEFF1;}
.table-list>tbody>tr:nth-child(even)>td, .table-list>tbody>tr>td{background-color:transparent!important}
.table-list>tbody tr:hover{background-color:#fff7f5}
.table-list tbody .text-center{text-align:left;}
.sorting_1 a{color:inherit;font-weight: 600}
.listtable .btn-group, .listtable .btn-group-vertical {display: flex;}
.btn-group .btn, .btn-group-vertical .btn{border-radius:0px !important;}
/*------------Paginacion------------*/
div.dataTables_wrapper div.dataTables_paginate ul.pagination {display: flex;gap: 0.5em;}
.pagination>.disabled>.page-link, .pagination>.disabled>.page-link:focus, .pagination>.disabled>.page-link:hover, .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color:#595E69;background:#EFEFF1;border-color:transparent;cursor:not-allowed;}
.pagination>.active .page-link, .pagination>.active .page-link:focus, .pagination>.active .page-link:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 3;color:#EB4D37;background-color:#eb4d3726;border-color:transparent;cursor: default;}
/*------------Inicio------------*/
.pagina-homepage #main-body, .pagina-custom-hosting #main-body, .pagina-custom-domains #main-body, .pagina-login #main-body, .pagina-products #main-body{padding:0;}
.pagina-homepage #main-body > .container, .pagina-custom-hosting #main-body > .container, .pagina-custom-domains #main-body  > .container, .pagina-login #main-body > .container, .pagina-products #main-body > .container{width: 100%;padding: 0!important}
.pagina-homepage #main-body > .container > .row, .pagina-custom-hosting #main-body > .container > .row, .pagina-custom-domains #main-body  > .container > .row, .pagina-login #main-body > .container > .row, .pagina-products #main-body > .container > .row{margin-right: 0;margin-left: 0;}
.pagina-homepage #main-body > .container > .row > .main-content, .pagina-custom-hosting #main-body > .container > .row > .main-content, .pagina-custom-domains #main-body  > .container > .row > .main-content, .pagina-login #main-body > .container > row > .main-content, .pagina-products #main-body > .container > .row > .main-content{padding-right: 0; padding-left: 0;margin-bottom: 0;}
.pagina-homepage #main-body img, .pagina-custom-hosting #main-body img, .pagina-custom-hosting #main-body img, .pagina-custom-domains #main-body img{height: auto;max-width: 100%;}
.pagina-homepage .slide{background: linear-gradient(180deg, var(--ColorPrincipal) 35%, var(--ColorSecundario) 100%);position: relative;}
.pagina-homepage .slide .imagen-slide{width:70%;margin: auto}
.pagina-homepage .slide .imagen-slide img.imgslide{max-height: 100%;max-width: 100%}
.pagina-homepage .slide .caja-buscador{position: absolute;bottom:6%;width: 100%;}
.pagina-homepage .slide .caja-buscador #frmDomainHomepage{}
.pagina-homepage .slide .caja-buscador #frmDomainHomepage .input-group {display: flex;gap:1em;padding: 1em;background: #fff;border-radius: 10px;}
.pagina-homepage .slide .caja-buscador #frmDomainHomepage .input-group > .form-control{flex: 2;border: none;box-shadow: none;height: 50px;}
.pagina-homepage .slide .caja-buscador #frmDomainHomepage .input-group > .input-group-append{}
.pagina-homepage .slide .caja-buscador #frmDomainHomepage .input-group > .input-group-append .btn {padding: 13px 20px;font-size:1.2em;}
.flash-list-domain .container{display: flex;flex-direction: row;gap:2em;padding: 1.5em 0;justify-content: center;flex-wrap: wrap;}
.pagina-domainregister .flash-list-domain .container{width: 100%}
.pagina-homepage  .flash-list-domain .itemflash-domain{color: #fff;font-size: 20px}
.flash-list-domain .itemflash-domain{font-size: 20px}
.flash-list-domain .nombre-dominio{font-weight: 600}
.flash-list-domain .extension-dominio{font-family: "Roboto", sans-serif;}
.pagina-homepage .contenido-main{background: var(--ColorSecundario);position: relative}
.pagina-homepage .contenido-main .intranet{display: flex;gap:5em;align-items: center;}
.pagina-homepage .contenido-main .intranet img{}
.pagina-homepage .contenido-main .intranet .texto{text-align: right;}
.pagina-homepage .contenido-main .intranet .texto h3{text-transform: uppercase;}
.pagina-homepage .contenido-main .intranet .texto h2, .pagina-homepage .contenido-main .caracteristicas .itemcaract h2, .pagina-homepage .contenido-main .webinicial h2{font-size: 40px;font-family: 'Gilroy-Heavy', sans-serif;}
.pagina-homepage .contenido-main .intranet .texto p{font-size: 20px;}
.pagina-homepage .contenido-main .caracteristicas{display: flex;flex-direction: row;gap:2em}
.pagina-homepage .contenido-main .caracteristicas .itemcaract{text-align: center}
.pagina-homepage .contenido-main .caracteristicas .itemcaract > *, .pagina-homepage .contenido-main .webinicial > *{margin: 0.5em 0}
.pagina-homepage .contenido-main .webinicial{text-align: center;z-index: 1;position: relative;margin-top:50px}
.pagina-homepage .contenido-main .fondo-blanco{position: absolute;left: 0;right: 0;bottom: 0;background: #fff;height:22%;z-index:0}
/*Movil Inicio*/
@media (max-width: 767px) {
.pagina-homepage .slide .imagen-slide {width: 100%;}
.pagina-homepage .slide .caja-buscador {position: relative;}
.pagina-homepage .contenido-main .intranet { gap: 0;flex-direction: column;width: 100%;margin-bottom:50px}
.pagina-homepage .contenido-main .intranet img{max-height:300px}
.pagina-homepage .contenido-main .intranet .texto {text-align: center;}
.pagina-homepage .contenido-main .intranet .texto h2, .pagina-homepage .contenido-main .caracteristicas .itemcaract h2, .pagina-homepage .contenido-main .webinicial h2 {font-size: 35px;line-height: 35px;}
.pagina-homepage .contenido-main .caracteristicas {flex-direction: column; gap: 1em;}
.footer-top > .container {flex-direction: column;gap:1em;}
.footer-top .contacto-footer {text-align: center;}
}
/*------------Hosting------------*/
.header-page-productos .header-lined, .pagina-custom-hosting .header-lined ,.pagina-custom-domains .header-lined{display: none}
.header-page-productos{background: linear-gradient(80deg, var(--ColorPrincipal) 35%, var(--ColorSecundario) 100%);}
.header-page-productos > .container{display: flex;flex-direction: row;}
.header-page-productos > .container > *{flex: 1;}
.header-page-productos > .container .descripcionproducto{margin-bottom: 5%;color: #fff;display: flex;flex-direction: column;justify-content: end;gap: 1em;}
.header-page-productos > .container .descripcionproducto .seguimiento h1{font-family: 'Gilroy-Bold', sans-serif;}
.header-page-productos > .container .descripcionproducto .seguimiento .breadcrumb {padding: 0px;margin-bottom: 0;background-color: transparent;}
.header-page-productos > .container .descripcionproducto .seguimiento .breadcrumb li a{color: #fff;}
.header-page-productos > .container .descripcionproducto .seguimiento .breadcrumb li.active{color: #fff;opacity: 0.5}
.header-page-productos > .container .descripcionproducto .headline h2{font-size:60px;font-family: 'Gilroy-Bold', sans-serif;margin: 0;line-height: 55px}
.header-page-productos > .container .imagen-producto{text-align: right}
.planes h2{text-align: center;font-family: 'Gilroy-Bold', sans-serif;padding: 0.5em 0}
.planes .listplanes{display: flex;flex-direction: row;gap:1em;}
.planes .listplanes div{flex: 1}
.planes .listplanes .hosting-plan{}
.planes .listplanes .hosting-plan.HOST-2 .destacado{background: var(--ColorPrincipal);border-radius:20px}
.destacado > span{height: 35px;line-height: 35px;text-align:center;font-weight: 600;color: #fff;display: block}
.cuerpo{border: 1px solid var(--ColorPrincipal);border-radius:20px;background: #fff;padding: 1.5em 2em}
.planes .listplanes .hosting-plan.HOST-2 .destacado .cuerpo{border: 3px solid var(--ColorPrincipal);}
.planes .listplanes .hosting-plan h3{text-align: center;font-size:25px;font-family: 'Gilroy-Heavy', sans-serif;}
.planes .listplanes .hosting-plan .logopanel{text-align: center}
.planes .listplanes .hosting-plan .logopanel img{height:40px!important;}
.planes .listplanes .hosting-plan .precio{text-align: center;  margin:25px 0;}
.btn-sm{}
.planes .listplanes .hosting-plan .precio .btn-sm{background: linear-gradient(80deg, var(--ColorPrincipal) 35%, var(--ColorSecundario) 100%);transition: all 0.2s ease-in-out;}
.planes .listplanes .hosting-plan .precio .btn-sm:hover{background: linear-gradient(80deg, var(--ColorSecundario) 35%, var(--ColorPrincipal) 100%);}
.planes .listplanes .hosting-plan .precio .cantidad{font-size:25px;font-family: 'Gilroy-Heavy', sans-serif;color: inherit}
.planes .listplanes .hosting-plan .caracteristicas p{text-align: center;padding: 10px 0;height: 65px;}
.planes .listplanes .hosting-plan .caracteristicas p strong{font-family: 'Gilroy-Bold', sans-serif;}
.planes .listplanes .hosting-plan ul{margin: 0;padding: 0}
.planes .listplanes .hosting-plan ul li{list-style: none;margin:15px 0}
.planes .listplanes .hosting-plan ul li:before {content: "";display: inline-block;width: 20px;height: 20px;margin-right:15px;vertical-align: middle;	background-size: contain;background-repeat: no-repeat;background-position: center;}
li.ssd:before {background-image: url('../images/ssd.png');}
li.cuentasemail:before{background-image: url('../images/email.png');}
li.datatransfer:before{background-image: url('../images/datatransfer.png');}
li.subdominio:before{background-image: url('../images/dominios.png');}
li.database:before{background-image: url('../images/database.png');}
li.ftp:before{background-image: url('../images/ftp.png');}
li.backup:before{background-image: url('../images/respaldos.png');}
li.ssl:before{background-image: url('../images/ssl.png');}
li.malware:before{background-image: url('../images/malware.png');}
li.miggracion:before{background-image: url('../images/migracion.png');}
/*Movil Hosting*/
@media (max-width: 767px) {
.header-page-productos > .container .imagen-producto {display: none;}
.header-page-productos > .container .descripcionproducto .headline h2 {font-size: 40px;line-height: 35px;}
.pagina-custom-hosting .planes .listplanes {flex-direction: column;}
.cualidades .container {flex-direction: column!important;text-align: center;gap: 0.5em!important;}
.autoatencion .container {flex-direction: column!important; ;text-align: center;gap: 0!important;}
.autoatencion .texto {margin-top: 50px;}
}
/*HOSTING - DOMINIOS*/
.cualidades{margin: 2em 0}
.cualidades .container{display: flex;flex-direction: row;gap:1em;}
.cualidades .container > *{flex: 1}
.cualidades .container .item h2{font-size: 20px;font-family: 'Gilroy-Bold', sans-serif;}
.autoatencion{background: linear-gradient(80deg, var(--ColorPrincipal) 35%, var(--ColorSecundario) 100%);}
.autoatencion .container{display: flex;flex-direction: row;gap:1em;}
.autoatencion .container > *{flex: 1 1}
.autoatencion .texto{display: flex;flex-direction: column;gap: 0.5em;justify-content: center;align-items: flex-start;color: #fff;}
.autoatencion .texto h3{font-size: 30px;text-transform: uppercase;margin: 0;padding: 0}
.autoatencion .texto h2{font-size: 40px;font-family: 'Gilroy-Heavy', sans-serif;margin: 0}
.autoatencion .texto a.btn-sm{background: linear-gradient(80deg, var(--ColorGrisClaro) 10%, var(--ColorGrisOscuro) 50%);transition: all 0.2s ease-in-out!important;}
.autoatencion .texto a.btn-sm:hover{background: linear-gradient(80deg, var(--ColorGrisOscuro) 10%, var(--ColorGrisClaro) 50%);}
.busqueda-dominio{width: 70%;margin: 5em auto;}
.busqueda-dominio .input-group{width: 100%;}
.busqueda-dominio .input-group form{margin: 0 auto;padding: 10px;width: 100%;background-color: #fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;border: 1px solid #DEE0E3;display: flex;flex-direction: row;gap: 1em;}
.busqueda-dominio .input-group form .inputsearch{height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px 0 0 6px;border: none !important;background: transparent !important;box-shadow: none !important;color: #555;width: 100%;flex: 5;}
.busqueda-dominio .input-group form button{width: 100%!important;flex: 1;}
.listado-extensiones > h2{font-size: 40px;font-family: "Roboto", sans-serif;text-align: center;font-weight: 700;margin-bottom: 50px;}
.listado-extensiones .items{display: flex;flex-direction: row;flex-wrap: wrap;gap:1.5em;align-items: center;justify-content: center;margin: 50px 0;}
.listado-extensiones .items .item-extension{background:linear-gradient(200deg, var(--ColorPrincipal) 55%, var(--ColorSecundario) 90%)!important;border-radius: 20px;padding:3em;color: #fff}
.listado-extensiones .items .item-extension{display: flex;flex-direction: column;gap:0.5em;position: relative}
.listado-extensiones .items .item-extension .extension{font-size: 50px;font-family: 'Gilroy-Heavy', sans-serif;line-height: 50px}
.listado-extensiones .items .item-extension .precio{border-radius: 10px;border: 1px solid #fff;padding: 0.5em}
.listado-extensiones .items .item-extension .precio span{font-size: 20px;font-family: 'Gilroy-Bold', sans-serif;}
.listado-extensiones .items .item-extension i{position: absolute;top:5%;left:5%;opacity: 0.5;font-size:30px}
/*Movil Inicio*/
@media (max-width: 767px) {
.busqueda-dominio {width: 100%;margin: 1em auto;}
.listado-extensiones > h2 {font-size: 30px;}
.listado-extensiones .items .item-extension {flex-direction: column;gap: 0.5em;position: relative;width: 47%;padding: 1.2em;}
.listado-extensiones .items .item-extension i {font-size: 20px;}
/*comprando dominio*/
.itemdominio .row { flex-direction: column; gap: 1em;margin-top: 0px;}
}
/*Busqueda de dominio*/
#primaryLookupResult{box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);padding: 1.5em;background: #fff;border-radius: 6px;margin-top: 1em;text-align: left;}
#order-standard_cart .domain-checker-result-headline, #order-standard_cart .domain-lookup-primary-results .headline {font-size: 2em; font-family: "Roboto", sans-serif;}
#DomainSearchResults .domain-lookup-result p:before{font: var(--fa-font-light);font-size:1em;vertical-align: middle;margin-right: 10px;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;display: inline-block;text-align: center;}
#DomainSearchResults .domain-lookup-result p.domain-available:before{content: "\f00c";color:#1E7B32;background:#D7F4DE}
#DomainSearchResults .domain-lookup-result p.domain-invalid:before{content: "\e029";color:#664d03;background:#fff3cd}
#DomainSearchResults .domain-lookup-result p.domain-unavailable:before{content: "\f00d";color:#CA202C;background:#FAE1E2}
#DomainSearchResults .domain-lookup-result p.domain-tld-unavailable:before{content: "\e029";color:#664d03;background:#fff3cd}
#order-standard_cart .domain-price{display: flex;flex-direction: row;}
#order-standard_cart .domain-price:before{display: none!important}
#order-standard_cart .domain-price .price{flex: auto}
#order-standard_cart .domain-price .button{text-align: right}
/*Listado de precios  de dominios en busqueda de dominios*/
.domain-pricing .items{display: flex;flex-direction: row;flex-wrap: wrap;gap:1.5em;align-items: center;justify-content: center;margin: 50px 0;}
.domain-pricing .items .item{background:linear-gradient(200deg, var(--ColorPrincipal) 55%, var(--ColorSecundario) 90%)!important;border-radius: 20px;padding:3em;color: #fff;position: relative}
.domain-pricing .items .item i{position: absolute;top:5%;left:5%;opacity: 0.5;font-size:30px}
.domain-pricing .items .item .tlsnombre{font-size: 50px;font-family: 'Gilroy-Bold', sans-serif;line-height: 50px}
.domain-pricing .items .item .tldlistado{margin-top: 15px;display: flex;flex-direction: column;gap: 0.5em;}
.domain-pricing .items .item .tldlistado div{border-radius: 10px;border: 1px solid #fff;padding: 0.5em}
.domain-pricing .items .item .tldlistado div span{font-size: 20px;font-family: 'Gilroy-Bold', sans-serif;}
/*Configurar dominios*/
.itemdominio{box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);padding:2em;border-radius:10px;margin-bottom: 25px}
.sub-heading {border-top:0px!important;text-align: left!important;display: inline-block;font-family: "Roboto", sans-serif!important;color:inherit!important}
.primary-bg-color{font-size: 26px!important;font-family: "Roboto", sans-serif!important;color:inherit!important;padding: 0!important;}
.itemdominio .sub-heading .primary-bg-color:before{content: "\e60e";color:var(--ColorPrincipal);font: var(--fa-font-light);font-size:1.5em;vertical-align: middle;margin-right: 10px;}
.itemdominio .sub-heading:last-child {display: none!important}
.itemdominio .row{display: flex;flex-direction: row;gap:1em;margin-top: 25px}
.itemdominio .row > div{border: 1px solid rgba(0,0,0,0.15);border-radius: 10px;padding:1em;flex: 1}
.itemdominio .row  .form-group {margin-bottom: 0;}
.itemdominio .row  .form-group label{font-family: 'Gilroy-Bold', sans-serif;}
.dns-itemdominio{margin-bottom: 25px}
.dns-itemdominio .sub-heading {border-top:0px!important;text-align: left!important;display: inline-block;}
.dns-itemdominio .sub-heading .titulo{font-size: 26px!important;font-family: "Roboto", sans-serif!important;color:#000!important;padding: 0!important;}
.dns-itemdominio .caja{box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);padding:2em;border-radius:10px;display: inline-block;}
/*Revisar  y pagar*/
#order-standard_cart .view-cart-items .item {font-family: "Roboto", sans-serif !important;border-bottom: 1px solid rgba(0,0,0,0.15)!important;}
#order-standard_cart .view-cart-items .item-title {font-weight: 600;}
#order-standard_cart .view-cart-items .item-domain {color: var(--ColorPrincipal)!important;}
#order-standard_cart .view-cart-items .item .precio{border: 1px solid rgba(0,0,0,0.15)!important;border-radius: 5px;padding: 7px;    display: inline-block !important;}
#order-standard_cart .view-cart-items .item:nth-child(even) {background-color: transparent!important;}
#order-standard_cart .empty-cart .btn {margin: 15px 0 0 0!important;padding: 10px 15px!important;background-color: transparent!important;color: inherit!important;border-radius: 6px!important;border: 1px solid rgba(0, 0, 0, 0.15)!important;font-weight: 600!important;font-family: "Roboto", sans-serif !important;}
#order-standard_cart .empty-cart .btn i{font-weight: 300!important;margin-right: 15px!important}
/*Carrito*/
#order-standard_cart .cart-sidebar{display: none!important}
#order-standard_cart .cart-body {width: 100%!important;}
#order-standard_cart div.header-lined h1 {margin-bottom: 25px!important;}
#order-standard_cart .secondary-cart-body > form{box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);padding: 1.5em;margin-bottom: 25px;border-radius: 6px;width: 100%;}
#order-standard_cart .secondary-cart-body {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
#order-standard_cart .view-cart-items-header {background-color: transparent!important;color: inherit!important;font-family: "Roboto", sans-serif;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#order-standard_cart .view-cart-empty {font-family: "Roboto", sans-serif;font-size: 20px;font-weight: 400;}
#order-standard_cart .view-cart-empty:before{content: "\e3f4";color:var(--ColorPrincipal);font: var(--fa-font-light);font-size:2.5em;vertical-align: middle;display: block;margin-bottom: 10px;}
#order-standard_cart .view-cart-items {border-bottom: none!important;}
#order-standard_cart .view-cart-tabs {margin: 0 0 20px 0;width: 100%;}
#order-standard_cart .view-cart-tabs .nav-tabs {border-bottom: none;background-color: transparent!important;padding: 0!important;margin: 0!important}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true], #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true] {border-color: transparent!important;background-color: transparent!important;font-family: "Roboto", sans-serif;font-size: 20px;}
#order-standard_cart .view-cart-tabs .tab-content{background-color: var(--ColorPrincipal)!important;border-radius: 6px}
#order-standard_cart .view-cart-tabs .tab-content .promo form{background-color: transparent!important;padding: 0px;display: flex;flex-direction: row;gap:2em;background:var(--ColorPrincipal) }
#order-standard_cart .view-cart-tabs .tab-content .promo form .btn {background: var(--ColorSecundario)!important;width: 125px;}
/*Elegir un dominio*/
#order-standard_cart .domain-selection-options .option-selected {background-color: var(--ColorPrincipal)!important;color: #fff !important;}
#order-standard_cart .domain-selection-options .option-selected label {color: #fff;}
#order-standard_cart .product-info {font-size: 15px!important;border-top: none; border-bottom: none;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08); padding:1.5em!important;width: 100%;background-color: #fff!important;border-radius: 6px;}
#order-standard_cart .product-info br{display: none!important}
#order-standard_cart .product-info .product-title {margin: 0;font-size: 24px;font-weight: 900;font-family: "Roboto", sans-serif;}
#order-standard_cart .product-info ul{margin: 0;padding: 0}
#order-standard_cart .product-info ul li{list-style: none;margin:15px 0}
#order-standard_cart .product-info ul li:before {content: "";display: inline-block;width: 20px;height: 20px;margin-right:15px;vertical-align: middle;	background-size: contain;background-repeat: no-repeat;background-position: center;}
#order-standard_cart .field-container {box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);padding: 1.5em !important;width: 100%;background-color: #fff !important;border-radius: 6px;}
#order-standard_cart .field-container label[for="inputBillingcycle"] {font-size: 24px;font-weight: 900;font-family: "Roboto", sans-serif;color: #000!important}
#order-standard_cart .order-summary {background-color:#fff!important;border-bottom: none!important;border-radius: 6px!important;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);padding: 1.5em!important;}
#order-standard_cart .order-summary h2 {color: inherit!important;text-align: left!important;font-size: 26px!important;font-weight: 300!important;font-family: "Roboto", sans-serif;}
#order-standard_cart .summary-container {background-color: transparent!important;font-family: "Roboto", sans-serif;min-height:auto!important;font-size: 14px !important;display: flex;flex-direction: column;gap: 1em;}
#order-standard_cart .disabled {width: 100%;border-color: transparent!important;background-color: #EFEFF1!important;color: #595E69!important;font-weight:500!important;}
.btn-primary.w100, #checkout{width: 100%;font-family: "Roboto", sans-serif!important;}
.btn-primary.w100:after{content: "\e09f";color:#fff;font: var(--fa-font-light);font-size:0.8em;vertical-align: middle;margin-left: 7px}
#order-standard_cart .btn-checkout i{}
#order-standard_cart .order-summary .total-due-today .amt {font-size: 36px!important;font-weight: 700!important;}
#order-standard_cart .order-summary .total-due-today span {text-align: left!important;}
/*Renovar dominios*/
.domain-renewals{width: 100%;display: flex;flex-direction: column;gap:2em;background-color: transparent!important;border-top: 0px!important;border-radius: 6px!important;margin: 0!important;font-family: "Roboto", sans-serif!important;}
.domain-renewals .domain-renewal{box-shadow:0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);border-bottom: 0px!important;border-left: 5px solid var(--ColorPrincipal);
    border-radius: 6px !important;}
.addon-renewals .service-renewal:nth-child(even), .domain-renewals .domain-renewal:nth-child(even), .service-renewals .service-renewal:nth-child(even) {background-color:#fff!important;}
.domain-renewals .domain-renewal .label, .service-renewals .service-renewal .label {border-radius: 6px!important;padding: 7px 12px;font-size: 13px;}
.domain-renewals .domain-renewal h3, .service-renewals .service-renewal h3 {margin: 0;font-weight: 600; margin-bottom: 10px;}
.domain-renewals .domain-renewal h3:before, .service-renewals .service-renewal h3:before{content: "\f0ac";color:inherit;font: var(--fa-font-light);font-size:1.7em;vertical-align: middle;margin-right: 7px}
.domain-renewals .domain-renewal p{margin-left: 55px}
.secondary-cart-sidebar .fa-solid, .secondary-cart-sidebar .fas { --fa-style: 400;color: var(--ColorPrincipal);}
/*Detalle de dominio*/
.columnas{display: flex;flex-direction: row;gap:2em;}
@media (max-width: 767px) { .columnas{flex-direction: column}}
.box-domain{flex: 1;border-radius: 6px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);padding: 32px}
.columnas .nombre{background:linear-gradient(200deg, var(--ColorPrincipal) 55%, var(--ColorSecundario) 90%)!important;color: #fff!important;align-items: center;justify-content: center;display: flex
;}
.columnas .nombre a{color: #fff;font-family: 'Gilroy-Bold', sans-serif;font-size: 24px}
.columnas .nombre a:before{content: "\e60e";color:inherit;font: var(--fa-font-light);font-size:1.5em;vertical-align: middle;margin-bottom: 7px;display: block;text-align: center}
.columnas .detalles {display: flex;flex-direction: column;gap:0.5em;}
.columnas .detalles > *{display: flex;flex-direction: column;border-bottom: 1px solid #EFEFF1;}
#tabOverview .item{font-family: "Roboto", sans-serif!important;}
.columnas .detalles .label-box{color:#9498a1;display: block;}
#tabOverview .label-box{color:#9498a1;}
#tabOverview .texto-bold{font-size: 17px;font-weight: 500}
.ssl{margin-top:2em;display: flex;flex-direction: column;gap:1em;}
.ssl .item{display: flex;flex-direction: row;border-bottom: 1px solid #EFEFF1}
.ssl .item > *{flex: 1}
.preguntas h4{font-family: "Roboto", sans-serif!important;}
.preguntas ul{margin: 0;padding: 0}
.preguntas li{list-style: none;}
.preguntas li:before{content: "\e1a1";color:inherit;font: var(--fa-font-light);font-size:1.5em;vertical-align: middle;margin-right: 7px;}
.preguntas li a{color: inherit;font-family: 'Gilroy-Bold', sans-serif;}
/*Pagina Login*/
.pagina-login .topheader, .pagina-login #header, .pagina-login .footer-top, .pagina-login #footer{display: none!important}
.pagina-login{background: linear-gradient(180deg, var(--ColorPrincipal) 35%, var(--ColorSecundario) 100%);position: relative;}
.pagina-login .main-content {margin-bottom: 0;min-height: auto;padding-right: 0;padding-left: 0;display: flex;align-items: center;justify-content: center;height: 100vh;}
.pagina-login .main-content .logincontainer {margin: 0;padding: 2em;max-width: 400px;min-width: 400px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);}
.pagina-login .main-content .logincontainer .logo{text-align: center}
.pagina-login .main-content .logincontainer .logo img{width: 100px;max-height: 100px}
.pagina-login .main-content .logincontainer h1{font-size: 20px;font-family: "Roboto", sans-serif;font-weight: 700;text-align: center;margin-bottom: 2em;}
.pagina-login .main-content .logincontainer .login-form .botones{display: flex;flex-direction: column;gap:1em; }
.pagina-login .main-content .logincontainer .login-form .botones .olvide{color:inherit;}
.pagina-login .main-content .logincontainer .back{font-family: 'Gilroy-Bold', sans-serif;text-align: right;margin-top: 30px;}
.pagina-login .main-content .logincontainer .back a:hover{color: var(--ColorSecundario)}
/*Alertas*/
.alert{font-family: "Roboto", sans-serif;}
.alert-danger {color: #000;background-color: #fff;border-color: transparent;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08);border-left: 5px solid var(--ColorPrincipal);}
.alert.alert-primary.alert-danger:before {background: #CDDC39;}
.alert.alert-primary:before {content: ""; position: absolute;top: 0;bottom: 0;width: 4px;background: var(--text-body-color);left: 0;}
.alert-danger .btn-default{background: var(--ColorPrincipal);color: #fff;padding: 7px 12px;display:inline}


