body {
    background: #f6f6f6 url('../img/tiles1.png') repeat 0px 0px;
}
#wrapper {
}
.slides_pagination {
    margin: 0px auto;
    width: 100px;
}
.slides_pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
.slides_pagination li.current a {
    background-position: 0 -12px;
}
.slides_pagination li a {
    background-image: url("../img/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.headersection .btn-group {
    display: inline-block;
}
.headersection {
    padding-top:15px;
    font-size:11px;
}
.headersection button img {
    margin-top:-5px
}
.headersection > a {
    color:#fff;
    text-decoration:none;
}
#welcomeback h3 {
    line-height: 38px;
    font-weight: normal;
}
.darkshadow {
    background:rgba(0, 0, 0, 0.05);
    border: 1px solid #D9D9D9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px;
}
.input-append.dropdown .btn.dropdown-toggle {
    border-radius:0px 0px 0px 0px;
}
.label-Answered, .label-Unpaid, .label-Expired {
    background-color: #B94A48;
}
.label-Answered:hover , .label-Unpaid:hover, .label-Expired:hover {
    background-color: #953B39;
}
.label-In-Progress, .label-Sent {
    background-color: #F89406;
}
.label-In-Progress:hover {
    background-color: #C67605;
}
.label-Client-Reply, .label-Paid, .label-Active, .label-Accepted {
    background-color: #468847;
}
.label-Client-Reply:hover, .label-Paid:hover, .label-Active:hover {
    background-color: #356635;
}
.label-Open, .label-Pending, .label-Invoiced  {
    background-color: #3A87AD;
}
.label-Open:hover, .label-Pending:hover {
    background-color: #2D6987;
}
footer {
    border-top: 1px solid #DDDDDD;
    color: #777777;
    font-size:12px ;
    text-shadow:0 1px 0 #FFFFFF;
    margin-top: 40px;
    padding:19px 0px;
}
footer a {
    color:#888888;
}
.wbox_content label, #cart label, #cart .newbox1 label.styled  {
    display:inline-block;
}
.fs11 {
    font-size:11px;
}

/**
FORM ELEMENTS
*/

input.magnify {
    font-size: 16px;
    height: 29px;
    width: 60%;
}
input.styled, select.styled  {
    margin-bottom:0px;
}
.vtip_description {
    width:16px;
    height:16px;
    padding-left:22px;
    background:url("../img/fugue/information-white.png") no-repeat right center;
}

a.sortorder {
    padding-right: 10px;
}
a.asc {
    background:url('../img/asc.gif') no-repeat center right;
}
a.desc {
    background:url('../img/desc.gif') no-repeat center right;
}
/**
WBOX
*/

table.fullscreen tr td:first-child, table.fullscreen tr th:first-child {
    padding-left:19px;
}
table.fullscreen tr td:last-child, table.fullscreen tr th:last-child {
    padding-right:19px;
}
table.fullscreen tr  th {
    background-color:#EFEFEF;
    background-image: -moz-linear-gradient(top , #FFFFFF, #EFEFEF);
    background-image: -webkit-linear-gradient(top , #FFFFFF, #EFEFEF);
    background-image: linear-gradient(top , #FFFFFF, #EFEFEF);
    background-repeat:repeat;
}
table.fullscreen {
    border-bottom:1px solid #DDDDDD;
}
table.fullscreen tr th {
    border-left:1px solid #DDDDDD;
}
.table.fullscreen tbody + tbody {
    border-top:none;
}
table.fullscreen tr th:first-child {
    border-left:none
}
.ribbon {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    font-size: 13px;
    font-weight: bold;
    margin: 0 -10px;
    min-height: 15px;
    padding: 15px 31px;
}
.ribbon form, .ribbon .control-group {
    margin:0px;
}
.ribbon-shadow-l {
    border-left: 10px solid #f6f5f3;
    border-top: 9px solid #BBB;
    float: left;
    height: 0;
    margin-left: -10px;
    width: 0;
}
.ribbon-shadow-r {
    border-right: 10px solid #f6f5f3;
    border-top: 9px solid #BBB;
    float: right;
    height: 0;
    margin-right: -10px;
    width: 0;
}
.ribbon .control-label {
    padding-top:10px;
}
.pagelabel {
    padding:5px 10px;
}

.pt0 {
    padding-top:0px !important;
    margin:0px;
}
.brcrm {
    background-color:#f8f8f8;
    border:none;
    border-top:solid 1px #d6d6d6;
    border-bottom:solid 1px #d6d6d6;
    padding:13px 19px;
}
.brcrm .breadcrumb {
    border:none;
    background:none;
    box-shadow:none;
    padding:0px;
    margin:0px;
}
#clientarea .brcrm {
    border-top:0px;
}
.article h2 {
    padding: 10px 19px;
}
.article h2.bbottom {
    border-bottom:solid 1px #d6d6d6;
}
div.divider {
    height:17px;
    clear:both;
}
.mb15 {
    margin-bottom:15px;
}
#loginbox_container {
    width:480px;
    margin:40px auto;
    position: relative;
}
#loginbox_container:after,#loginbox_container:before{
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
    border: 1px solid #CCCCCC;
    content: "";
    display: block;
    height: 100%;
    left: -1px;
    border-radius:4px 4px 4px 4px;
    position: absolute;
    width: 100%;
}
#loginbox_container:after {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    top: 0;
    z-index: -1;
}
#loginbox_container:before {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    top: 0;
    z-index: -2;
}
.wbox, .con-inner-middle {
    background:#ffffff;
    border:1px solid #CCCCCC;
    border-radius:4px 4px 4px 4px;
    margin-bottom:20px;
}
#refreash .section1 form {
    margin:0px;
}
#refreash .section1 {
    width:650px;
}
#refreash .slider-horizontal .tooltip {
    opacity:1;
}
.wbox_header {
    border-radius:4px 4px 0px 0px;
    background-color:#f3f3f3;
    background-image: -moz-linear-gradient(top , #f7f7f7, #f3f3f3);
    background-image: -webkit-linear-gradient(top , #f7f7f7, #f3f3f3);
    background-image: linear-gradient(top , #f7f7f7, #f3f3f3);
    background-repeat: repeat-x;
    box-shadow: 0 0 1px #FFFFFF inset;
    border-bottom:solid 1px #cccccc;
    padding:14px 19px;
    text-shadow:1px 1px 0 #FFFFFF;
    font-weight: bold;
    color:#555555;
    font-size:16px;
    position:relative;
}
.wbox_header .wbox_right {
    margin:-5px -5px 0px 0px;
}
.wbox_header .wbox_right a {
    font-weight: normal;
}
.wbox_header.nbottom {
    border-bottom:none;
}
.wbox .table.fullscreen {
    border-radius:0px 0px 4px 4px;
    border-bottom:none !important;
    margin:0px !important;
}
.wbox_content {
    padding:10px 19px;
    box-shadow:0 1px 1px #C0C0C0 inset;
}

.table {
    background:#fff;
}
.mb20 {
    margin-bottom:20px;
}
.mb40 {
    margin-bottom:40px;
}
/**
Root page
*/
#announcements {
    margin-top:40px;
}
.annoucement_date {
    color:#757575;
}
.box-feature-divider {
    margin-top:60px;
}
.box-feature .silver {
    color: #000000 !important;
}
.box-feature .iconfont-silver:before {
    color: #000000;
}
.box-feature-small .box-feature.active .silver,
.box-feature:hover .silver {
    color: #444 !important;
}
.box-feature-small .box-feature.active .silver,
.box-feature:hover .iconfont-silver:before {
    color: #444;
}
.box-feature a:hover {
    text-decoration:none;
}
.box-feature a {
    display:inline-block;
    height:64px;
    width:64px;
}
.box-feature-small .box-feature a {
    height:48px;
}
.box-feature-small .box-feature {
    margin-top:10px;
}
.box-feature-small .box-feature:first-child {
    margin-top:20px;
}

.box-feature-small .box-feature:last-child {
    margin-bottom:20px;
}
.box-feature-small .box-feature.active,
.box-feature-small .box-feature.active:hover {

    border: 1px solid #CCCCCC;
    background:#fff;
    border-right:none;
    border-radius:4px 0px 0px 4px;
    padding: 9px;
    margin-right:-20px;
    padding-right:29px;
}

.box-feature {
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
    position: relative;
    text-align: center;
}
.box-feature:hover {
    border: 1px solid #d9d9d9;
    background:  rgba(0, 0, 0, 0.05);
    border-radius: 5px 5px 5px 5px;
    padding: 9px;
}
.box-feature h1 {
    font-size: 150%;
    color: #444444;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 5px;
}
.box-feature h4 {
    font-weight: normal;
    color: #444444;
}
.box-feature p {
    color: #757575;
}

#mainmenu-container {
    height:62px;
    position:relative;
}
#mainmenu.nav-fixed {
    border-radius: 0 0 0 0;
    border-width: 0 0 1px;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.25);
    left: 0;
    position: fixed;
    right: 0;
    top: 0px;
    z-index: 2020;
}
#mainmenu.nav-fixed .nav > li > a {
    border-top:1px solid #fff;
    border-bottom:1px solid #f5f5f5;
}
#mainmenu.nav-fixed .nav {
    margin: 0 auto;
    width: 960px;
}

#headpart {
    height:60px;
}
#headpart h1 {
    font-family: "Lucida Grande",helvetica,verdana,sans-serif;
    font-size: 28px;
    font-weight:normal;
    letter-spacing: -2px;
    line-height:60px;
    text-shadow:1px 1px 1px #FFFFFF;
}

.flex-container {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    margin-left:0px;
    margin-bottom:20px;
}
.flex-box-1 {
    position:relative;
}
#cont .iep {
    width:778px ;
}
.sidemenu {
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}
.left-content {
    background:#fafafa;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    margin-left:0px;
    font-size:12px;
}
.right-content {
    background:#fff;
    box-shadow:-6px 0 10px 0 rgba(0, 0, 0, 0.11);
    position: relative;
    z-index: 1;
    margin-left:0px !important;
    width: 738px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 4px 0px 0px;
    border-radius: 0px 4px 4px 0px;
}
.header-title h2 {

    font-weight: normal;
    line-height: 24px;
    color:#fff;
}
.header-title h3 {
    line-height:25px;
    font-size:16px;
}

.sidebar-block:first-child {
    border-top: medium none;
}
.sidebar-block {
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #FFFFFF;
    padding: 32px 19px 19px;
    position: relative;
}
#mainmenu .nav-tabs .open .dropdown-toggle .caret,
#mainmenu .nav-pills .open  .dropdown-toggle .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
#mainmenu .nav-tabs .dropdown-toggle .caret,
#mainmenu .nav-pills .dropdown-toggle .caret {
    border-bottom-color: #b3b3b3;
    border-top-color: #b3b3b3;
    margin-left: 6px;
    margin-top: 12px;
}
#mainmenu {
    background-color:#f5f5f5;
    background-image: -moz-linear-gradient(top , #ffffff, #f5f5f5);
    background-image: -webkit-linear-gradient( top , #ffffff, #f5f5f5);
    background-image: linear-gradient( top , #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    border-radius: 4px 4px 4px 4px;
    box-shadow:  0px 1px 0px  #ececec;
    -webkit-box-shadow:  0px 1px 0px #ececec;
    border:solid 1px #CCCCCC;
}
#mainmenu .nav-tabs {
    margin:-1px;
    border-radius: 4px 4px 4px 4px;
}

#mainmenu .nav-tabs > li {
    margin-bottom: 0px;
}

#mainmenu .nav-tabs > li > a  {
    border: 1px solid #CCCCCC;
    margin:0px;
    margin-left:-1px;
    color:#808080;
    border-radius:0px;
    line-height: 28px;
    padding:8px 16px;
}

#mainmenu .nav-tabs > li:first-child > a {
    border-radius: 4px 0 0 4px;
    margin-left:0px;
}
.nav-fixed .nav-tabs > li:first-child > a {
    border-radius: 0px 0px 0px 0px !important;
}
#mainmenu .nav-tabs > li:last-child > a {
}
#mainmenu .nav-tabs > li > a:hover, #mainmenu  .dropdown.open .dropdown-toggle {
    background-color:#2fbbf8;
    border: 1px solid #1d7b9d;
    background-image: -moz-linear-gradient(top , #2fbbf8, #26a5d8);
    background-image: -webkit-linear-gradient(top , #2fbbf8, #26a5d8);
    background-image: linear-gradient(top , #2fbbf8, #26a5d8);
    background-repeat: repeat-x;
    box-shadow: 0 1px 0px #6fd1f6 inset;
    text-shadow: 0px 1px 0px #238fc0;
    color:#fff;
}

#mainmenu .nav-tabs > li:hover + li >  a {
    border-left: 1px solid #1d7b9d;
}
#mainmenu .nav-tabs > li:first-child > a:hover, #mainmenu  .dropdown.open:first-child .dropdown-toggle {
}

#mainmenu .nav-tabs > .active > a,
#mainmenu .nav-tabs > .active > a:hover {
    background-color: #000;
    color:#fff;
}

#mainmenu  .nav-tabs {
    border:none;
}
#mainmenu .dropdown-menu .cntn, .cart-dropdown .cntn {
    background:#363636;
    border-radius: 4px;
    padding:10px 0px;

}
#mainmenu .dropdown-menu, .cart-dropdown .dropdown-menu {

    padding-top: 12px;
    box-shadow:none;
    background:none;
    min-width: 170px;
    min-height: 170px;
    text-shadow: 0 1px #050505;
    border:none;
    margin:0px;
}
#mainmenu .dropdown-menu li a, .cart-dropdown li a{
    white-space: normal;
    font-size:12px;
}
#mainmenu .dropdown-menu li {
    float:left;
    width:170px;
    overflow: hidden;
}
#mainmenu .dropdown-menu  ul.span2, .cart-dropdown ul.span2 {
    width: 170px;
}

#mainmenu .nav-header, .cart-dropdown .nav-header{
    text-shadow: 0 1px #050505;
    margin-left:0px;
}
#mainmenu .nav-header.span5, .cart-dropdown .nav-header.span5{
    width:380px !important;
}
#mainmenu .dropdown-menu  ul, .cart-dropdown ul {
    margin:0px;
    list-style:none;
}
#mainmenu  .dropdown-menu a, .cart-dropdown .dropdown-menu a {
    color: #E5E5E5;
}

#mainmenu  .dropdown-menu li > a:hover, #mainmenu  .dropdown-menu .active > a, #mainmenu  .dropdown-menu .active > a:hover,
.cart-dropdown li > a:hover, .cart-dropdown .active > a, .cart-dropdown .active > a:hover{
    background-color: #3399ff;
    color: #FFFFFF;
    box-shadow: 0px 1px 0px 0px #48A3FF inset, 0px 1px 1px 0px #2E2E2E;
    text-decoration: none;
}
.cart-dropdown{
    display: inline-block;
    vertical-align: top;
}
.cart-dropdown + .btn-group, .btn-group + .cart-dropdown {
    margin-left: 5px;
}
.cart-dropdown.open > .dropdown-toggle::before,
.cart-dropdown.open  > .dropdown-toggle::after {
    display: block;
}

