/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */


.client-home-panels .panel > .panel-heading {
    background-color: #0064A2;
    color:#fff;
    border-bottom: 0;
    font-weight: bold;
    height: 50px;
}

.panel-sidebar>.panel-heading{
    background-color: #0064A2;
    color:#fff;
    border-bottom: 0;
    font-weight: bold;
}

.navbar-main li.account,.panel-sidebar .panel-heading,
.sidebar .panel-default>.panel-heading,ul.top-nav>li.primary-action>a.btn{color:#fff;background-color:#0064A2;border-color:#0064A2}
.panel-default>.panel-heading{color:#fff;background-color:#0064A2;border-color:#0064A2}
.panel-sidebar .panel-title,.panel-title h3 {color:#fff;}

.dataTables_wrapper table.table-list thead th{border-bottom:4px solid #0064A2;font-weight:400}
.dataTables_wrapper table.table-list thead th:nth-child(even){border-bottom:4px solid #0064A2}


.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: #004875; border-color:#004875;
}

/*Menú*/

.nav>li>a{
    padding: 10px 10px;
}

.navbar-main {
    margin-bottom: 0;
    background-color: #004875;
    border: 0;
    min-height: 38px;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    padding: 10px;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #0064A2;
}

.navbar-main .navbar-nav>li>a {
    font-size: 16px;
    letter-spacing: -0.5px;
    word-spacing: 1px;
    border-radius: 15px;
}

.navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #0064A2;
}

ul.dropdown-menu {border-radius: 8px !important; padding: 15px 0 !important; font-size:16px !important;}

.dropdown-menu>li>a {
    font-weight: 600;
    letter-spacing: -0.5px;
    word-spacing: 1px;
}

.client-home-panels .panel-title h3 {color:#0064A2}

.language-popover .popover-content li a {
    color: #fff;
}


section#header {

    background: transparent;
}


.home-shortcuts {
  margin: 0;
  background: #004875;
  color: #fff;
}

.home-shortcuts .lead {
    font-weight: 500;
}

section#home-banner {
    background-color: #F4F5F7;
    color: #fff;
    padding: 80px 0 80px;
}


#home-banner h2 {
	color:#fff;
}


.dataTables_wrapper .dataTables_info {
    background-color: #004875;
    border-bottom: 1px solid #fff;
    color: #fff;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #004875;
}
 
.breadcrumb {
	background-color: transparent;
margin-left:0px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: white;
    background-color: #004875;
    border-color: #004875;
}

h1 {
    font-weight: 700 !important;
    color: #004875;
}

h2 {
	font-size:24px;
}

div.header-lined h1 {
border-bottom:0px solid #0064A2;
color: #000;
}

/*Registro*/

#registration .sub-heading {border-top: 1px solid #004875 !important;}
#registration .sub-heading span {font-size: 22px !important;color: #004875 !important; line-height: 18px !important; font-weight: 700 !important;}

/*sidebar*/

.panel-sidebar {font-size: 16px !important; box-shadow: 5px 5px 5px rgba(0,0,0,.05) !important; border-radius: 8px !important;}
.panel>.list-group, .panel>.panel-collapse>.list-group {margin-bottom: 5px;}


#order-standard_cart .products .product header {background: #fff !important;border-radius: 8px 8px 0 0 !important; border-bottom: 2px solid #ddd;}

div.header-lined h1 {color: #004875 !important;}
#order-standard_cart .products .product {border-radius: 8px !important;box-shadow: 5px 5px 5px rgba(0,0,0,.05) !important;}
#order-standard_cart .products .product header span {color: #004875 !important; font-size: 1.3em !important;}

#order-standard_cart .products .product div.product-desc {
    width: 100% !important;
    font-size: 1em !important;
    padding-top: 7% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#order-standard_cart .products .product div.product-pricing span.price {font-size: 1.7em !important;}
#order-standard_cart .products .product footer {width: 100% !important; margin: 10px 0 !important;}

.btn-success {/*width: 80% !important*/;padding: 10px !important;font-size: 16px !important; background-color: #5cb85c !important; box-shadow: 4px 4px 4px rgba(0,0,0,.15); border: 2px solid #34a765; border-radius: 8px !important;}

div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
}

.product-layout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.product-image img {
    max-width: 120px;
    height: auto;
}

.product-features {
    text-align: left;
    line-height: 1.6;
}

#order-standard_cart .product-info{
    display: flex;
    align-items: center;
}

table{
    width:100%;
}

ol, ul{
    margin: 0px 0px 0px -20px;    
}

.input-group-btn:last-child>.btn {
    z-index: 2;
    margin-left: 2%;
    background: #004875;
    padding: 12px !important;
    color: #fff;
    border-radius: 8px;
}

.input-group.margin-10>.input-group-btn {
    display: inherit;
    padding-top: 5%;
    border-radius: 8px 0 0 8px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat",sans-serif !important;
    letter-spacing: -0.5px;
}

h1 {
    letter-spacing: -1px;
}

body{color: #000 !important;}

#order-standard_cart label {
    color: #000 !important;
}

ul.top-nav>li>a {color: #000 !important;}

#order-standard_cart .product-info .product-title{
    margin: 0px 30px 0px 0px !important;
}

ul.top-nav>li.primary-action>a.btn {
    background-color: #004875 !important;
    border-radius: 25px !important;
    color: #fff !important;
}

.col-button-left{
    padding-right: 0px !important;
    width: 100%;

}

.col-button-right{
    padding-left: 0px !important;
    margin: 7px 0px 0px 0px;
    width: 100%;

}


.btn-primary {
    background-color: #41c177 !important;
    border: 2px solid #34a765 !important;
}

body {
    font-family: Rubik, sans-serif;;
    font-size: 17px;
    background-color: #fff;
}

/*Twitter*/

.main-content {
    min-height: 0px !important;
}

section#main-body {
    min-height: 0px !important;
}

