@charset "utf-8";
/* CSS Document */


.hd-excedido{
	background:#FF0000
	color:#0000FF;
	font:bold;	
}

.hd-alLimite{
	background:#000099;
	color:#0000FF;
	font:bold;
}


.flag_3 input[type='submit'] { background-color:#00ff00; }
.flag_2 input[type='submit'] { background-color:#0000ff; }
.flag_1 input[type='submit'] { background-color:#ff0000; }
.flag_0 input[type='submit'] { background-color:#a0a0a0; }

.responsive-table {
    overflow-x: auto;
}

.home-tables {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.table-section {
    flex: 1;
    min-width: 280px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.section-title {
    padding: 10px 0;
    color: #d9534f;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 2px solid #d9534f;
    font-size: 16px;
}

@media (max-width: 768px) {
    .home-tables {
        flex-direction: column;
    }
    .table-section {
        min-width: auto;
    }
    
    /* Mobile menu improvements */
    ul.sm li {
        float: left;
        width: 50%;
    }
    
    .sm-blue a {
        padding: 16px 12px;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
    
    .sm-blue ul a {
        padding: 12px 16px;
        font-size: 15px;
        text-align: left;
    }
    
    ul.sm {
        margin-bottom: 15px;
    }
    
    /* Header improvements for mobile */
    #header-logotipo {
        max-width: 70% !important;
    }
    
    div[style*="float:right"] {
        float: left !important;
        width: 100%;
        margin-top: 10px;
    }
    
    #p_user_info {
        font-size: 13px;
    }
    
    #p_user_info a {
        display: inline-block;
        margin: 5px 5px;
    }
}

@media (max-width: 480px) {
    /* Extra small screens - make menu even more touch-friendly */
    ul.sm li {
        width: 100%;
        display: block;
    }
    
    .sm-blue a {
        padding: 14px 10px;
        font-size: 15px;
    }
    
    #header-logotipo {
        max-width: 60% !important;
    }
}


.flag input[type='submit']
{
    display:inline-block;
    width:25pt;
    height:10pt;    
}

ul#mainButtons
{
    list-style-type:none; 
}

ul#mainButtons li
{ 
    display:inline;
    border: 2px solid;
    border-color: #0094ff;
    padding: 4px 20px 4px 20px;
    margin: 0px 4px 0px 4px ;
    background-color: #DAEBF5;
}

ul#mainButtons l1 a
{
    padding: 4px 10px 4px 10px;
    text-decoration:none;
}

ul#mainButtons l1 a:hover
{
    border-bottom-color:blueviolet;
    color:blueviolet;
    background-color:white; 
}

.itemContainer
{
    border:3px;
    border-color: black;
    background-color:white;

}

.multi_column {
    column-count: auto;
    -moz-column-count: auto;
    -webkit-column-count: auto;
    column-width:300pt;
    -moz-column-width:300pt;
    -webkit-column-width:300pt;
}

@media (max-width: 600px) {
    .multi_column {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-width: auto;
        -moz-column-width: auto;
        -webkit-column-width: auto;
    }
}

.entity 
{
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    column-break-inside:avoid;
}

.t1 
{
    font-size:13pt;
    font-weight:bold;
    color:#dd9700;
    margin:5pt;
    text-align:left;
}

.p5 
{
    margin-bottom:10pt;margin-top:10pt;
}

.p_title_action {
    float:right;margin:0pt;
}

.p2 
{
    margin-bottom:30pt;
}

.page_status 
{
    padding-top:5px;
    padding-bottom:5px;
    font-size:9pt;
}

input[type="submit"].icon,.icon,a.icon
{
    border:0px solid transparent !important;
    background-color:transparent !important;
    display:inline-block;
    background-repeat:no-repeat;        
    background-size: 100%;
    width:16px;
    height:16px;        
    padding:0;
    margin:0;
    margin-top:2pt;
    cursor:pointer;
}
.open { background-image:url('../images/open.png'); }
.list { background-image:url('../images/list.png'); }
.grid { background-image:url('../images/grid.png'); }



.sm_menu_title {
margin-right: -4px;
font: italic bold 1em/12px Verdana,Arial,Helvetica,sans-serif;
font-size:16pt !important;
}


.sm-blue > li [data-icon]:before {
color: #A4CDE1;
}

#main-menu > li [data-icon]:before {
position: relative;
top: 2px;
margin-right: 0.375em;
font-size: 0.89em;
line-height: 20px;
text-shadow: none;
}
@font-face {
	font-family:'Vadikom Icons';
	src:url('smartmenus/vadikom_icons.eot');
	src:url('smartmenus/vadikom_icons.eot?#iefix') format('embedded-opentype'),
		url('smartmenus/vadikom_icons.woff') format('woff'),
		url('smartmenus/vadikom_icons.ttf') format('truetype'),
		url('smartmenus/vadikom_icons.svg#VadikomIconsRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}
[data-icon]:before {
font-family: "Vadikom Icons";
content: attr(data-icon);
font-weight: normal;
font-style: normal;
}

.label 
{
    padding-bottom:1pt;
    border-radius: 5pt;
    -webkit-border-radius:5pt;
    padding-top:1pt;
    padding-right:3pt;
    padding-left:3pt;
    font-weight:bold;
    color:White;
    font-size:8pt;
}

.label_new 
{
    background-color:#e2c392;
}

.label_plan_pending {
    background-color:#e29992;
}

.label_price_pending {
    background-color:#e29992;
}

.label_free {
    background-color:#92c1e2;
}
.os
{    
    background-repeat:no-repeat;
    min-width:16px;
    min-height:16px;
    display:inline-block;    
}

.domain_title { margin-left:15pt; display:inline-block; }

.linux  
{
    background-image: url('../images/os_linux.png');
}
.windows
{
    background-image: url('../images/os_windows.png');
}
.linux_proxmox
{
    background-image: url('../images/os_linux_proxmox.png');
}
.linux_xen
{
    background-image: url('../images/os_linux_xen.png');
}

.ssh_log , .ssh_error_log
{
    color: #e2e2e2;
    background-color:#3e3e3e;
    font-family:'Courier New';
    font-weight:bold;
}