.cart-dropdown .dropdown-toggle:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -12px;
    right: 7px;
    display: none;
}
.cart-dropdown .dropdown-toggle:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #363636;
    position: absolute;
    bottom: -12px;
    right: 8px;
    z-index: 1001;
    display: none;
}
.cart-dropdown .dropdown-menu{
    left: auto;
    right: 0;

}
.cart-dropdown .iconwrap {
    height: 64px;
    padding: 10px;
    width: 64px;
}
.cart-dropdown li {
    float: none;
    width: auto;
}
.cart-dropdown .text-overflow{
    display: block;
    overflow: hidden;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cart-dropdown .nav-header {
    color: #999999;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    padding: 3px 15px;
    margin-left: 0;
    text-shadow: 0 1px #050505;
    text-transform: uppercase;
}
.bordered-section .searchform {
    padding: 16px 19px;
}

.bordered-section {
    border:1px solid #CCCCCC;
    background:#fff;
    border-radius: 4px 4px 4px 4px;
}

.header-title {
    margin:0px;
    background-color: #373737;
    color:#959595;
    text-shadow: 0px 1px 1px #2F2F2F;
    border-bottom:solid 1px #dfdfdf;
    background-image:-moz-linear-gradient(top , #404040, #373737);
    background-image:-webkit-linear-gradient(top , #404040, #373737);
    background-image:linear-gradient(top , #404040, #373737);
    background-repeat: repeat-x;
    padding: 12px 24px 20px 22px;
    border-radius:4px 4px 0px 0px;
    box-shadow: inset 0px -1px 2px #101010;
    position: relative;
}
.header-title .backbtn {
    position:absolute;
    right:-21px; top:50%;
    margin-top:-21px;
    border-radius:23px 23px 23px 23px;
    padding:6px;
    border:solid 8px #3a3a3a;
    box-shadow:none;
}

.header-title + .bordered-section {
    border-radius:0px 0px 4px 4px;
    border-top:0px;
}
.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}

.p19 {
    padding:19px;
}

/**
Ticket replies
**/
.com-con {
    margin-top:14px;
}
.com-con .aticket strong {
    color:#d24836;
}
.com-con .byline {
    color: #777777;
    font-size: 12px;
}
.com-con .avatar{
    margin-right:10px;
}


.com-con .aticket, .com-con .cticket {
    border: 1px solid #d4d4d4;
    border-radius: 4px 4px 4px 4px;
    padding:5px 10px;
}

.com-con .comment {
    padding-top:4px;
}

#submenu ul.nav-pills {
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF;
    margin-bottom:22px;
}
#submenu ul.nav-pills > li > a:hover {
    background: none;
}
#submenu ul.nav-pills > li > a  {
    border-radius:0px;
    padding-bottom:19px;
    color: #555555;
    font-size: 12px;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.8);
    margin-bottom:-8px;
}
#submenu .nav-pills > .active  {
    border-bottom:2px solid #ddd;
}
#submenu .nav-pills > .active > a,#submenu .nav-pills > .active > a:hover {
    background: none;
    font-weight:bold;
}
/*
PROGRESS BAR
*/

ul#progress {
    width:630px;
    background:url(../img/progress_bg.png) no-repeat top left;

    list-style:none;
    height:60px;
    margin:14px 0px;
    padding:0px;
}
ul#progress li.lastone:after {
    display:block;
    clear:both;
    content:'';
}
ul#progress li {
    padding: 20px 5px 0px;
    font-weight:bold;
    text-align:center;
    float:left;
    background:url(../img/progress_off.png) no-repeat top center;


}
ul#progress  li.asw3 {
    width:200px !important;
}
ul#progress  li.asw4 {
    width:147px !important;
}
ul#progress  li.asw5 {
    width:116px !important;
}

ul#progress li.firstone{
    background:url(../img/progress_2_on.png) no-repeat top center;
}
ul#progress li.fison2{
    background:url(../img/progress_2_on2.png) no-repeat center top !important;
}
ul#progress li.ison1{
    background:url(../img/progress_2_on.png) no-repeat top center;
}
ul#progress li.ison2{
    background:url(../img/progress_2_on2.png) no-repeat top center;
}
ul#progress li.lison2{
    background:url(../img/progress_3_on.png) no-repeat top right;
    padding:20px 0 0 10px;
    text-align:right !important;
}
ul#progress li.lastone{
    background:none !important;
    padding: 20px 0px 0px 10px;
    text-align:right !important;
}


/********************************************************/
/* Icons                      */
/********************************************************/

#mainmenu .iconwrap {
    width:64px;
    height:64px;
    padding:10px;
}


@font-face {
    font-family: 'EntypoRegular';
    src: url('Entypo/entypo-webfont.eot');
    src: url('Entypo/entypo-webfont.eot?#iefix') format('embedded-opentype'),
        url('Entypo/entypo-webfont.woff') format('woff'),
        url('Entypo/entypo-webfont.ttf') format('truetype'),
        url('Entypo/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.silver, .silver-color .color {
    color: #CCCCCC !important;
}
.iconfont-silver:before {
    color: #CCCCCC;
}
.black, .black-color .color {
    color: black !important;
}
.iconfont-black:before {
    color: black;
}
.red, .red-color .color {
    color: #dd4b39 !important;
}
.iconfont-red:before {
    color: #dd4b39;
}
.anthracite, .anthracite-color .color {
    color: #4C4C4C !important;
}
.iconfont-anthracite:before {
    color: #4C4C4C;
}
.grey, .grey-color .color {
    color: #A5A5A5 !important;
}
.iconfont-grey:before {
    color: #A5A5A5;
}
.white, .white-color .color {
    color: white !important;
}
.iconfont-white:before {
    color: white;
}
[class^="iconfont-"]:before, [class*=" iconfont-"]:before {
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    font-family: 'EntypoRegular';
    font-size: 2em;
    line-height: 1em;
    margin: -0.5em 0.115em -0.5em -0.077em;
    vertical-align: -0.077em;
}
.button.iconfont:before, .button > .iconfont:before,
.button-iconfont.icon:before, .button-iconfont > .iconfont:before {
    font-size: 2.3em;
    margin-top: -0.65em;
    margin-bottom: -0.65em;
    vertical-align: -0.133em;
}

/* Sizes */
.iconfont-size2:before {
    font-size: 3.5em;
    margin-top: -1.25em;
    margin-bottom: -1.25em;
    vertical-align: -0.132em;
}
.iconfont-size3:before {
    font-size: 4.5em;
    margin-top: -1.75em;
    margin-bottom: -1.75em;
    vertical-align: -0.171em;
}
.iconfont-size4:before {
    font-size: 7em;
    margin-top: -3em;
    margin-bottom: -3em;
    vertical-align: middle;
}
.iconfont-size5:before {
    font-size: 10em;
    margin-top: -4.5em;
    margin-bottom: -4.5em;
    vertical-align: middle;
}

/* IE9 goes crazy with relative font-sizes */
.ie9 .iconfont-size2:before,
.ie9 .iconfont-size3:before,
.ie9 .iconfont-size4:before,
.ie9 .iconfont-size5:before,
.ie10 .iconfont-size2:before,
.ie10 .iconfont-size3:before,
.ie10 .iconfont-size4:before,
.ie10 .iconfont-size5:before {
    font-size: 0.25em;
}

/* Empty icons */
[class^="iconfont-"]:empty:before,
[class*=" iconfont-"]:empty:before {
    margin-right: -0.077em;
    margin-left: -0.077em;
}

/* IE7 */
.font-icon {
    font-weight: normal;
    font-style: normal;
    font-family: 'EntypoRegular';
    font-size: 2em;
    margin: -0.5em 0.115em -0.5em -0.077em;
    vertical-align: middle;
}
.font-icon.empty {
    margin-right: -2px;
    margin-left: -2px;
}
/* Sizes */
.iconfont-size2 > .font-icon {
    font-size: 3.5em;
    margin-top: -1.25em;
    margin-bottom: -1.25em;
    vertical-align: -0.132em;
}
.iconfont-size3 > .font-icon {
    font-size: 4.5em;
    margin-top: -1.75em;
    margin-bottom: -1.75em;
    vertical-align: -0.171em;
}
.iconfont-size4 > .font-icon {
    font-size: 7em;
    margin-top: -3em;
    margin-bottom: -3em;
    vertical-align: middle;
}
.iconfont-size5 > .font-icon {
    font-size: 10em;
    margin-top: -4.5em;
    margin-bottom: -4.5em;
    vertical-align: middle;
}

/* IE8 */
[class^="iconfont-"].font-icon-empty:before,
[class*=" iconfont-"].font-icon-empty:before {
    margin-right: -0.077em;
    margin-left: -0.077em;
}

/* IE9 goes crazy with relative font-sizes */
.ie9 .icon-size2:before,
.ie9 .icon-size3:before,
.ie9 .icon-size4:before,
.ie9 .icon-size5:before {
    font-size: 0.25em;
}

.iconfont-phone:before				{ content: '!'; }
.iconfont-mobile:before				{ content: '"'; }
.iconfont-tag:before				{ content: '#'; }
.iconfont-directions:before			{ content: '$'; }
.iconfont-mail:before				{ content: '%'; }
.iconfont-pencil:before				{ content: '&'; }
.iconfont-paperclip:before			{ content: '\''; }
                                   .iconfont-reply:before				{ content: '('; }
.iconfont-replay-all:before			{ content: ')'; }
.iconfont-forward:before			{ content: '*'; }
.iconfont-user:before				{ content: '+'; }
.iconfont-users:before				{ content: ','; }
.iconfont-add-user:before			{ content: '-'; }
.iconfont-card:before				{ content: '.'; }
.iconfont-extract:before			{ content: '/'; }
.iconfont-marker:before				{ content: '0'; }
.iconfont-map:before				{ content: '1'; }
.iconfont-compass:before			{ content: '2'; }
.iconfont-arrow:before				{ content: '3'; }
.iconfont-target:before				{ content: '4'; }
.iconfont-path:before				{ content: '5'; }
.iconfont-heart:before				{ content: '6'; }
.iconfont-star:before				{ content: '7'; }
.iconfont-like:before				{ content: '8'; }
.iconfont-chat:before				{ content: '9'; }
.iconfont-speech:before				{ content: ':'; }
.iconfont-quote:before				{ content: ';'; }
.iconfont-printer:before			{ content: '<'; }
.iconfont-bell:before				{ content: '='; }
.iconfont-link:before				{ content: '>'; }
.iconfont-flag:before				{ content: '?'; }
.iconfont-gear:before				{ content: '@'; }
.iconfont-flashlight:before			{ content: 'A'; }
.iconfont-cup:before				{ content: 'B'; }
.iconfont-price-tag:before			{ content: 'C'; }
.iconfont-camera:before				{ content: 'D'; }
.iconfont-moon:before				{ content: 'E'; }
.iconfont-palette:before			{ content: 'F'; }
.iconfont-leaf:before				{ content: 'G'; }
.iconfont-music-note:before			{ content: 'H'; }
.iconfont-bag:before				{ content: 'I'; }
.iconfont-plane:before				{ content: 'J'; }
.iconfont-buoy:before				{ content: 'K'; }
.iconfont-rain:before				{ content: 'L'; }
.iconfont-eye:before				{ content: 'M'; }
.iconfont-clock:before				{ content: 'N'; }
.iconfont-mic:before				{ content: 'O'; }
.iconfont-calendar:before			{ content: 'P'; }
.iconfont-lightning:before			{ content: 'Q'; }
.iconfont-hourglass:before			{ content: 'R'; }
.iconfont-rss:before				{ content: 'S'; }
.iconfont-wifi:before				{ content: 'T'; }
.iconfont-lock:before				{ content: 'U'; }
.iconfont-unlock:before				{ content: 'V'; }
.iconfont-tick:before				{ content: 'W'; }
.iconfont-cross:before				{ content: 'X'; }
.iconfont-minus-round:before                    { content: 'Y'; }
.iconfont-plus-round:before			{ content: 'Z'; }
.iconfont-cross-round:before                    { content: '['; }
.iconfont-minus:before				{ content: '\\'; }
.iconfont-plus:before				{ content: ']'; }
.iconfont-forbidden:before			{ content: '^'; }
.iconfont-info:before				{ content: '_'; }
.iconfont-info-round:before			{ content: '`'; }
.iconfont-question:before			{ content: 'a'; }
.iconfont-question-round:before                 { content: 'b'; }
.iconfont-warning:before			{ content: 'c'; }
.iconfont-redo:before				{ content: 'd'; }
.iconfont-undo:before				{ content: 'e'; }
.iconfont-swap:before				{ content: 'f'; }
.iconfont-revert:before				{ content: 'g'; }
.iconfont-refresh:before			{ content: 'h'; }
.iconfont-list:before				{ content: 'i'; }
.iconfont-list-add:before			{ content: 'j'; }
.iconfont-thumbs:before				{ content: 'k'; }
.iconfont-page-list:before			{ content: 'l'; }
.iconfont-page:before				{ content: 'm'; }
.iconfont-pages:before				{ content: 'n'; }
.iconfont-marker:before				{ content: '0'; }
.iconfont-pictures:before			{ content: 'p'; }
.iconfont-movie:before				{ content: 'q'; }
.iconfont-music:before				{ content: 'r'; }
.iconfont-folder:before				{ content: 's'; }
.iconfont-drawer:before				{ content: 't'; }
.iconfont-trash:before				{ content: 'u'; }
.iconfont-outbox:before				{ content: 'v'; }
.iconfont-inbox:before				{ content: 'w'; }
.iconfont-download:before			{ content: 'x'; }
.iconfont-cloud:before				{ content: 'y'; }
.iconfont-cloud-upload:before                   { content: 'z'; }
.iconfont-play:before				{ content: '{'; }
.iconfont-pause:before				{ content: '|'; }
.iconfont-record:before				{ content: '~'; }
.iconfont-forward:before			{ content: 'Ä'; }
.iconfont-backward:before			{ content: 'Å'; }
.iconfont-previous:before			{ content: 'Ç'; }
.iconfont-next:before				{ content: 'É'; }
.iconfont-expand:before				{ content: 'Ñ'; }
.iconfont-reduce:before				{ content: 'Ö'; }
.iconfont-volume:before				{ content: 'Ü'; }
.iconfont-loud:before				{ content: 'á'; }
.iconfont-mute:before				{ content: 'à'; }
.iconfont-left-fat:before			{ content: 'â'; }
.iconfont-down-fat:before			{ content: 'ä'; }
.iconfont-up-fat:before				{ content: 'ã'; }
.iconfont-right-fat:before			{ content: 'å'; }
.iconfont-left:before				{ content: 'ç'; }
.iconfont-down:before				{ content: 'é'; }
.iconfont-up:before				{ content: 'è'; }
.iconfont-right:before				{ content: 'ê'; }
.iconfont-left-round:before			{ content: 'ë'; }
.iconfont-down-round:before			{ content: 'í'; }
.iconfont-up-round:before			{ content: 'ì'; }
.iconfont-right-round:before                    { content: 'î'; }
.iconfont-home:before				{ content: 'ï'; }
.iconfont-ribbon:before				{ content: 'ñ'; }
.iconfont-read:before				{ content: 'ó'; }
.iconfont-new-tab:before			{ content: 'ò'; }
.iconfont-search:before				{ content: 'ô'; }
.iconfont-ellipsis:before			{ content: 'ö'; }
.iconfont-bullet-list:before                    { content: '®'; }
.iconfont-creative-commons:before               { content: '©'; }

.wbox_header .tabbs {
    position:absolute;
    bottom:-2px;
    right:20px;
    padding:0px;
    margin:0px;
}

ul.wbox_menu {
    list-style:none;
    position:absolute;
    bottom:-2px;
    right:20px;
    padding:0px;
    margin:0px;
}
.newbox1header ul.wbox_menu {
    right:10px;
}
.newbox1header ul.rwbox_menu {
    right:10px !important;
}
.newbox1header ul.lwbox_menu {
    left:10px !important;
}
.newbox1header ul.wbox_menu li {
}
ul.tabbme li{
    cursor:pointer;
    background:#efeeeb url(../img/tabbme_bg.gif) repeat-x bottom left;
    text-decoration:none;
    border:solid #CCCCCC 1px !important;
    margin:0;
}
ul.tabbme li.on {
    border-bottom:solid #fdfdfd 1px !important;
    background:#FFFFFF;
    font-weight:bold;
    color:#2d8ab8;
}
ul.tabbme li.on a {
    font-weight:bold;
    color:#2d8ab8;
    text-decoration:none;
}
ul.wbox_menu li a {
    text-decoration:none;
    color:#333333;

}
ul.wbox_menu li, .wbox_header .tabbs a {
    float:left;
    border-bottom:none;
    color:#333333;
    display:block;
    margin:1px;
    padding:4px 10px;
    margin-right:1px 10px 1px !important;
}
li.bgon2 a {
    color:#333333;
    text-decoration:none;
}
li.bgoff2 a {
    color:#333333;
}
li.bgon2, .wbox_header .tabbs a.picked  {
    background:#FFFFFF;
    text-decoration:none;
    border-color:#CCCCCC #CCCCCC;
    border-style:solid solid;
    border-width:1px 1px 0;
    margin:0;
}


/**
ORDERPAGE SPECIFIC
*/

#onestepcontainer {
    padding:5px;
}