/*Titulo Area de clientes con Responsive Menu Pro
@media screen and (max-width: 768px){
.fl-builder-content.fl-builder-content-84 {
    display: block;
    visibility: visible;
}}*/

/*WhatsApp*/
.whatsapp-container {
    bottom: 80px;
    position: fixed;
    right: 9px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 20%);
    border-radius: 50%;
    border: 1px solid transparent;
    border-radius: 50%;
    z-index: 999999999;
}

/* Move reCAPTCHA v3 badge up */ 
.grecaptcha-badge {
    bottom: 150px !important;
}

.cart-sidebar {
    font-family: 'Montserrat';
    font-weight: 600;
    letter-spacing: -0.5px;
    word-spacing: 1px;
}

.cart-sidebar a {
    font-size: 15px;
}

.header-lined {
    font-size: 16px;
}

#order-standard_cart {
    font-size: 15px !important;
}

.btn {
    font-size: 15px;
    font-weight: 500;
    border-radius: 25px !important;
}

#order-standard_cart label {
    font-size: 15px !important;
}

.form-control {
    font-size: 15px !important;
    height: 38px;
}

body, button, input, select, textarea {
    font-family: "Rubik", Verdana, Tahoma, serif;
    color: #333;
}

.spotlight-tld .btn{
    font-size: 15px !important;
}

#order-standard_cart .product-info{
    font-size: 15px !important;
}

#registration .field {
    font-size: 15px;
}

#registration label {
    font-size: 15px;
}

#registration .field-help-text {
    font-size: 14px;
}

.input-group-lg>.form-control{
    height: 50px !important;
    font-size: 18px !important;
}

section#home-banner .form-control {
    border-radius: 25px;
    border: 1px solid #bababa;
}

section#home-banner .btn {
     border-radius: 25px;
}

section#home-banner h2 {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.home-shortcuts li p {
    font-size: 16px;
    text-transform: none;
}

.navbar-main .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-main .navbar-toggle:focus .icon-bar, .navbar-main .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
}

.btn.btn-large.btn-primary.btn-recaptcha {
    font-size: 17px;
    padding: 7px 15px;
}

#domainregister button.btn.btn-primary.btn-block{
    font-size: 16px;
    padding: 5px;
}

#login.btn.btn-primary {
    padding: 7px 15px;
    font-size: 17px;
}

#login + a.btn {
  padding: 7px 15px;
    font-size: 17px;
}

form[action="/password/reset"] .btn.btn-primary{
  padding: 7px 15px;
    font-size: 17px;
}

#order-standard_cart .products .product footer {
    font-size: 14px !important;
}

#order-standard_cart .summary-container {
    font-size: 14px !important;
}

#order-standard_cart .view-cart-items .item {
    font-size: 14px !important;
}

#order-standard_cart .sub-heading span {
    font-size: 22px !important;
    font-weight: 700;
    line-height: 18px;
}

/* WHMCS - Abrir ticket: aumentar área del editor */
body textarea#inputMessage.markdown-editor.md-input{
  height: auto;
  min-height: 320px;
  font-size: 16px;
}

#sitejetPromoPanel{
  display: none !important;
}

.client-home-panels .panel>.panel-heading .panel-title .btn {
    padding: 3px 10px;
}

.client-home-panels .panel-heading .panel-title{
    font-size: 18px;
    font-weight: 600;
  line-height: 28px !important;
}

.client-home-panels #registerDomainPanel .panel-body .input-group .form-control {
    margin-top: 10px;
}

.client-home-panels #registerDomainPanel .panel-body .input-group-btn {
margin-top: -15px;
}

.label-info {
    border-radius: 25px !important;
    padding: 5px 10px;
}

.navbar-nav > li.account,
.navbar-nav > li.dropdown.account{
  border-radius: 15px;
}

.navbar-nav > li.account > a:hover {
  border-radius: 15px;
}

.invoice-col {
    font-size: 15px;
}

/* icono menu */
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
	right: 5px;
}

.ubermenu-sub-indicators #menu-item-1174.ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
  right: 20px;
}

@font-face {
    font-family: "Font Awesome Kit";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://www.latinoamericahosting.com.co/wp-content/uploads/fonts/custom-icons.woff2") format("woff2");
}

.fa-kit {
    --fa-family: "Font Awesome Kit";
    --fa-style: 400;

    --_fa-family: var(
        --fa-family,
        var(--fa-style-family, "Font Awesome Kit")
    );

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 400);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width: var(--fa-width, 1.25em);
}

.fa-kit.fa-angle-down {
    --fa: "\e000";
}

.fa-kit::before {
    content: var(--fa) / "";
}

@supports not (content: "" / "") {
    .fa-kit::before {
        content: var(--fa);
    }
}

/* Titulo area de clientes */
body .fl-node-9pxdfuiqeokc.fl-module-heading,
body .fl-node-9pxdfuiqeokc.fl-module-heading .fl-module-content,
body .fl-node-9pxdfuiqeokc.fl-module-heading .fl-heading,
body .fl-node-9pxdfuiqeokc.fl-module-heading :where(a, q, p, span) {
    text-align: center !important;
}