#multisearch textarea, #multisearch1 textarea{
    background:none;
    border:none;
    color:#666666;
    float:left;
    font-size:12px;
    height:74px;
    overflow:auto;
    padding:5px;
    width:163px;
}
#multisearch1 textarea {
    height:101px !important;
    width:206px !important;
}
#multisearch {
    background:url("../img/multisearch_bg.gif") no-repeat scroll 0 0 transparent;
    height:84px;
    width:172px;
}
#multisearch1 {
    background:url("../img/multisearch_bg1.gif") no-repeat scroll 0 0 transparent;
    height:101px;
    width:206px;
}
a.lmore {
    font-size:11px;
    color:#FF0000;
}
.add_group_title {
    padding:3px 5px;
    background:#eeeeee;
}
.add_group  {
    margin-bottom:10px;
    border:solid 1px #cccccc;
    padding:5px;
}
p.add_descr {
    padding:5px 0px;
    font-size:11px;
}
a.checksubmit {
    margin:0px !important;
    font-size:18px !important;
    padding:5px 15px !important;
}
a#checksubmit, a.checksubmit {
    color:#FFFFFF !important;

    font-size:20px;
    text-align:right;
    margin-left:20px;
    background:#6d9d2c url('../img/c_submit.gif') repeat-x top left;
    border: solid 1px #608925;
    text-decoration:none;
    padding:10px 20px;
}
a#checksubmit:hover,a.checksubmit:hover {
    background:#98ba40;
}
a#checksubmit:active,a.checksubmit:active {
    background:#575757;
    border: solid 1px #000000;
}
.shead {
    margin-bottom:-1px;
}


#onestepcontainer .descbox {
    border:solid 1px #d2d2d2;
    color:#606060;
    background:#f2f2f2;
    border-top:none;
    margin-bottom:20px;
}
ul.slix {
    height:84px;
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
    margin-left:11px;
    margin-bottom:6px;
}
ul.slix2 {
    height:50px !important;}
#onestepcontainer .slidebg {
    margin-bottom:0px !important;
}
#onestepcontainer .descbox {
    padding:0px !important;
}
#onestepcontainer .graypricetag  {
    padding:15px 25px;
    border-left:solid 1px #d2d2d2;
}
.newbox1header {
    position:relative;
}

.newbox1 {

    background:url("../img/bg_slide1.gif") repeat-x scroll left top #F0F0F0;
    border:1px solid #D2D2D2;
    padding:10px;
    margin-bottom:20px;
    color:#606060;
    border-radius:4px 4px 4px 4px;
}
.newbox1 small {
    font-size:11px;
}
h3.modern {
    text-transform:lowercase;
    color:#5e5e5e;
    font-size:17px;
    letter-spacing:-1px;
    margin:0px;
    padding:0px 0px 2px;
}
.modified h3.modern {
    text-transform:none !important;
    position:relative;
    left:-15px;
}
.modified h3.modern span{
    background: url("../img/arrow.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 40px;
    left: 2px;
    position: relative;
    top: 35px;
    width: 17px;
}
.newbox1 .ttable td, .newbox1 .ttable  th {
    border-bottom:solid 1px #eaeaea;
    padding:4px 0px;
}
.mright20 {
    margin-right:20px;
}
#onestepcontainer .infopricetag {
    padding:15px 25px;
}
#onestepcontainer .bigbluepricetag {
    background:#2580ae url('../img/big_bl.gif') repeat-x top left;
    padding:15px 25px;
    color:#ffffff;
}
#onestepcontainer .snpicked {
    padding:10px 5px;
}
#onestepcontainer .slidebg .innerx {
    padding:25px 11px;
}
#onestepcontainer .bigbluepricetag  .cart_total {
    color:#ffffff !important;
    letter-spacing:-1px;
}
#onestepcontainer .graypricetag  .cart_total_light {
    color:#292929 !important;
    letter-spacing:-1px;
}
#onestepcontainer .cart_total_light
{
    font-weight:normal !important;
}

#onestepcontainer .slix,#onestepcontainer .slides {
    float:none !important;

}
#onestepcontainer .slides { 	margin-left:-20px }
ul.slix li, ul.slix2 li  {
    margin-left:-11px;
    background:url('../img/s_off.png') no-repeat top left;
    width:68px;
    height:84px;
    float:left;
    text-indent:-9999px;
    cursor:pointer;
}
ul.slix2 li  {
    margin-left:-17px !important;
    background:url('../img/s_off_2.png') no-repeat top left !important;
    width:79px !important;
    height:50px !important;

}
ul.slix li.active{
    background:url('../img/s_on.png') no-repeat top left;
}
ul.slix2 li.active{
    background:url('../img/s_on_2.png') no-repeat top left !important;
}
.pricebg {
    width:164px;
    height:110px;
    padding:6px 7px 0px;
    background:url('../img/price_bg.png') no-repeat top left;
    float:right;
}
.pricetag .price {
    width:164px;

    line-height:30px;
    color:#333333;
    font-size:32px;
    font-weight:bold;
    text-align:right;
    letter-spacing:-1px;
}
.pricetag .period {
    height:11px;
    line-height: 14px;
    text-transform:lowercase;
    color:#979797;
    font-weight:bold;
    font-size:11px;
    text-align:right;
}
.pricetag .order {
    padding:7px 1px 0px;
    text-align:center;
}
.pricetag .order a {
    font-weight:bold;
    font-size:16px;
    color:#ffffff;
    text-decoration:none;
}
.slides {
    height:12px;
    background:url('../img/scroll_rep.gif') repeat-x left center;
    padding:1px;
    position:relative;
    margin-left:20px;
    float:left;
    cursor:pointer;
    clear:left;
}
.slides .sl, .slides2 .sl {
    background:url('../img/scroll_left.gif') no-repeat left center;
    height:12px;
    position:absolute;
    left:0px;
    width:10px;
}
.slides .sr, .slides2 .sr  {
    background:url('../img/scroll_right.gif') no-repeat left center;
    height:12px;width:10px;
    position:absolute;
    right:-10px;
}
.slides2 {
    height:38px !important;
    background:url('../img/scroll_rep2.gif') repeat-x left center  !important;
    padding:0px  !important;

}
.slides2 .ui-slider-range {
    background:url('../img/scroll_sel2.gif') repeat-x left center  !important;
    height:38px !important;
    float:left;
}
.slides2 .sl {
    background:url('../img/scroll_left2.gif') no-repeat left center !important;
    height:38px  !important;width:66px  !important;
    left:-64px  !important;
}
.slides2 .sr {
    background:url('../img/scroll_right2.gif') no-repeat left center  !important;
    height:38px  !important;
    width:64px  !important;
    right:-64px  !important;
}
.slides .ui-slider-handle, .slides2 .ui-slider-handle {
    display:block;
    position:absolute;
    top:0px;
    left:12px;
    width:14px;
    height:14px;
    background:url('../img/scroll_btn.gif') no-repeat left bottom;
    cursor:pointer;
}
.slides2 .ui-slider-handle {
    background:url('../img/sl_btn.png') no-repeat left bottom   !important;
    width:28px  !important;
    height:38px  !important;
    margin-left:-14px;
}
.slides2 .ui-slider-handle:hover {
    background:url('../img/sl_btn.png') no-repeat left top  !important;
}
.slides .ui-slider-handle:hover {
    background:url('../img/scroll_btn.gif') no-repeat left top;
}
.modified .bubble {
    background:  url('../img/bg_ar.gif') no-repeat top center;
    padding-top:10px;
}
.bubble {
    position:absolute;
    display:none;
    color:#328bb8;
    font-size:11px;
    text-align:center;
    z-index:1000;
}
.bubble_l {
    float:left;
    background:url('../img/bubble_left.png') no-repeat left top;
    width:8px;
    height:31px;
}
.bubble_r {
    float:left;
    background:url('../img/bubble_right.png') no-repeat left top;
    width:10px;
    height:31px;
}
.bubble_c {
    float:left;
    background:url('../img/bubble_c.png') no-repeat center top;

    height:30px;
    padding:11px 2px 0px;
}
div.shownice {
    background:#fffed1 !important;
}
#console {
    width:648px;
    height:474px;
    background:#000000;
    margin:0px auto;
}
.yelbox {
    margin-bottom:20px;
    background: #FFF298;
    border:1px solid #ECD852;
    color:#424242;
    padding:10px 10px 15px;
}
.greenbox {
    margin-bottom:20px;
    background: #e3f89d;
    border:1px solid #c7ee4c;
    color:#537113;
    padding:10px 10px 15px;
}
.freedomain {
    color:#FF0000;
}
td.pb10 {
    padding-bottom:10px !important;
}
td.cf_option {
    padding-left:42px !important;
    padding-bottom:10px !important;
    background: url('../img/cf_boption.png') no-repeat center left !important;
}
td.cf_bandwidth {
    background: url('../img/cf_bandwidth.png') no-repeat center left !important;
}
td.cf_ip {
    background: url('../img/cf_ip.png') no-repeat center left !important;
}
td.cf_cp {
    background: url('../img/cf_cp.png') no-repeat center left !important;
}
td.cf_os {
    background: url('../img/cf_os.png') no-repeat center left !important;
}
td.cf_mainboard {
    background: url('../img/cf_motherboard.png') no-repeat center left !important;
}
td.cf_raid {
    background: url('../img/cf_raid.png') no-repeat center left !important;
}
td.cf_memory {
    background: url('../img/cf_memory.png') no-repeat center left !important;
}
td.cf_cpu {
    background: url('../img/cf_cpu.png') no-repeat center left !important;
}
td.cf_hdd {
    background: url('../img/cf_hdd.png') no-repeat center left !important;
}

div.prog_cnt {
    margin:10px 5px;
    border:solid 1px #dadada;
    padding:2px;
    font-size:11px;
    background:#ffffff;
}
div.prog_cnt div.prog_bar {
    height:20px;
    background:url("../img/bb_ga.gif") repeat-x scroll left top transparent !important;
}


div.boxorder {
    width:200px;
    height:350px;
    margin:15px 2px;
    padding:10px 5px;
    background:#f7fbfc;
    border:solid 1px #d0e6ee;
    text-align:center;
    overflow:hidden;
}
div.boxorder h3 {
    letter-spacing:-1px;
    color:#999999;
}
div.box_active {
    height:350px !important;
    margin:0px 0px !important;
    background:#ffffff  !important;
    border:solid 4px #47abda  !important;
    padding:23px 5px  !important;
}
div.boxorder .headpart {
    height:60px;
    margin-bottom:10px;
}
div.boxorder .bodpart {
    height:210px;
    border-top: solid 1px #e5f1f7;
    padding:5px 0px;
    margin-bottom:10px;
}
ul.subside {
    list-style:none;
    margin:0px;
    padding:0px;
}


.left-content ul.leftmenu {
    list-style:none;
    margin:40px 0px 20px;
    padding:0px;
    position:relative;
}
.left-content ul.leftmenu li {
    clear: both;
    float: left;
    padding: 3px 0px 3px 0px;
    width:219px;
    border-bottom:1px dotted #C1C1C1;
}
.left-content ul.leftmenu li:last-child {
    border-bottom:none;
}
.left-content ul.leftmenu li:last-child:after {
    clear:both;
    display:block;
    content:'';
}
.left-content ul.leftmenu li  a {
    clear: both;
    color: #BBBBBB;
    float: left;
    min-height: 28px;
    padding-left: 16px;
    text-decoration: none;
    display:block;
    width:204px;
}
.left-content ul.leftmenu li.current a {
    background-color:#2fbbf8;
    border: 1px solid #1d7b9d;
    background-image: -moz-linear-gradient(top , #2fbbf8, #26a5d8);
    background-image: -webkit-linear-gradient(top , #2fbbf8, #26a5d8);
    background-image: linear-gradient(top , #2fbbf8, #26a5d8);
    background-repeat: repeat-x;
    box-shadow: 0 1px 0px #6fd1f6 inset;
    padding-left:26px;
    border-radius:4px 0 0 4px;

}
.left-content ul.leftmenu li.current + li {
    margin-top:-10px;
}
.left-content ul.leftmenu li.current {
    margin-left:-10px;
    margin-right:-10px;
    border-bottom:none;
    padding-top:0px;
    height:45px;
}
.left-content ul.leftmenu li.current:after {
    border-left: 5px solid #F6F5F3;
    border-top: 5px solid #BBBBBB;
    height: 0px;
    margin-left:4px;
    width: 0;
    display:block;
    content:"";
    clear:both;
}
.left-content ul.leftmenu  li a img {
    clear: both;
    float: left;
    height: 16px;
    width: 16px;
}
.left-content ul.leftmenu li.current  a  span,.left-content ul.leftmenu li.current  a:hover  span {
    color: #FFFFFF;
    text-shadow: 1px 1px 0 #0A5482;
}
.left-content ul.leftmenu li  a  span {
    float: left;
    font-weight:bold;
    color:#555555;
    padding: 7px 10px 7px 0px;
    text-shadow: 1px 1px 0 #FFFFFF;
    white-space: nowrap;
    width: 170px;
    text-overflow:ellipsis;
    overflow:hidden;
}
.left-content ul.leftmenu li  a.no-restriction span{
    white-space: normal;
    width: auto;
}
.left-content ul.leftmenu li  a  span img {
    margin-right:7px;
}
.left-content ul.leftmenu li  a:hover  span {
    color:#006588;
}
.left-content  ul.leftmenu li  a  span.home {
    padding-left:24px;
    background:url("../img/fugue/monitor-window-3d.png") no-repeat center left transparent;
}
.left-content  ul.leftmenu li  a  span.cancel {
    padding-left:24px;
    color:red;
    background:url("../img/fugue/cross-small.png") no-repeat center left transparent;
}

.left-content  ul.leftmenu li  a  span.plus {
    padding-left:24px;
    background:url("../img/fugue/plus.png") no-repeat center left transparent;
}
.left-content  ul.leftmenu li  a  span.cog {
    padding-left:24px;
    background:url("../img/fugue/gear.png") no-repeat center left transparent;
}
#errors, #infos {
    display:none;
}
#errors span, #infos span {
    display:block;
}

#infos .alert-info {
}
.wbox_content .form-actions {
    margin: 28px -19px -10px -19px;
    border-radius:0px 0px 4px 4px;
}
.wbox_content .alert-info {
    margin:-10px -19px 20px; border-top:none; border-left:none;border-right:none; border-radius:0px;
}
#loginbox_container form {
    margin-bottom:0px;
}
h3 .statistic {
    font-weight:normal;
    color:#777;
    font-size:16px;
}
h3 .statistic .badge {
    font-size:16px;
    margin:0px 10px 0px 5px;
    background:#d2d2d2;
    border-radius:3px;
    border:solid 1px #cbcbcb;
    color:#555555;
}

h3 .statistic .badge.open {
    color:#2b627f;
    background:#bcd9e9;
    border: solid 1px #b1d3e5;
}

.serviceinfo h3 {
    color: #999999;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    text-transform: uppercase;
}
.serviceinfo h4 {
    color: #454545;
    line-height: 24px;
    font-size: 16px;
}
h4 small {
    font-size: 12px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #999999;
}

h3.darkheader {
    background:#666666;
    color:#fff;
    border-radius:4px 4px 4px 4px;
    text-transform: uppercase;
    font-size:16px;
    padding:0px 10px;
}
.w240 {
    width:240px;
    padding-top:10px;
}
ul.nice-sidemenu:after {
    clear: both;
    content: "";
    display: block;
}
ul.nice-sidemenu {
    list-style:none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}
ul.nice-sidemenu li {
    display:block;
    float:left;
    width: 230px;
    padding-right:10px;
    padding-top:15px;
}
.span12 ul.nice-sidemenu li {
    width:220px;
}
ul.nice-sidemenu li i {
    display:block;
    float:left;
    margin-right:8px;
    margin-bottom:20px;
    margin-top:3px;
}
ul.nice-sidemenu li a {
    display:inline-block;
}
ul.nice-sidemenu li a:hover {
    text-decoration:none;
    background-color:#656564;
    color:#fff;
}
ul.nice-sidemenu li small {
    color:#797979;
    display:block;
    font-size:11px;
}
#mainmenu .open > a.dropdown-toggle::before,
#mainmenu .open  > a.dropdown-toggle::after {
    display: block;
}

#mainmenu  a.dropdown-toggle:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -12px;
    left: 7px;
    display: none;
}
#mainmenu  a.dropdown-toggle:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #363636;
    position: absolute;
    bottom: -12px;
    left: 8px;
    z-index: 1001;
    display: none;
}
#mainmenu .dropdown-menu .servicesmenu li {
    width:auto;
    float:none;
}
#mainmenu .dropdown-menu  .introduction {
    padding:35px 0px 0px 30px;
    width:350px;
}
.dropdown-menu .counter {
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #1B232A;
    border:1px solid #151515;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.15);
    color: #EFEFEF;
    display: block;
    font-size: 11px;
    padding: 0 7px;
    float:right;
    font-weight:bold;
}
.dashboardblock .counter {
    border-radius: 3px 3px 3px 3px;
    background: #fff;
    border:1px solid #E5E5E5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.45);
    color: #5A5A5A !important;
    display: block;
    font-size: 11px;
    padding: 0 7px;
    float:right;
    font-weight:bold;
}
.dashboardblock:hover .counter {
    border:1px solid #444;
}
.dashrow{
    padding-left:5px;
    padding-top:13px;
}
.dashboardblock:hover {
    background-color: #FEFEFE;
    background-image: -moz-linear-gradient(center top , #FEFEFE, #F7F7F7);
    background-image: -webkit-linear-gradient(top , #FEFEFE, #F7F7F7);
    background-image: linear-gradient(top ,  #FEFEFE, #F7F7F7);
}
.dashboardblock.offer, .dashboardblock.offer:hover {
    border:solid 1px #dadee1;
    border-radius:4px 4px 4px 4px;
    border-bottom: solid 1px #fff;
    box-shadow:0 1px 0 rgba(200, 200, 200, 0.1) inset;
    background: rgba(0, 0, 0, 0.03);
}
#clientarea .offer .internal {
    background:none !important;
    text-align:center;
    min-height:105px;
    padding-top:12px;
}
#clientarea .offer .internal .hlink {
    display:inline-block;
    width:64px;
    height:64px;
}
#clientarea .offer .internal a.stripe,
#clientarea .offer .internal a.stripe:hover {
    margin:10px -11px 0px;
    border-left:solid 1px #646366;
    border-right:solid 1px #646366;
    font-size:14px;
    line-height:18px;
    color: white;
    text-decoration:none;
    font-weight:bold;
    background:#706e70;
    padding:8px 0px;
    display:block;
}
.offer .internal .iconfont-plus-round:before {
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}
.offer .internal:hover .silver,
.offer .internal:hover .silver-color .color,
.offer .internal:hover .iconfont-silver:before
{
    color: #BBB !important;
}

.dashboardblock .internal {
    margin:10px;
    min-height:120px;
    background:none !important;
}
.dashboardblock  .internal .dropdown-menu{
    font-size:11px;
}
.dashboardblock .btn-group {
    position:absolute;
    bottom:20px;
    right:10px;
}

.dashboardblock .btn-group .btn-success:before {
    content: '';
    display: inline-block;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #52a552;
    position: absolute;
    bottom: 4px;
    right: -4px;
    z-index: 1001;
}

.dashboardblock  h4 {
    font-size:14px;
}
.dashboardblock h4  a {
    color: #5A5A5A;
    text-decoration:none;
}
.dashboardblock:hover h4  a {
    text-decoration:underline;
}
.dashboardblock {
    background: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    margin-bottom:20px;
    position:relative;
    color: #5A5A5A;
    display: block;
}

#clientarea .greenbox {
    border-radius: 4px 4px 4px 4px;
    padding:5px 10px;
}

/**
Below are patches for default HostBIll orderpages
*/
.container-transfer #bulksearch, .domain-in-02 input {
    border-radius:0px;
    box-shadow:none;

}
.container-transfer label input {
    display:inline-block;
}
.button04 input, .button05 input {
    box-shadow:none;
}

.serv_head1 {
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 5px 11px;
    text-transform: uppercase;
    background-color:#3a3a3a;
    background-image: -moz-linear-gradient(top , #5f5f5f, #3a3a3a);
    background-image: -webkit-linear-gradient(top , #5f5f5f, #3a3a3a);
    background-image: linear-gradient(top , #5f5f5f, #3a3a3a);
}
.subdesc_ {
    background:  #FFFFFF;
    padding: 15px 10px;
}
.zone-all .menu-tabs, #cart .menu-prod, .tool-tip .cloud ul, #cContent .box-describe  {
    margin-left:0px;
}

.orderbox.sh1a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B1D0FF;
    margin-bottom: 0px;
    padding: 0px;
    border-top: 3px solid #FFFFFF ;
    border-radius:0px;
    box-shadow:none;
}
.orderbox  {
    border:solid 1px #dadee1;
    border-radius:4px 4px 4px 4px;
    border-bottom: solid 1px #fff;
    box-shadow:0 1px 0 rgba(200, 200, 200, 0.1) inset;
    padding:5px;
    background: rgba(0, 0, 0, 0.03);
}
.orderbox  .orderboxpadding {
    background-color:#f5f5f5;
    background-image: -moz-linear-gradient(top , #ffffff, #f5f5f5);
    background-image: -webkit-linear-gradient( top , #ffffff, #f5f5f5);
    background-image: linear-gradient( top , #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    padding: 20px 5px;
    border:solid 1px #cdd4de;
    border-radius:3px 3px 3px 3px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.9) inset;
}
.orderbox.sh1a .orderboxpadding {
    background: none repeat scroll 0 0 #E0ECFF;
    line-height: 18px;
    cursor: pointer;
    border:none;
    padding: 5px 10px;
    border-radius:none;
    box-shadow:none;
}

#cart .sh1a select {
    margin-bottom:0px;
}
#cart .sh1a select[name=cycle] {
    width:auto !important;
}
.vps_cart_products .clear {
    clear:none;
}

#cart form {
    margin-bottom:0px;
}



#cContent .con-inner-middle, #cContent .con-inner-middle1  {
    border:none;
    background:none;
}
.slidebg .innerx {
    padding: 11px 11px 16px;
}

.slidebg {
    background:#f0f0f0 url('../img/bg_slide1.gif') repeat-x top left;
    border:solid 1px #d2d2d2;
    margin-bottom:20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.spicked {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.spicked {
    background: none repeat scroll 0 0 #FDFDFD;
    border-color: #D2D2D2 #D2D2D2 #FDFDFD;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin-right: 10px;
    padding: 10px 15px;
}
.shead {
    margin-bottom: -1px;margin-top: 10px;
}
.customizer2 #gatewayform .wbox, #onestepcontainer #gatewayform .wbox   {
    background:none;
}
.customizer2 #gatewayform .wbox_content, #onestepcontainer  #gatewayform .wbox_content, .customizer2 #clientform {
    background:#fff;
}
.customizer2 #gatewayform .wbox_header,  #onestepcontainer #gatewayform .wbox_header {
    box-shadow:none;
}
#gatewayform .wbox label {
    display:block;
}
#onestepcontainer #pcontainer {
    margin: 15px auto 20px auto !important; width: 866px;
}
#configer .descbox {
    line-height: normal;
}
.customizer2 h1 {
    color: #464646;
    font-size: 22px;
    letter-spacing: -1px;
    margin: 3px 0;
    padding-bottom: 4px;
    padding-top: 4px;
}
.snpicked {
    padding: 4px 10px;
}
.slidebg .descbox {
    border-top:solid 1px #d2d2d2;
    padding:15px 25px;
    color:#606060;
}

.newchecker td.bord {
    border-right: 1px solid #EEEEEE;
}
.newchecker td {
    padding: 5px 8px 5px 20px;
}
#sidemenu {
    float: right;
    padding: 0 0 10px 6px;
    width: 300px;
    z-index: 10;
}

#cart .cf_option label {
    display:block;
}
.cart_total {
    color: #353535;
    font-size: 40px;
    font-weight: bold;
    text-align: right;
}
#cart .table td[align=right], #cart .table th[align=right],
#upgrade .table td[align=right], #upgrade .table th[align=right] {
    text-align:right;
}
#cart .table td[align=center], #cart .table th[align=center] {
    text-align:center;
}
#cart label.styled {
    font-weight: bold;
    margin-bottom: 0;
    text-transform: none;
}
.smalltext {
    font-size: 11px;
    line-height:14px;
}
.midtext {
    font-size: 12px;
    line-height:16px;
}
#preloader {
    background:#e0ecff url(../img/ajax-loading.gif) no-repeat center center;
    opacity:0.8;
    filter:alpha(opacity=80);
}

#cart_contents {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 8px;
    min-height: 210px;
    padding-bottom: 7px;
}
#floater {
    width: 300px;
}
/* @group Base */
.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
    -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
    box-shadow        : 0 4px 5px rgba(0,0,0,.15);
    z-index: 1010;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 26px;
    line-height: 27px;
    padding: 0 0 0 8px;
    color: #444444;
    text-decoration: none;
}
.chzn-container-single .chzn-default {
    color: #999;
}
.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('../img/chosen-sprite.png') right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
    background-position: right -11px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: right top;
}
.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}
.chzn-container-single .chzn-single div b {
    background: url('../img/chosen-sprite.png') no-repeat 0 0;
    display: block;
    width: 100%;
    height: 100%;
}
.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}
.chzn-container-single .chzn-search input {
    background: #fff url('../img/chosen-sprite.png') no-repeat 100% -22px;
    background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../img/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1em;
}
.chzn-container-single .chzn-drop {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius   : 0 0 4px 4px;
    border-radius        : 0 0 4px 4px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
    position: absolute;
    left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
}
.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
    color: #666;
    background: transparent !important;
    border: 0 !important;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow   : none;
    box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
    color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
    border: 1px solid #cccccc;
    padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
    background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('../img/chosen-sprite.png') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
    background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0;
}
.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}
.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item;
}
.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}
.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
    background: transparent;
}
.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}
.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}
.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}
.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px; /* This should by dynamic with js */
    z-index: 1;
}
.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}
.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
    background: url('../img/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
    background: url('../img/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
    box-shadow        : 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow   : 0 1px 0 #fff inset;
    box-shadow        : 0 1px 0 #fff inset;
    background-color: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    -webkit-border-bottom-left-radius : 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft : 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
    background: transparent;
    border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
    background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
    box-shadow        : 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
    color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
    cursor: default;
    opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
    cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
    left: 26px;
    right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
    background: #fff url('../img/chosen-sprite.png') no-repeat -38px -22px;
    background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('../img/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    padding: 4px 5px 4px 20px;
    direction: rtl;
}
.close-modal {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.close-modal:hover {
    color: #000000;
    text-decoration: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: pointer;
}
#slides.suggested{
    padding: 10px 20px 20px;
}
.suggested-products .dashboardblock{
    margin-left: 16px;
}
#slides.suggested li, #slides.suggested .slides_pagination a{
    float:none;
    display: inline;
}
#slides.suggested .slides_pagination{
    text-align: center
}
#slides.suggested .slides_pagination a{
    font-size: 0;
    line-height: 11px;
    padding: 6px;
    text-indent: 5px;
}
#slides.suggested .dropup{
    bottom: 20px;
    position: absolute;
    right: 10px;
}

.icon-smile { background: url('../img/icon_smile.png') !important; }
.icon-meh { background: url('../img/icon_meh.png') !important; }
.icon-frown { background: url('../img/icon_sad.png') !important; }
.grow { transition: all .2s ease-in-out; float: left; margin: 1px;}
.grow:hover { transform: scale(1.2); }
.rating-icon {width: 20px; height: 20px; margin-right: 2px;}

.vote_article{border-radius: 20px; padding: 3px; cursor: pointer; margin: 4px;}
.vote_article .icon{font-family: FontAwesome, sans-serif}
.vote_article_dislike{border: 1px solid #C62828; color: #C62828;}
.vote_article_like{border: 1px solid #689F38; color: #689F38;}
.vote_article_padding{padding: 0 4px;}
/* @end */

.notifications-drop {
    max-height: 500px;
    width: 400px;
    left: auto;
    right: 0;
}

.notifications-drop-showall a {
    margin: 0 !important;
    padding: 5px 20px !important;
}

.notifications-drop-item {
    border-bottom: 1px solid #eee;
}

.notifications-drop-item.seen {
    opacity: .8;
}

.notifications-drop-item a {
    margin: 0 !important;
    padding: 5px 20px !important;
}

.notifications-drop-item-title {
    font-size: 12px;
}

.notifications-drop-item:not(.seen) .notifications-drop-item-title {
    font-weight: bold;
}

.notifications-drop-item-title .icon {
    margin-right: 5px;
    background-color: #3DAEE9;
    max-width: 100%;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    display: inline-block;
}

.notifications-drop-item-time {
    font-size: 10px;
    display: block;
}

.notifications-drop-item:hover .notifications-drop-item-time {
    color: #eee;
}

.notifications-drop-item:hover .notifications-drop-item-title .icon {
    color: #eee;
}

.empty-placeholder{
    min-height: 37px;
}

/* ========================================================================== */
/* LAPOINT CLIENT THEME - visual override                                     */
/* Paleta: azul noche, azul petroleo, cian, blanco y gris frio.               */
/* Para revertir, eliminar desde este comentario hasta el final del archivo.   */
/* ========================================================================== */

:root {
    --lp-night: #061f2d;
    --lp-deep: #083b52;
    --lp-petrol: #0d5b78;
    --lp-cyan: #12c7d9;
    --lp-cyan-hover: #39d9e6;
    --lp-blue: #3399ff;
    --lp-ink: #102b3a;
    --lp-muted: #6f8792;
    --lp-line: #d7e2e7;
    --lp-surface: #ffffff;
    --lp-surface-soft: #f3f7f9;
    --lp-shadow: 0 5px 14px rgba(2, 24, 35, 0.13);
}

/* Base general */
html,
body {
    min-height: 100%;
    background-color: var(--lp-night) !important;
    background-image:
        radial-gradient(circle at 12% 0%, rgba(18, 199, 217, 0.18), transparent 34%),
        linear-gradient(135deg, #0b5873 0%, var(--lp-night) 52%, #041722 100%) !important;
    background-attachment: fixed !important;
    color: #dbe9ee;
}

body,
button,
input,
select,
textarea {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

#wrapper {
    min-height: 100vh;
    background: transparent !important;
}

a {
    color: #087f9a;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease,
        box-shadow 160ms ease, transform 160ms ease;
}

a:hover,
a:focus {
    color: #055f74;
}

::selection {
    background: var(--lp-cyan);
    color: var(--lp-night);
}

/* Encabezado y marca */
#headpart {
    height: 72px;
}

#headpart h1,
#headpart h1 a {
    color: #ffffff !important;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 72px;
    text-shadow: none !important;
}

.headersection {
    padding-top: 20px;
}

.headersection > a {
    color: #d8f7fa;
}

/* Navegacion principal */
#mainmenu-container {
    height: 68px;
}

#mainmenu,
#mainmenu.nav-fixed {
    background: rgba(4, 31, 45, 0.94) !important;
    background-image: none !important;
    border: 1px solid rgba(113, 209, 221, 0.22) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16) !important;
}

#mainmenu.nav-fixed {
    border-width: 0 0 1px !important;
    border-radius: 0 !important;
    backdrop-filter: none;
}

#mainmenu .nav-tabs > li > a,
#mainmenu.nav-fixed .nav > li > a {
    min-height: 28px;
    padding: 10px 17px;
    border-color: transparent !important;
    background: transparent !important;
    color: #d8e8ed !important;
    font-weight: 600;
    text-shadow: none !important;
}

#mainmenu .nav-tabs > li > a:hover,
#mainmenu .dropdown.open .dropdown-toggle,
#mainmenu .nav-tabs > .active > a,
#mainmenu .nav-tabs > .active > a:hover {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

#mainmenu .nav-tabs .dropdown-toggle .caret,
#mainmenu .nav-pills .dropdown-toggle .caret {
    border-bottom-color: currentColor !important;
    border-top-color: currentColor !important;
}

#mainmenu .dropdown-menu .cntn,
.cart-dropdown .cntn {
    background: #082c3e !important;
    border: 1px solid rgba(110, 211, 223, 0.22);
    border-radius: 9px;
    box-shadow: var(--lp-shadow);
}

#mainmenu .dropdown-menu a,
.cart-dropdown .dropdown-menu a {
    color: #dcecf0 !important;
}

#mainmenu .dropdown-menu li > a:hover,
#mainmenu .dropdown-menu .active > a,
#mainmenu .dropdown-menu .active > a:hover,
.cart-dropdown li > a:hover,
.cart-dropdown .active > a,
.cart-dropdown .active > a:hover {
    background: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
    box-shadow: none !important;
}

/* Botones */
.btn {
    min-height: 20px;
    padding: 8px 15px;
    border: 1px solid #24647b !important;
    border-radius: 7px !important;
    background: #0b4055 !important;
    background-image: none !important;
    box-shadow: 0 2px 0 #041c27 !important;
    color: #f4fbfd !important;
    font-weight: 600;
    text-shadow: none !important;
    transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.btn:hover,
.btn:focus {
    transform: translateY(-1px);
    background: #11617c !important;
    border-color: #20bacc !important;
    color: #ffffff !important;
    box-shadow: 0 3px 0 #041c27 !important;
}

.btn:active,
.btn.active {
    transform: translateY(1px);
    background: #082f40 !important;
    box-shadow: none !important;
}

.btn-mini {
    padding: 5px 10px;
    border-radius: 6px !important;
}

.btn-small {
    padding: 6px 12px;
}

.input-append .btn,
.input-prepend .btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn .caret {
    border-top-color: currentColor !important;
    border-bottom-color: currentColor !important;
    opacity: 0.8;
}

.btn-primary,
.btn-primary:focus {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
    background: var(--lp-cyan-hover) !important;
    border-color: var(--lp-cyan-hover) !important;
    color: var(--lp-night) !important;
    box-shadow: 0 7px 18px rgba(18, 199, 217, 0.22) !important;
}

.btn-success,
.btn-success:focus {
    background: #138a75 !important;
    border-color: #138a75 !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn-success:active {
    background: #0f735f !important;
    border-color: #0f735f !important;
}

.btn-danger {
    background: #c84b5c !important;
    border-color: #c84b5c !important;
    color: #ffffff !important;
}

.btn:focus,
input:focus,
select:focus,
textarea:focus,
a:focus {
    outline: 2px solid rgba(18, 199, 217, 0.55) !important;
    outline-offset: 2px;
}

/* Pagina publica */
.box-feature {
    min-height: 164px;
    padding: 26px 20px;
    background: rgba(255, 255, 255, 0.97) !important;
    border: 1px solid rgba(18, 199, 217, 0.22) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 20, 30, 0.12);
}

.box-feature:hover,
.box-feature-small .box-feature.active,
.box-feature-small .box-feature.active:hover {
    background: #ffffff !important;
    border-color: var(--lp-cyan) !important;
    box-shadow: 0 7px 18px rgba(0, 20, 30, 0.16);
    transform: translateY(-2px);
}

.box-feature .silver,
.box-feature .iconfont-silver:before {
    color: var(--lp-cyan) !important;
}

.box-feature:hover .silver,
.box-feature:hover .iconfont-silver:before {
    color: var(--lp-petrol) !important;
}

.box-feature h1,
.box-feature h4 {
    color: var(--lp-ink) !important;
}

.box-feature p {
    color: #536e7a !important;
}

.box-feature-divider {
    border-color: rgba(205, 224, 232, 0.72) !important;
}

/* Migas, buscador y cabeceras */
#clientarea .brcrm,
.breadcrumb {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--lp-line) !important;
    border-radius: 7px !important;
    color: var(--lp-muted);
}

#welcomeback h3 {
    color: #ffffff;
    font-weight: 300;
}

.darkshadow {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.header-title {
    background: var(--lp-deep) !important;
    border-bottom-color: var(--lp-cyan) !important;
    color: #b9d1da !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.header-title h2,
.header-title h3 {
    color: #ffffff !important;
}

/* Tarjetas, paneles y tablas */
.wbox,
.con-inner-middle,
.bordered-section,
.right-content {
    background: var(--lp-surface) !important;
    border-color: var(--lp-line) !important;
    border-radius: 9px !important;
    color: var(--lp-ink);
    box-shadow: var(--lp-shadow) !important;
}

.wbox_header {
    background: var(--lp-surface-soft) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--lp-line) !important;
    color: var(--lp-ink) !important;
    text-shadow: none !important;
}

.wbox_content {
    color: var(--lp-ink);
    box-shadow: none !important;
}

.table {
    color: var(--lp-ink);
}

.table th {
    background: #eaf2f5;
    color: #294654;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f7fafb;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
    background-color: #e9f9fb;
}

/* Dashboard */
.dashboardblock {
    background: var(--lp-surface) !important;
    border: 1px solid rgba(18, 199, 217, 0.18) !important;
    border-radius: 10px !important;
    color: var(--lp-ink) !important;
    box-shadow: 0 4px 12px rgba(0, 24, 35, 0.12) !important;
}

.dashboardblock:hover {
    background: #ffffff !important;
    background-image: none !important;
    border-color: var(--lp-cyan) !important;
    box-shadow: 0 7px 18px rgba(0, 24, 35, 0.16) !important;
    transform: translateY(-2px);
}

.dashboardblock h4 a {
    color: var(--lp-ink) !important;
}

.dashboardblock .counter {
    background: #eaf7f9 !important;
    border-color: #bee8ed !important;
    color: var(--lp-petrol) !important;
}

#clientarea .offer .internal a.stripe,
#clientarea .offer .internal a.stripe:hover {
    background: var(--lp-deep) !important;
    border-color: var(--lp-deep) !important;
    color: #ffffff !important;
}

h3.darkheader {
    background: var(--lp-deep) !important;
    color: #ffffff !important;
    border-radius: 7px !important;
    font-size: 14px;
    letter-spacing: 0.04em;
}

ul.nice-sidemenu li a:hover {
    background: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
    border-radius: 4px;
}

ul.nice-sidemenu li a {
    color: #17c8d9 !important;
    font-weight: 600;
}

ul.nice-sidemenu li small {
    color: #a9c2cc !important;
    font-size: 12px;
    line-height: 1.45;
}

ul.nice-sidemenu li i {
    color: #76a7b7 !important;
}

.dashboardblock.offer .silver,
.dashboardblock.offer .silver-color .color,
.dashboardblock.offer .iconfont-silver:before {
    color: var(--lp-cyan) !important;
}

/* Area cliente: menu lateral */
.left-content {
    background: #082c3e !important;
    border: 1px solid rgba(113, 209, 221, 0.18);
    border-radius: 9px 0 0 9px !important;
}

.left-content ul.leftmenu li {
    border-color: rgba(255, 255, 255, 0.07) !important;
}

.left-content ul.leftmenu li a {
    color: #c5d8df !important;
}

.left-content ul.leftmenu li a:hover {
    color: #ffffff !important;
}

.left-content ul.leftmenu li.current a {
    background: var(--lp-cyan) !important;
    background-image: none !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
    box-shadow: none !important;
}

.left-content ul.leftmenu li.current a span,
.left-content ul.leftmenu li.current a:hover span {
    color: var(--lp-night) !important;
}

/* Formularios */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea,
input.styled,
select.styled {
    background-color: #ffffff !important;
    border-color: #bdccd3 !important;
    border-radius: 6px !important;
    color: var(--lp-ink) !important;
    box-shadow: none !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    border-color: var(--lp-cyan) !important;
    box-shadow: 0 0 0 3px rgba(18, 199, 217, 0.14) !important;
}

/* Estados */
.label-Open,
.label-Pending,
.label-Invoiced {
    background: var(--lp-petrol) !important;
}

.label-Client-Reply,
.label-Paid,
.label-Active {
    background: #138a75 !important;
}

.greenbox {
    background: #dff6ef !important;
    border: 1px solid #a9dfcf !important;
    color: #0f624f !important;
}

/* Pie de pagina */
footer {
    border-top-color: rgba(151, 205, 217, 0.22) !important;
    color: #9db5bf !important;
    text-shadow: none !important;
}

footer a {
    color: var(--lp-cyan) !important;
}

/* Ajustes responsivos */
@media (max-width: 767px) {
    #headpart {
        height: auto;
        min-height: 64px;
    }

    #headpart h1,
    #headpart h1 a {
        line-height: 64px;
    }

    #mainmenu,
    #mainmenu.nav-fixed {
        border-radius: 6px !important;
    }

    .box-feature {
        min-height: auto;
        margin-bottom: 14px;
    }

    .left-content,
    .right-content {
        width: 100% !important;
        border-radius: 8px !important;
    }
}

/* ========================================================================== */
/* FIN LAPOINT CLIENT THEME                                                   */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V3 - contraste y modernizacion de servicios                        */
/* ========================================================================== */

/* Textos que viven directamente sobre el fondo oscuro */
#welcomeback,
#welcomeback h3,
#welcomeback a,
.w240,
.w240 h1,
.w240 h2,
.w240 h3,
.w240 h4,
.w240 p,
.w240 small,
.w240 .muted,
.w240 ul.nice-sidemenu li small,
.w240 ul.nice-sidemenu li i {
    color: #ffffff !important;
}

.w240 ul.nice-sidemenu li a {
    color: #20d4e2 !important;
}

.w240 ul.nice-sidemenu li a:hover {
    color: #062838 !important;
}

footer,
footer span,
footer small {
    color: #ffffff !important;
}

footer a {
    color: #20d4e2 !important;
}

/* Navegacion secundaria que aparece sobre el fondo */
#clientarea > .shead,
#clientarea .shead:first-child {
    min-height: 42px;
    margin: 10px 0 20px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff !important;
}

#clientarea .shead a,
#clientarea .shead li,
#clientarea .shead span {
    color: #ffffff !important;
    text-shadow: none !important;
}

#clientarea .shead .spicked,
#clientarea .shead > .spicked {
    margin: 0 8px 0 0;
    padding: 10px 14px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 3px solid var(--lp-cyan) !important;
    border-radius: 0 !important;
    color: #ffffff !important;
}

/* Pestañas antiguas del detalle de servicios */
#clientarea ul.tabbme {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 6px;
    margin: 0 0 -1px;
    padding: 0;
    border-bottom: 1px solid #bfd0d7;
    list-style: none;
}

#clientarea ul.tabbme li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0b4055 !important;
    background-image: none !important;
    border: 1px solid #24647b !important;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
    box-shadow: none !important;
}

#clientarea ul.tabbme li a {
    display: block;
    padding: 10px 14px;
    color: #ffffff !important;
    font-weight: 600;
    text-decoration: none !important;
    text-shadow: none !important;
}

#clientarea ul.tabbme li:hover {
    background: #11617c !important;
    border-color: var(--lp-cyan) !important;
}

#clientarea ul.tabbme li.on,
#clientarea ul.tabbme li.active {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
}

#clientarea ul.tabbme li.on a,
#clientarea ul.tabbme li.active a {
    color: var(--lp-night) !important;
}

/* Paneles antiguos utilizados por módulos de servidores */
#clientarea .newbox1,
#clientarea .slidebg {
    overflow: hidden;
    padding: 16px;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #c9d7dd !important;
    border-radius: 9px !important;
    color: var(--lp-ink) !important;
    box-shadow: 0 4px 12px rgba(0, 24, 35, 0.12) !important;
}

#clientarea .newbox1header {
    min-height: 22px;
    margin: -16px -16px 16px;
    padding: 11px 15px;
    background: var(--lp-deep) !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 3px solid var(--lp-cyan) !important;
    border-radius: 8px 8px 0 0 !important;
    color: #ffffff !important;
    font-weight: 700;
    text-shadow: none !important;
}

#clientarea .newbox1header a,
#clientarea .newbox1header span,
#clientarea .newbox1header strong {
    color: #ffffff !important;
}

#clientarea .newbox1 .ttable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

#clientarea .newbox1 .ttable td,
#clientarea .newbox1 .ttable th {
    padding: 11px 10px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #dce5e9 !important;
    color: var(--lp-ink) !important;
    vertical-align: middle;
}

#clientarea .newbox1 .ttable tr:nth-child(even) td,
#clientarea .newbox1 .ttable tr:nth-child(even) th {
    background: #f4f8fa !important;
}

#clientarea .newbox1 .ttable th,
#clientarea .newbox1 .ttable td:first-child {
    color: #294654 !important;
    font-weight: 700;
}

#clientarea .newbox1 .ttable tr:hover td,
#clientarea .newbox1 .ttable tr:hover th {
    background: #e9f9fb !important;
}

/* Menús de pestañas integrados en cabeceras de panel */
#clientarea ul.wbox_menu li,
#clientarea .wbox_header .tabbs a {
    margin: 0 3px !important;
    padding: 7px 11px;
    background: #0b4055 !important;
    border: 1px solid #24647b !important;
    border-bottom: 0 !important;
    border-radius: 6px 6px 0 0 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

#clientarea ul.wbox_menu li a,
#clientarea .wbox_header .tabbs a {
    color: #ffffff !important;
}

#clientarea li.bgon2,
#clientarea .wbox_header .tabbs a.picked {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
}

#clientarea li.bgon2 a,
#clientarea .wbox_header .tabbs a.picked {
    color: var(--lp-night) !important;
}

/* Datos secundarios dentro de superficies claras: oscuros y legibles */
#clientarea .newbox1 small,
#clientarea .newbox1 .smalltext,
#clientarea .newbox1 .muted,
#clientarea .slidebg small,
#clientarea .slidebg .smalltext,
#clientarea .slidebg .muted {
    color: #536e7a !important;
}

/* Iconos grises sobre el fondo oscuro */
#clientarea > .row i,
#clientarea > .row [class^="icon-"],
#clientarea > .row [class*=" icon-"] {
    color: #ffffff;
}

/* ========================================================================== */
/* FIN LAPOINT V3                                                             */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V4 - legibilidad, separacion de controles y tabs de servicios       */
/* ========================================================================== */

/* Enlaces rapidos: eliminar definitivamente los grises sobre fondo oscuro */
.w240 ul.nice-sidemenu li,
.w240 ul.nice-sidemenu li small,
.w240 ul.nice-sidemenu li p,
.w240 ul.nice-sidemenu li span,
.w240 ul.nice-sidemenu li i,
.w240 ul.nice-sidemenu li [class^="icon-"],
.w240 ul.nice-sidemenu li [class*=" icon-"] {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.w240 ul.nice-sidemenu li a {
    color: #27d7e5 !important;
}

/* Nombre y metadatos del servicio sobre el fondo oscuro */
#clientarea .serviceinfo,
#clientarea .serviceinfo h1,
#clientarea .serviceinfo h2,
#clientarea .serviceinfo h3,
#clientarea .serviceinfo h4,
#clientarea .serviceinfo p,
#clientarea .serviceinfo small,
#clientarea .serviceinfo span,
#clientarea .serviceinfo a {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#clientarea .serviceinfo .badge,
#clientarea .serviceinfo .label {
    color: var(--lp-night) !important;
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
}

/* Separar botones que Bootstrap agrupaba sin espacio */
.dashboardblock .btn-group {
    display: flex !important;
    align-items: center;
    gap: 6px;
}

.dashboardblock .btn-group > .btn,
.dashboardblock .btn-group > .dropdown-toggle {
    float: none !important;
    margin-left: 0 !important;
    border-radius: 7px !important;
}

.dashboardblock .btn-group .btn-success:before {
    display: none !important;
}

.wbox_header .wbox_right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wbox_header .wbox_right .btn,
.wbox_header .wbox_right form,
.wbox_header .wbox_right a {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Pestañas Bootstrap de páginas de servicios: antes eran rectángulos blancos */
#clientarea .nav-tabs:not(#mainmenu .nav-tabs) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 6px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}

#clientarea .nav-tabs:not(#mainmenu .nav-tabs) > li {
    float: none;
    margin: 0;
}

#clientarea .nav-tabs:not(#mainmenu .nav-tabs) > li > a {
    margin: 0 !important;
    padding: 10px 14px;
    background: #0b4055 !important;
    background-image: none !important;
    border: 1px solid #24647b !important;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
    color: #ffffff !important;
    font-weight: 600;
    text-shadow: none !important;
}

#clientarea .nav-tabs:not(#mainmenu .nav-tabs) > li > a:hover {
    background: #11617c !important;
    border-color: var(--lp-cyan) !important;
}

#clientarea .nav-tabs:not(#mainmenu .nav-tabs) > .active > a,
#clientarea .nav-tabs:not(#mainmenu .nav-tabs) > .active > a:hover,
#clientarea .nav-tabs:not(#mainmenu .nav-tabs) > .active > a:focus {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
}

/* Controles de servicio identificables por sus contenedores habituales */
#clientarea .service-actions,
#clientarea .server-actions,
#clientarea .module-actions,
#clientarea .service-controls,
#clientarea .server-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
    padding: 14px;
}

#clientarea .service-actions a,
#clientarea .service-actions button,
#clientarea .server-actions a,
#clientarea .server-actions button,
#clientarea .module-actions a,
#clientarea .module-actions button,
#clientarea .service-controls a,
#clientarea .service-controls button,
#clientarea .server-controls a,
#clientarea .server-controls button {
    float: none !important;
    margin: 0 !important;
    padding: 9px 13px !important;
    background: #0b4055 !important;
    background-image: none !important;
    border: 1px solid #24647b !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-weight: 600;
    text-decoration: none !important;
    text-shadow: none !important;
}

#clientarea .service-actions a:hover,
#clientarea .service-actions button:hover,
#clientarea .server-actions a:hover,
#clientarea .server-actions button:hover,
#clientarea .module-actions a:hover,
#clientarea .module-actions button:hover,
#clientarea .service-controls a:hover,
#clientarea .service-controls button:hover,
#clientarea .server-controls a:hover,
#clientarea .server-controls button:hover {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
}

/* ========================================================================== */
/* FIN LAPOINT V4                                                             */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V5 - tarjetas de productos inspeccionadas en la pagina real         */
/* ========================================================================== */

/* Contenedor exterior de cada plan */
#cont .vps_cart_products .orderbox {
    overflow: hidden;
    margin-bottom: 12px !important;
    background: transparent !important;
    border: 1px solid rgba(39, 215, 229, 0.42) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

/* Superficie clara: todo texto base debe ser oscuro */
#cont .vps_cart_products .orderboxpadding {
    padding: 17px 15px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: var(--lp-ink) !important;
    box-shadow: none !important;
}

#cont .vps_cart_products .orderboxpadding table,
#cont .vps_cart_products .orderboxpadding tbody,
#cont .vps_cart_products .orderboxpadding tr,
#cont .vps_cart_products .orderboxpadding td {
    background: transparent !important;
    color: var(--lp-ink) !important;
}

/* Nombre del plan */
#cont .vps_cart_products .orderboxpadding .biggert {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--lp-ink) !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-shadow: none !important;
}

/* Descripcion de RAM, disco, CPU y soporte */
#cont .vps_cart_products .orderboxpadding .descriptionbox {
    color: #496774 !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Selector de ciclo de pago */
#cont .vps_cart_products .orderboxpadding select {
    min-height: 36px;
    padding: 7px 34px 7px 10px;
    background-color: #f4f8fa !important;
    border: 1px solid #b9ccd4 !important;
    border-radius: 7px !important;
    color: var(--lp-ink) !important;
    font-weight: 500;
    box-shadow: none !important;
}

#cont .vps_cart_products .orderboxpadding select:focus {
    border-color: var(--lp-cyan) !important;
    box-shadow: 0 0 0 3px rgba(18, 199, 217, 0.14) !important;
}

/* Boton Continuar */
#cont .vps_cart_products .orderboxpadding input.btn[type="submit"] {
    min-height: 36px;
    margin-left: 12px !important;
    padding: 8px 16px !important;
    background: var(--lp-deep) !important;
    border: 1px solid #1b6b85 !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

#cont .vps_cart_products .orderboxpadding input.btn[type="submit"]:hover,
#cont .vps_cart_products .orderboxpadding input.btn[type="submit"]:focus {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
}

/* Titulo y selector de categoria situados sobre el fondo oscuro */
#cont > h1,
#cont > h2,
#cont > h3,
#cont > h4,
#cont .vps_cart_products + h1,
#cont .vps_cart_products + h2,
#cont .vps_cart_products + h3 {
    color: #ffffff !important;
}

/* ========================================================================== */
/* FIN LAPOINT V5                                                             */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V6 - iconos blancos y menu de ayuda legible                         */
/* ========================================================================== */

/* Bootstrap 2 dibuja estos iconos desde un sprite, no mediante color de texto */
.w240 ul.nice-sidemenu li i[class^="icon-"],
.w240 ul.nice-sidemenu li i[class*=" icon-"],
.dashboardblock .btn i[class^="icon-"],
.dashboardblock .btn i[class*=" icon-"],
.wbox_header .btn i[class^="icon-"],
.wbox_header .btn i[class*=" icon-"],
.btn i[class^="icon-"],
.btn i[class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings-white.png") !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Iconos de enlaces rapidos sobre el fondo azul */
.w240 ul.nice-sidemenu li i {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Desplegable del buscador del area de cliente */
#search_options.dropdown-menu {
    min-width: 190px;
    padding: 6px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #b8ccd4 !important;
    border-radius: 7px !important;
    box-shadow: 0 6px 16px rgba(0, 24, 35, 0.16) !important;
}

#search_options.dropdown-menu li,
#search_options.dropdown-menu li:hover,
#search_options.dropdown-menu li.active {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#search_options.dropdown-menu li > a,
#search_options.dropdown-menu li > a:visited {
    display: block;
    margin: 0 !important;
    padding: 8px 11px !important;
    background: #ffffff !important;
    background-image: none !important;
    border-radius: 5px;
    color: var(--lp-ink) !important;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none !important;
    text-shadow: none !important;
}

#search_options.dropdown-menu li > a:hover,
#search_options.dropdown-menu li > a:focus,
#search_options.dropdown-menu li.active > a {
    background: #dff7f9 !important;
    background-image: none !important;
    color: #075a70 !important;
    box-shadow: none !important;
}

/* Texto del boton que abre el selector de ayuda */
#search_target {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Flecha del selector sobre el boton oscuro */
#search_form .dropdown-toggle .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
    opacity: 1 !important;
}

/* ========================================================================== */
/* FIN LAPOINT V6                                                             */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V7 - modernizacion global de detalle de servidor                    */
/* Estas vistas se renderizan fuera de #clientarea en algunos modulos.         */
/* ========================================================================== */

/* Eliminar tipografia delineada o sombreada en navegacion secundaria */
.shead,
.shead *,
.shead a,
.shead span,
.shead li {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

.shead {
    min-height: 40px;
    margin: 10px 0 20px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}

.shead .spicked,
.shead > .spicked {
    margin: 0 10px 0 0;
    padding: 10px 14px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 3px solid var(--lp-cyan) !important;
    border-radius: 0 !important;
}

/* Nombre de la maquina y resumen del servicio */
.serviceinfo,
.serviceinfo h1,
.serviceinfo h2,
.serviceinfo h3,
.serviceinfo h4,
.serviceinfo h3 a,
.serviceinfo h4 a,
.serviceinfo p,
.serviceinfo small,
.serviceinfo span {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

.serviceinfo h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.serviceinfo h4 {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.serviceinfo [class^="iconfont-"]:before,
.serviceinfo [class*=" iconfont-"]:before {
    color: var(--lp-cyan) !important;
    text-shadow: none !important;
}

/* Pestañas de módulos antiguos */
ul.tabbme {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 7px;
    margin: 0 0 -1px !important;
    padding: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #b9ccd4;
    list-style: none;
}

ul.tabbme li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0b4055 !important;
    background-image: none !important;
    border: 1px solid #24647b !important;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

ul.tabbme li a {
    display: block;
    padding: 10px 14px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    line-height: 1.25;
    text-decoration: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

ul.tabbme li:hover {
    background: #11617c !important;
    border-color: var(--lp-cyan) !important;
}

ul.tabbme li.on,
ul.tabbme li.active {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
}

ul.tabbme li.on a,
ul.tabbme li.active a {
    color: var(--lp-night) !important;
}

/* Panel principal del módulo */
.newbox1 {
    overflow: hidden;
    padding: 16px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #c6d5dc !important;
    border-radius: 9px !important;
    color: var(--lp-ink) !important;
    box-shadow: 0 4px 12px rgba(0, 24, 35, 0.12) !important;
}

.newbox1header {
    min-height: 22px;
    margin: -16px -16px 16px !important;
    padding: 11px 15px !important;
    background: var(--lp-deep) !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 3px solid var(--lp-cyan) !important;
    border-radius: 8px 8px 0 0 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

.newbox1header *,
.newbox1header a,
.newbox1header span,
.newbox1header strong {
    color: #ffffff !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

.newbox1 .ttable td,
.newbox1 .ttable th {
    padding: 11px 10px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #dce5e9 !important;
    color: var(--lp-ink) !important;
    text-shadow: none !important;
}

.newbox1 .ttable tr:nth-child(even) td,
.newbox1 .ttable tr:nth-child(even) th {
    background: #f4f8fa !important;
}

/* Acciones antiguas con iconos de imagen: Consola, Reiniciar, Apagado, etc. */
.newbox1 a:has(> img),
.newbox1 a:has(> span > img),
.newbox1 td[align="center"] > a:has(img) {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    min-height: 58px;
    margin: 4px !important;
    padding: 9px 11px !important;
    background: #0b4055 !important;
    background-image: none !important;
    border: 1px solid #24647b !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-weight: 600;
    text-decoration: none !important;
    text-shadow: none !important;
}

.newbox1 a:has(> img):hover,
.newbox1 a:has(> span > img):hover,
.newbox1 td[align="center"] > a:has(img):hover {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
    transform: translateY(-1px);
}

/* ========================================================================== */
/* FIN LAPOINT V7                                                             */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V8 - selectores reales del modulo VPS                              */
/* ========================================================================== */

/* Nombre de la maquina */
h1.left.os-logo,
h1.os-logo {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 0 transparent !important;
}

/* Estado de encendido: sustituye el switch antiguo que cortaba el texto */
td.vm-details-value a.state_switch,
a.state_switch {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 72px !important;
    max-width: none !important;
    height: auto !important;
    min-height: 18px;
    margin: 0 !important;
    padding: 6px 11px !important;
    overflow: visible !important;
    background-image: none !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.01em;
    opacity: 1 !important;
    box-shadow: none !important;
    filter: none !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    -webkit-text-stroke: 0 transparent !important;
}

td.vm-details-value a.state_switch.on,
a.state_switch.on {
    background: #138a75 !important;
    border: 1px solid #1eaa91 !important;
}

td.vm-details-value a.state_switch.on:hover,
a.state_switch.on:hover {
    background: #0f735f !important;
    border-color: #20c5a5 !important;
    color: #ffffff !important;
}

td.vm-details-value a.state_switch.off,
a.state_switch.off {
    background: #c84b5c !important;
    border: 1px solid #dc6575 !important;
}

td.vm-details-value a.state_switch.off:hover,
a.state_switch.off:hover {
    background: #a93b4b !important;
    color: #ffffff !important;
}

/* Accion secundaria Actualizar */
td.vm-details-value > a.fs11 {
    display: inline-block;
    padding-left: 12px !important;
    color: #087f9a !important;
    font-size: 12px !important;
    font-weight: 600;
    text-decoration: none !important;
    text-shadow: none !important;
}

td.vm-details-value > a.fs11:hover {
    color: #055f74 !important;
    text-decoration: underline !important;
}

/* ========================================================================== */
/* FIN LAPOINT V8                                                             */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V9 - estructura real del modulo de servidores virtuales             */
/* ========================================================================== */

/* Navegacion Resumen / Servidores Virtuales */
a[href="index.php?/clientarea/"]:has(+ a[href="index.php?/clientarea/services/servidores-virtuales/"]),
a[href="index.php?/clientarea/services/servidores-virtuales/"] {
    display: inline-block;
    padding: 9px 12px !important;
    color: #ffffff !important;
    font-weight: 600;
    opacity: 1 !important;
    filter: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

a[href="index.php?/clientarea/services/servidores-virtuales/"] {
    border-bottom: 3px solid var(--lp-cyan);
}

/* Contenedor principal del modulo */
.content-bar {
    position: relative;
    padding: 16px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #c7d7de !important;
    border-radius: 10px !important;
    color: var(--lp-ink) !important;
    box-shadow: 0 5px 14px rgba(0, 24, 35, 0.13) !important;
}

/* Barra de acciones del servidor */
#lockable-vm-menu {
    float: none !important;
    width: 100%;
    margin: 0 0 18px !important;
}

#lockable-vm-menu #lock {
    padding: 12px 14px;
    background: #fff6d8;
    border: 1px solid #e9cf6a;
    border-radius: 7px;
    color: #59480c;
    font-weight: 600;
}

#lockable-vm-menu #lock img {
    margin-right: 8px;
    vertical-align: middle;
}

#vm-menu {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-end;
    gap: 9px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#vm-menu > li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}

#vm-menu > li > a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    min-height: 68px;
    margin: 0 !important;
    padding: 10px 12px !important;
    background: #0b4055 !important;
    background-image: none !important;
    border: 1px solid #24647b !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    filter: none !important;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none !important;
    transition: transform 150ms ease, background-color 150ms ease, border-color 150ms ease;
    -webkit-text-stroke: 0 transparent !important;
}

#vm-menu > li > a:hover,
#vm-menu > li > a:focus {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
    transform: translateY(-2px);
}

#vm-menu > li:last-child > a {
    background: #7d3040 !important;
    border-color: #a94c5e !important;
}

#vm-menu > li:last-child > a:hover,
#vm-menu > li:last-child > a:focus {
    background: #c84b5c !important;
    border-color: #dc6575 !important;
    color: #ffffff !important;
}

#vm-menu .vpsdo-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 0 6px;
}

#vm-menu .vpsdo-icon img {
    display: block;
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
}

#vm-menu .vpsdo-decr {
    color: inherit !important;
    font-size: 12px;
    line-height: 1.25;
    text-shadow: none !important;
}

/* Caja y tablas de datos */
.vm-details-box {
    clear: both;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #d1dee3 !important;
    border-radius: 9px !important;
}

.vm-details {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.vm-details-part {
    padding: 0 10px !important;
    background: #ffffff !important;
    border: 0 !important;
    vertical-align: top;
}

.vm-details-part:first-child {
    border-right: 1px solid #dce5e9 !important;
}

.vm-details-table {
    width: 100%;
    border-collapse: collapse !important;
}

.vm-details-row > td {
    padding: 12px 10px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #dce5e9 !important;
    color: var(--lp-ink) !important;
    line-height: 1.4;
    text-shadow: none !important;
}

.vm-details-row:nth-child(even) > td {
    background: #f5f8fa !important;
}

.vm-details-row:hover > td {
    background: #eaf9fb !important;
}

.vm-details-label {
    width: 120px !important;
    color: #294654 !important;
    font-weight: 700 !important;
}

.vm-details-label b {
    color: inherit !important;
    font-weight: inherit !important;
}

.vm-details-value {
    color: var(--lp-ink) !important;
    font-weight: 500;
}

.vm-details-value b {
    color: #294654 !important;
}

.ip-details {
    color: #087f9a !important;
    font-weight: 700;
    text-decoration: none !important;
    border-bottom: 1px dotted #087f9a;
}

/* Campo de contraseña */
.pw-input-group {
    display: flex !important;
    align-items: stretch;
    gap: 6px;
}

.pw-input-group input.form-control {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    background: #f5f8fa !important;
    border: 1px solid #b9ccd4 !important;
    border-radius: 7px !important;
    color: var(--lp-ink) !important;
}

.pw-input-group-append {
    display: flex;
    align-items: stretch;
    gap: 5px;
}

.pw-input-group-append .btn {
    min-width: 36px;
    margin: 0 !important;
    padding: 6px 9px !important;
    border-radius: 7px !important;
}

/* Etiquetas */
.vm-tags {
    width: 100%;
    margin-top: 14px;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 1px solid #d1dee3 !important;
    border-radius: 9px !important;
}

.vm-tags td {
    padding: 12px 10px !important;
    color: var(--lp-ink) !important;
    border-bottom: 1px solid #dce5e9;
}

.vm-details-tags em {
    margin-right: 10px;
    color: #536e7a !important;
    opacity: 1 !important;
}

.vm-tags-add {
    margin-left: 8px !important;
}

@media (max-width: 767px) {
    #vm-menu {
        justify-content: flex-start;
    }

    #vm-menu > li > a {
        min-width: 66px;
    }

    .vm-details-part {
        display: block;
        width: auto !important;
        border-right: 0 !important;
    }
}

/* ========================================================================== */
/* FIN LAPOINT V9                                                             */
/* ========================================================================== */

/* Correccion final del switch de estado heredado */
td.vm-details-value a.state_switch::before,
td.vm-details-value a.state_switch::after,
a.state_switch::before,
a.state_switch::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    content: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

td.vm-details-value a.state_switch,
a.state_switch {
    position: static !important;
    vertical-align: middle !important;
}

td.vm-details-value > a.fs11 {
    display: inline-flex !important;
    align-items: center;
    min-height: 30px;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    color: #087f9a !important;
    line-height: 1.2 !important;
}
/* ==========================================================
   LAPOINT V10 - ENLACE RESUMEN SIN ESTILO HEREDADO
   ========================================================== */

a[href="index.php?/clientarea/"] {
    color: #ffffff !important;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    filter: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

a[href="index.php?/clientarea/"]:hover,
a[href="index.php?/clientarea/"]:focus {
    color: var(--lp-cyan) !important;
    text-decoration: none !important;
}

/* El mismo destino aparece en el pie de página: conserva allí el cian. */
footer a[href="index.php?/clientarea/"] {
    color: var(--lp-cyan) !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* ==========================================================
   LAPOINT V11 - MENUS DEL DASHBOARD Y BUSCADOR DE AYUDA
   ========================================================== */

/* El menu Gestionar usa un desplegable Bootstrap antiguo.
   Fuerza contraste y evita que la tarjeta recorte sus opciones. */
.dashboardblock,
.dashboardblock .internal,
.dashboardblock .btn-group {
    overflow: visible !important;
}

.dashboardblock .btn-group {
    z-index: 30;
}

.dashboardblock .btn-group.open {
    z-index: 1050;
}

.dashboardblock .dropdown-menu {
    min-width: 190px !important;
    max-height: none !important;
    padding: 6px !important;
    overflow: visible !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #bfd0d7 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(0, 24, 35, 0.22) !important;
    color: var(--lp-ink) !important;
    z-index: 1060 !important;
}

.dashboardblock .dropdown-menu li,
.dashboardblock .dropdown-menu li:hover,
.dashboardblock .dropdown-menu li.active {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.dashboardblock .dropdown-menu li > a,
.dashboardblock .dropdown-menu li > a:visited {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    padding: 9px 11px !important;
    background: transparent !important;
    color: #163746 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: normal !important;
}

.dashboardblock .dropdown-menu li > a:hover,
.dashboardblock .dropdown-menu li > a:focus,
.dashboardblock .dropdown-menu li.active > a {
    background: #dff8fb !important;
    color: #06384a !important;
    border-radius: 6px !important;
}

/* El ribbon tenia margenes negativos heredados y sobresalia de la caja. */
#clientarea .ribbon.form-horizontal {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    background: #f4f8fa !important;
    border: 1px solid #d1dee3 !important;
    border-radius: 0 !important;
}

#clientarea .ribbon.form-horizontal form {
    width: 100%;
    margin: 0 !important;
}

#clientarea .ribbon.form-horizontal .control-group {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    margin: 0 !important;
}

#clientarea .ribbon.form-horizontal .control-label {
    float: none !important;
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--lp-ink) !important;
    line-height: 40px !important;
    text-align: left !important;
}

#clientarea .ribbon.form-horizontal .controls {
    display: flex !important;
    flex: 1 1 auto;
    align-items: stretch;
    gap: 8px;
    width: auto !important;
    max-width: 560px;
    min-width: 0;
    margin: 0 !important;
}

#clientarea .ribbon.form-horizontal input.magnify {
    box-sizing: border-box !important;
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    height: 40px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
}

#clientarea .ribbon.form-horizontal input[type="submit"] {
    flex: 0 0 auto;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 18px !important;
}

@media (max-width: 767px) {
    #clientarea .ribbon.form-horizontal {
        padding: 14px !important;
    }

    #clientarea .ribbon.form-horizontal .control-group {
        display: block !important;
    }

    #clientarea .ribbon.form-horizontal .control-label {
        display: block;
        margin-bottom: 7px !important;
        line-height: 1.4 !important;
    }

    #clientarea .ribbon.form-horizontal .controls {
        width: 100% !important;
        max-width: none;
    }
}

/* Enlaces secundarios de soporte: elimina el delineado tipografico heredado. */
a.active[href="index.php?/support/"],
a[href="index.php?/tickets"] {
    color: #ffffff !important;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    filter: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

a.active[href="index.php?/support/"]:hover,
a.active[href="index.php?/support/"]:focus,
a[href="index.php?/tickets"]:hover,
a[href="index.php?/tickets"]:focus {
    color: var(--lp-cyan) !important;
    text-decoration: none !important;
}

/* ========================================================================== */
/* LAPOINT V12 - MOVIMIENTO E INTERACCION                                      */
/* Direccion: interfaz tecnica sobria, con respuestas breves y precisas.       */
/* ========================================================================== */

@keyframes lp-page-enter {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lp-panel-enter {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.99);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes lp-menu-enter {
    from {
        opacity: 0;
        transform: translateY(-5px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes lp-status-settle {
    0% {
        box-shadow: 0 0 0 0 rgba(18, 199, 217, 0.38);
    }
    100% {
        box-shadow: 0 0 0 8px rgba(18, 199, 217, 0);
    }
}

/* Entrada de pagina: un solo gesto para mantener la interfaz tranquila. */
#clientarea {
    animation: lp-page-enter 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.dashboardblock,
.box-feature,
.wbox,
.newbox1,
.orderbox,
.vm-details-box,
.ribbon {
    animation: lp-panel-enter 460ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.dashrow > *:nth-child(2) .dashboardblock,
.dashrow > .dashboardblock:nth-child(2) {
    animation-delay: 70ms;
}

.dashrow > *:nth-child(3) .dashboardblock,
.dashrow > .dashboardblock:nth-child(3) {
    animation-delay: 130ms;
}

.dashrow > *:nth-child(4) .dashboardblock,
.dashrow > .dashboardblock:nth-child(4) {
    animation-delay: 190ms;
}

/* Desplegables con apertura corta, sin desenfoque. */
.open > .dropdown-menu,
.dropdown.open > .dropdown-menu,
.btn-group.open > .dropdown-menu {
    transform-origin: top center;
    animation: lp-menu-enter 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.dashboardblock .btn-group.open > .dropdown-menu {
    transform-origin: bottom right;
}

/* Controles: respuesta tactil sin cambiar sus dimensiones. */
.btn,
button,
input[type="button"],
input[type="submit"] {
    transition: background-color 160ms ease, border-color 160ms ease,
        color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    transform: translateY(-2px);
}

.btn:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
    transform: translateY(0) scale(0.98);
}

/* La navegacion reacciona como una barra moderna, sin sombras de texto. */
#mainmenu .nav-tabs > li > a,
#mainmenu.nav-fixed .nav > li > a {
    transition: background-color 180ms ease, color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease !important;
}

#mainmenu .nav-tabs > li > a:hover,
#mainmenu.nav-fixed .nav > li > a:hover {
    transform: translateY(-1px);
    box-shadow: inset 0 -3px 0 var(--lp-cyan) !important;
}

/* Tarjetas y paneles: elevacion corta y borde cian, sin mas difuminado. */
.dashboardblock,
.box-feature,
.orderbox,
.newbox1,
.vm-details-box {
    transition: transform 190ms ease, border-color 190ms ease,
        box-shadow 190ms ease !important;
}

.dashboardblock:hover,
.box-feature:hover,
.orderbox:hover {
    transform: translateY(-3px);
    border-color: rgba(18, 199, 217, 0.72) !important;
}

/* Las tablas indican claramente la fila que se esta consultando. */
table tbody tr > td {
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

/* V17: solo tablas de datos. Las tablas sin clase (o .styled, .checker sin
   .table, .domain-config-table) maquetan formularios, como el login. */
:is(.wbox_content, .newbox1) table:is(.table, .display, .data-table, .tonapp) tbody tr:hover > td,
.vm-details-table tbody tr:hover > td,
table.fullscreen tbody tr:hover > td {
    box-shadow: inset 3px 0 0 var(--lp-cyan);
}

/* Campos con foco visible y consistente. */
input,
select,
textarea {
    transition: border-color 160ms ease, box-shadow 160ms ease,
        background-color 160ms ease !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(18, 199, 217, 0.42) !important;
    outline-offset: 2px !important;
}

/* Confirmacion visual breve para el estado del servidor. */
td.vm-details-value a.state_switch.on,
a.state_switch.on {
    animation: lp-status-settle 650ms 280ms ease-out both;
}

/* Los iconos de accion conservan el movimiento dentro de su propia caja. */
#vm-menu > li > a,
.newbox1 a:has(> img),
.newbox1 a:has(> span > img) {
    transition: background-color 170ms ease, border-color 170ms ease,
        color 170ms ease, transform 170ms ease !important;
}

#vm-menu > li > a:hover,
.newbox1 a:has(> img):hover,
.newbox1 a:has(> span > img):hover {
    transform: translateY(-3px);
}

/* Respeta a usuarios que prefieren una interfaz sin movimiento. */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-delay: 0ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 767px) {
    .dashboardblock:hover,
    .box-feature:hover,
    .orderbox:hover,
    #vm-menu > li > a:hover {
        transform: none;
    }
}

/* ========================================================================== */
/* FIN LAPOINT V12                                                            */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V13 - DESPLEGABLES DE LA CABECERA                                  */
/* ========================================================================== */

/* Boton abierto: elimina el aro doble heredado de Bootstrap. */
.headersection .btn-group.open > .dropdown-toggle,
.headersection .cart-dropdown.open > .dropdown-toggle {
    background: var(--lp-cyan) !important;
    background-image: none !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
    outline: 0 !important;
    box-shadow: 0 2px 0 #041c27 !important;
    text-shadow: none !important;
}

.headersection .btn-group.open > .dropdown-toggle .caret,
.headersection .cart-dropdown.open > .dropdown-toggle .caret {
    border-top-color: var(--lp-night) !important;
    border-bottom-color: var(--lp-night) !important;
}

/* Superficie compacta y alineada bajo el control que la abre. */
.headersection .dropdown-menu,
.headersection .cart-dropdown .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    box-sizing: border-box !important;
    min-width: 190px !important;
    min-height: 0 !important;
    margin: 8px 0 0 !important;
    padding: 6px !important;
    overflow: visible !important;
    background: #082c3e !important;
    background-image: none !important;
    border: 1px solid rgba(110, 211, 223, 0.32) !important;
    border-radius: 9px !important;
    box-shadow: 0 10px 24px rgba(0, 18, 27, 0.28) !important;
    text-shadow: none !important;
}

/* Algunas versiones de HostBill agregan un contenedor interno .cntn. */
.headersection .dropdown-menu .cntn,
.headersection .cart-dropdown .dropdown-menu .cntn {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.headersection .dropdown-menu ul,
.headersection .dropdown-menu li,
.headersection .cart-dropdown .dropdown-menu ul,
.headersection .cart-dropdown .dropdown-menu li {
    float: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
}

.headersection .dropdown-menu li > a,
.headersection .dropdown-menu li > a:visited,
.headersection .cart-dropdown .dropdown-menu li > a,
.headersection .cart-dropdown .dropdown-menu li > a:visited {
    display: flex !important;
    align-items: center;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 36px;
    margin: 0 !important;
    padding: 9px 12px !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 6px !important;
    color: #e7f4f7 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: normal !important;
}

.headersection .dropdown-menu li > a:hover,
.headersection .dropdown-menu li > a:focus,
.headersection .dropdown-menu li.active > a,
.headersection .dropdown-menu li.active > a:hover,
.headersection .cart-dropdown .dropdown-menu li > a:hover,
.headersection .cart-dropdown .dropdown-menu li > a:focus,
.headersection .cart-dropdown .dropdown-menu li.active > a,
.headersection .cart-dropdown .dropdown-menu li.active > a:hover {
    background: var(--lp-cyan) !important;
    background-image: none !important;
    color: var(--lp-night) !important;
    box-shadow: none !important;
}

.headersection .dropdown-menu .divider,
.headersection .cart-dropdown .dropdown-menu .divider {
    width: auto !important;
    height: 1px !important;
    min-height: 1px !important;
    margin: 6px !important;
    background: rgba(151, 205, 217, 0.2) !important;
    border: 0 !important;
}

.headersection .dropdown-menu .nav-header,
.headersection .cart-dropdown .dropdown-menu .nav-header {
    padding: 8px 12px !important;
    color: #93b4c0 !important;
    text-shadow: none !important;
}

/* Foco de teclado visible, sin recuperar el borde doble antiguo. */
.headersection .btn-group > .dropdown-toggle:focus-visible,
.headersection .cart-dropdown > .dropdown-toggle:focus-visible {
    outline: 3px solid rgba(18, 199, 217, 0.42) !important;
    outline-offset: 3px !important;
}

@media (max-width: 767px) {
    .headersection .dropdown-menu,
    .headersection .cart-dropdown .dropdown-menu {
        max-width: calc(100vw - 24px);
    }
}

/* ========================================================================== */
/* FIN LAPOINT V13                                                            */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V14 - BLOQUE DE FACTURAS PENDIENTES                                */
/* ========================================================================== */

/* Se identifica por el formulario payall para no afectar otros wbox. */
#clientarea .wbox:has(form input[name="action"][value="payall"]) {
    overflow: hidden;
    background: #ffffff !important;
    border: 1px solid rgba(18, 199, 217, 0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(0, 24, 35, 0.15) !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"]) .wbox_header {
    display: flex !important;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    min-height: 54px;
    padding: 9px 12px 9px 16px !important;
    background: #0b4055 !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 3px solid var(--lp-cyan) !important;
    border-radius: 9px 9px 0 0 !important;
    color: #ffffff !important;
    font-weight: 750 !important;
    line-height: 1.3;
    text-shadow: none !important;
}

/* El importe vencido deja de ser rojo puro y funciona como una insignia. */
#clientarea .wbox:has(form input[name="action"][value="payall"])
    .wbox_header > span[style*="color:red"] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    background: rgba(255, 122, 120, 0.15);
    border: 1px solid rgba(255, 122, 120, 0.35);
    border-radius: 999px;
    color: #ff8e8c !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    .wbox_header .wbox_right {
    float: none !important;
    display: flex !important;
    align-items: center;
    margin: 0 0 0 auto !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    .wbox_header .wbox_right form {
    display: flex;
    margin: 0 !important;
}

/* Accion de pago: verde petroleo, compacta y con icono correctamente visible. */
#clientarea .wbox_header form:has(input[name="action"][value="payall"])
    button.btn-success[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 8px 13px !important;
    background: #138a75 !important;
    background-image: none !important;
    border: 1px solid #20ad94 !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    box-shadow: 0 2px 0 #063d35 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    white-space: nowrap;
}

#clientarea .wbox_header form:has(input[name="action"][value="payall"])
    button.btn-success[type="submit"]:hover,
#clientarea .wbox_header form:has(input[name="action"][value="payall"])
    button.btn-success[type="submit"]:focus {
    background: #0fa488 !important;
    border-color: #35c8ad !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

#clientarea .wbox_header form:has(input[name="action"][value="payall"])
    button.btn-success[type="submit"] i,
#clientarea .wbox_header form:has(input[name="action"][value="payall"])
    button.btn-success[type="submit"] [class^="icon-"],
#clientarea .wbox_header form:has(input[name="action"][value="payall"])
    button.btn-success[type="submit"] [class*=" icon-"] {
    flex: 0 0 auto;
    margin: 0 !important;
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
    transform: none !important;
}

/* Tabla clara para lectura financiera, con contraste y estados modernos. */
#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen {
    background: #ffffff !important;
    border-radius: 0 0 9px 9px !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #e8f6f8 !important;
    background-image: none !important;
    border-color: #cfe1e6 !important;
    color: #294654 !important;
    font-weight: 750 !important;
    text-shadow: none !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: var(--lp-ink) !important;
    text-shadow: none !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen tbody tr:nth-child(even) td {
    background: #f5f9fa !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen tbody tr:hover td {
    background: #eaf9fb !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen td a:not(.view3) {
    color: #087f9a !important;
    font-weight: 700;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen th:last-child,
#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen td:last-child {
    width: 72px !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen a.view3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    padding: 4px 8px;
    background: #e4f6f8 !important;
    border: 1px solid #b9e4e9;
    border-radius: 999px;
    color: #08748a !important;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none !important;
}

#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen a.view3:hover,
#clientarea .wbox:has(form input[name="action"][value="payall"])
    table.fullscreen a.view3:focus {
    background: var(--lp-cyan) !important;
    border-color: var(--lp-cyan);
    color: var(--lp-night) !important;
}

@media (max-width: 767px) {
    #clientarea .wbox:has(form input[name="action"][value="payall"])
        .wbox_header {
        flex-wrap: wrap;
        padding: 12px !important;
    }

    #clientarea .wbox:has(form input[name="action"][value="payall"])
        .wbox_header .wbox_right {
        width: 100%;
        margin-left: 0 !important;
    }

    #clientarea .wbox_header form:has(input[name="action"][value="payall"]),
    #clientarea .wbox_header form:has(input[name="action"][value="payall"])
        button.btn-success[type="submit"] {
        width: 100%;
    }
}

/* ========================================================================== */
/* FIN LAPOINT V14                                                            */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V15 - BLOQUE DE TICKETS ABIERTOS                                   */
/* ========================================================================== */

/* Se limita al wbox que contiene la accion para crear un ticket. */
#clientarea .wbox:has(a[href="index.php?/tickets/new/"]) {
    overflow: hidden;
    background: #ffffff !important;
    border: 1px solid rgba(18, 199, 217, 0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(0, 24, 35, 0.15) !important;
}

#clientarea .wbox:has(a[href="index.php?/tickets/new/"]) .wbox_header {
    display: flex !important;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    min-height: 54px;
    padding: 9px 12px 9px 16px !important;
    background: #0b4055 !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 3px solid var(--lp-cyan) !important;
    border-radius: 9px 9px 0 0 !important;
    color: #ffffff !important;
    font-weight: 750 !important;
    line-height: 1.3;
    text-shadow: none !important;
}

#clientarea .wbox:has(a[href="index.php?/tickets/new/"])
    .wbox_header .wbox_right {
    float: none !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 0 auto !important;
}

#clientarea .wbox:has(a[href="index.php?/tickets/new/"])
    .wbox_header .wbox_right > .btn {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 8px 13px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap;
}

/* Crear ticket: accion principal. */
#clientarea .wbox_header a.btn[href="index.php?/tickets/new/"] {
    background: var(--lp-cyan) !important;
    background-image: none !important;
    border-color: var(--lp-cyan) !important;
    color: var(--lp-night) !important;
    box-shadow: 0 2px 0 #041c27 !important;
}

#clientarea .wbox_header a.btn[href="index.php?/tickets/new/"]:hover,
#clientarea .wbox_header a.btn[href="index.php?/tickets/new/"]:focus {
    background: var(--lp-cyan-hover) !important;
    border-color: var(--lp-cyan-hover) !important;
    color: var(--lp-night) !important;
    transform: translateY(-1px);
}

#clientarea .wbox_header a.btn[href="index.php?/tickets/new/"] i,
#clientarea .wbox_header a.btn[href="index.php?/tickets/new/"]
    [class^="icon-"],
#clientarea .wbox_header a.btn[href="index.php?/tickets/new/"]
    [class*=" icon-"] {
    flex: 0 0 auto;
    margin: 0 !important;
    background-image: url("../img/glyphicons-halflings.png") !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

/* Ver todos: accion secundaria, visible sin competir con la principal. */
#clientarea .wbox_header a.btn[href="index.php?/tickets/"] {
    background: transparent !important;
    background-image: none !important;
    border-color: #4c7a8d !important;
    color: #e7f4f7 !important;
    box-shadow: none !important;
}

#clientarea .wbox_header a.btn[href="index.php?/tickets/"]:hover,
#clientarea .wbox_header a.btn[href="index.php?/tickets/"]:focus {
    background: #11617c !important;
    border-color: var(--lp-cyan) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* Encabezados y filas del listado. */
#clientarea .wbox:has(a[href="index.php?/tickets/new/"])
    table.fullscreen {
    background: #ffffff !important;
    border-radius: 0 0 9px 9px !important;
}

#clientarea .wbox:has(a[href="index.php?/tickets/new/"])
    table.fullscreen th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #e8f6f8 !important;
    background-image: none !important;
    border-color: #cfe1e6 !important;
    color: #294654 !important;
    font-weight: 750 !important;
    text-shadow: none !important;
}

#clientarea .wbox:has(a[href="index.php?/tickets/new/"])
    table.fullscreen td {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    color: var(--lp-ink) !important;
    text-shadow: none !important;
}

#clientarea .wbox:has(a[href="index.php?/tickets/new/"])
    table.fullscreen tbody tr:nth-child(even) td {
    background: #f5f9fa !important;
}

#clientarea .wbox:has(a[href="index.php?/tickets/new/"])
    table.fullscreen tbody tr:hover td {
    background: #eaf9fb !important;
}

/* Estado vacio: mas aire y contraste que el mensaje antiguo. */
#clientarea .wbox:has(a[href="index.php?/tickets/new/"])
    table.fullscreen td[colspan="4"] {
    padding: 26px 18px !important;
    background: #f7fafb !important;
    color: #617b86 !important;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 767px) {
    #clientarea .wbox:has(a[href="index.php?/tickets/new/"])
        .wbox_header {
        flex-wrap: wrap;
        padding: 12px !important;
    }

    #clientarea .wbox:has(a[href="index.php?/tickets/new/"])
        .wbox_header .wbox_right {
        flex-wrap: wrap;
        width: 100%;
        margin-left: 0 !important;
    }

    #clientarea .wbox:has(a[href="index.php?/tickets/new/"])
        .wbox_header .wbox_right > .btn {
        flex: 1 1 180px;
    }
}

/* ========================================================================== */
/* FIN LAPOINT V15                                                            */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V16 - TARJETA DE SERVIDORES VIRTUALES                              */
/* ========================================================================== */

/* Selector exacto para no modificar otros tipos de servicio. */
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) {
    overflow: visible !important;
    min-height: 168px;
    background: #ffffff !important;
    border: 1px solid rgba(18, 199, 217, 0.35) !important;
    border-top: 3px solid var(--lp-cyan) !important;
    border-radius: 11px !important;
    box-shadow: 0 8px 20px rgba(0, 24, 35, 0.15) !important;
}

#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ):hover {
    border-color: rgba(18, 199, 217, 0.72) !important;
    border-top-color: var(--lp-cyan) !important;
    box-shadow: 0 11px 24px rgba(0, 24, 35, 0.19) !important;
    transform: translateY(-3px);
}

#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .internal {
    position: relative;
    box-sizing: border-box;
    min-height: 165px !important;
    margin: 0 !important;
    /* Defecto (c): reserva el espacio de los botones (absolutos, 39px + 14px
       de margen inferior + 12px de separacion) para que el parrafo nunca
       quede debajo de ellos. */
    padding: 0 0 65px !important;
    overflow: visible !important;
}

/* Descripcion corta de la tarjeta. Defecto (c): antes era un ::after con
   position:absolute y top:67px, calculado para un titulo de un renglon; con
   el titulo en dos renglones el borde del h4 cruzaba el texto. Ahora es un
   <p> en flujo (clientarea/dashboard.tpl, clave lapoint_vps_desc) que baja
   con el titulo. */
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .internal > h4 + p {
    margin: 12px 16px 0;
    color: #617b86;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) h4 {
    box-sizing: border-box;
    min-height: 52px;
    margin: 0 !important;
    padding: 12px 14px !important;
    background: #f2f8fa !important;
    border-bottom: 1px solid #d7e6eb;
    border-radius: 8px 8px 0 0;
    font-size: 14px !important;
    line-height: 1.3;
}

#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) h4 > a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--lp-ink) !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

/* Distintivo tecnico sin depender de imagenes adicionales. */
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) h4 > a::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 31px;
    min-height: 22px;
    padding: 0 6px;
    background: var(--lp-deep);
    border: 1px solid #24647b;
    border-radius: 6px;
    color: var(--lp-cyan);
    content: "VPS";
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
}

/* Zona de acciones ocupando todo el ancho util de la tarjeta. */
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group {
    position: absolute !important;
    right: 14px !important;
    bottom: 14px !important;
    left: 14px !important;
    z-index: 40;
    display: flex !important;
    align-items: stretch;
    gap: 8px;
    width: auto !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* Contador de instancias. */
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group > a.btn-success {
    flex: 0 0 42px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 42px !important;
    min-height: 39px !important;
    margin: 0 !important;
    padding: 8px !important;
    background: var(--lp-cyan) !important;
    background-image: none !important;
    border: 1px solid var(--lp-cyan) !important;
    border-radius: 8px !important;
    color: var(--lp-night) !important;
    box-shadow: 0 2px 0 #073341 !important;
    font-size: 14px !important;
    text-shadow: none !important;
}

#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group > a.btn-success:hover,
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group > a.btn-success:focus {
    background: var(--lp-cyan-hover) !important;
    border-color: var(--lp-cyan-hover) !important;
    color: var(--lp-night) !important;
    transform: translateY(-1px);
}

/* Boton Gestionar. */
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group > a.dropdown-toggle {
    flex: 1 1 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    min-height: 39px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    background: #0b4055 !important;
    background-image: none !important;
    border: 1px solid #24647b !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    box-shadow: 0 2px 0 #041c27 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.2;
    text-shadow: none !important;
}

#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group > a.dropdown-toggle:hover,
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group > a.dropdown-toggle:focus,
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group.open > a.dropdown-toggle {
    background: #11617c !important;
    border-color: var(--lp-cyan) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .btn-group > a.dropdown-toggle i {
    margin: 0 !important;
    background-image: url("../img/glyphicons-halflings-white.png") !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

/* Menu desplegable alineado con el borde derecho de la tarjeta. */
#clientarea .dashboardblock:has(
        h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
    ) .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 190px !important;
    margin-bottom: 8px !important;
}

@media (max-width: 767px) {
    #clientarea .dashboardblock:has(
            h4 > a[href="index.php?/clientarea/services/servidores-virtuales/"]
        ) {
        width: 100% !important;
        max-width: none;
        transform: none !important;
    }
}

/* ========================================================================== */
/* FIN LAPOINT V16                                                            */
/* ========================================================================== */

/* ========================================================================== */
/* LAPOINT V17 - RESTOS DEL TEMA CLARO SOBRE EL FONDO OSCURO                  */
/* ========================================================================== */

/* Login: las dos hojas giradas detras del panel asomaban como cuadros grises. */
#loginbox_container:before,
#loginbox_container:after {
    display: none !important;
}

/* Facturas: los triangulos del doblez del ribbon quedaron sueltos al quitar
   sus margenes negativos (ver "El ribbon tenia margenes negativos"). */
#clientarea .ribbon-shadow-l,
#clientarea .ribbon-shadow-r {
    display: none !important;
}

/* Submenu (p. ej. "Comprar un servidor virtual" en el carrito): colores
   pensados para fondo claro, con sombra blanca y lineas #DDD. */
#submenu ul.nav-pills {
    border-bottom-color: rgba(219, 233, 238, 0.18);
    box-shadow: none;
}

#submenu ul.nav-pills > li > a {
    color: #dbe9ee;
    text-shadow: none;
}

#submenu ul.nav-pills > li > a:hover {
    color: var(--lp-cyan-hover);
}

#submenu .nav-pills > .active {
    border-bottom-color: var(--lp-cyan);
}

#submenu .nav-pills > .active > a,
#submenu .nav-pills > .active > a:hover {
    color: #ffffff;
}

/* ========================================================================== */
/* FIN LAPOINT V17                                                            */
/* ========================================================================== */