@import url(../../js/jquery.ui/jquery-ui.css);
body {
    margin:0;
   font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size:14px;
   background-color:#EFEFEF;
    }

h1,h2,h3,h4{
    font-weight:normal;
}
h1 {
    margin-top:0px;
}
h2{
    font-size:2rem;
    color:#333;
}
main{
    position:relative;
}
.centrar,.inside-footer,.inside-header,.menu-principal{
                     /*/width:1000px;
                     margin:0 auto;*/
}
tbody{
     background:none;
 }

input[type=text]{
    /*display:inline-block !important;*/
 
}
.menu-principal {
    overflow:auto;
}
a{
	color:#06c;
    text-decoration:none;
    cursor:pointer;
}
a:hover{
    text-decoration:underline;
}
header{
    /*height:97px;*/

    color:#FFF;
 
    /*border:#FF0000 1px solid;*/
}
.inside-header-container{
     background-color:#333;
    /* height:50px;*/
    padding-bottom:10px;
    overflow:auto;
}
.inside-header{
    /*height:55px;*/
   
}
.header-rsocial-area{
    overflow:auto;
    margin-left:230px;
}
.header-sucursal, .header-sucursal a{
    color:white;
}
.header-sucursal a{
    display:inline;
}
.header-rsocial{
    color:white;
    font-size:16px;
}
.logo-area-container{
    position:absolute;
    z-index:1;
}
.logo-area{    
    height:95px;
    width:220px;
    background-color:#FFF;
    text-align:center;
     display:table-cell;
    vertical-align:middle;
    padding:3px 0;
}
.logo-area img{
    width:140px;
    height:auto;
   
}
footer{
    background-color:#333333;
    height:200px;
    position:relative;
    z-index:1;
}
.content{
 /* height:2000px;*/
  overflow:auto;
    background-color:white;
    padding:10px;
    margin-left:230px;

  
   /* border:#FF0000 1px solid;*/
}
footer,footer a,header{
    color:#666;
}
.menu-principal-container{
    background-color:#0066CC;
    overflow:auto;
   /* overflow:hidden;
    height:50px;*/
}
.faicon{
    color:#333;
}
.menu-principal{
   

}
ul.menu-principal{
    margin:0;
    padding:0;
     margin-left:230px;
}
.menu-principal li {
    float:left;
    list-style:none;
}
.menu-principal-item, .menu-principal li a {
    padding:14px 15px !important;
    /*border:solid 1px #FF0000 !important;*/
    display:block;
    color:#FFF;
    list-style:none;
    text-decoration:none;
    
}
.menu-principal .selected{
    color:#333 !important;
    background-color:white !important;
}
.menu-principal-item:hover,.menu-principal li a:hover {
    background:#666;
    color:#FFF;
}
.submenu-frame{
    overflow:auto;
    background-color:#333;
    color:#FFF;
    z-index:100;
    position:relative;
   display:none;
   
}
.main-submenu{
    /*width:1000px;
    margin:0 auto;*/
   

}
.main-submenu ul{
    margin:0;
    padding:0;
}

.main-submenu ul li{
    float:left;
    list-style:none;
}
.main-submenu ul li a{
    color:#FFF;
    display:block;
    padding:10px 20px;
    text-decoration:none;
}
.main-submenu ul li a:hover{
    background-color:#666;
}

.submenu-bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:2000px;
    /*background-color:red;*/
    display:none;
    z-index:1;
}

.module-menu-frame{
    background-color:#666;
    position:absolute;
    width:220px;
    left:0;
  
    float:left;
    height:100%;
  
    
}
.module-menu{
   /* width:100%;*/
   /* margin:0 auto;*/
    overflow:auto;
   
}
.module-menu h2{
    color:white;
    margin:0;
    margin:5px;
    margin-right:50px;
    margin-top:0;
    font-size:25px;
}
.module-menu h2 a{
    color:white;
}
.module-menu ul{
    padding:0;
    margin:0;
}
.module-menu ul li{
    
    list-style:none;


}
.module-menu ul li a {
    color:#FFF;
    padding:13px 20px; 
    display:block;
    text-decoration:none;
    width:calc( 100% - 40px);

    
}
.module-menu ul li a:hover{
    background-color:#4D7AFF;
}

.module-submenu{
    background-color:#EEE;
    overflow:auto;
    width:100%;
    display:none; 
    z-index:1;
    position:relative;
    border-bottom:#CCC 1px solid;
}


.module-submenu ul{margin:0; padding:0;}
.module-submenu ul li{ list-style:none;}
.module-submenu ul li a {padding:12px 20px; display:block; color:#666; text-decoration:none;}
.module-submenu ul li a:hover {
   color:#FFF;
   background-color:#ff5e00;

}

.submodule-button{
    color:#333;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    display:inline-block;
    padding:5px;


}
.submodule-button:hover{
    text-decoration:underline;
}
.submodule-button img{
    margin-right:5px;
    margin-bottom:-4px;
    width:20px;
    height:auto;
}

.loginBox{
    float:right;
    width:443px;
    text-align:right;
    color:white;

}
    .loginBox a {
        color:white;
    }
.menu-principal {
}

.form-table{
    border:#CCC 1px solid;
    padding:5px;
}
.form-table td{
    vertical-align:top;
}
.error {
    color:#FF0000;
}
/* Campos especiales */
.txtrut{
    display:inline-block;
    width: calc(100% - 3rem);
}
.txtdv{
    width: 2rem;
    display:inline-block;
}

/*menús*/
.horizontal-menu{
    display:block;
    overflow:auto;
    width:100%;
    margin:0;
}
.horizontal-menu li{
    float:left;

}
.horizontal-menu li a{
    padding:0;
}
.horizontal-menu li a img,.horizontal-menu li input[type=image]{
    width:2rem !important;
    height:auto !important;
    padding:5px;
}

/*
.menu-principal ul{
 background:#CCC;
}
.menu-principal ul li{   

}/*
.menu-principal ul li a{
   padding:10px;
    background-color:#CCC;
    color:#000;
    display:block;
}
.menu-principal-item{
    padding:10px;
}*/

.dialog-container {
  
    position:absolute;
    left:0;
    top:0;
    
    width:100%;
    height:100%;
    z-index:100;
    background-color:rgba(0,0,0,0.5);
    display:none;
    
}
.dialog{
    background:#FFFFFF;
    width:calc(100% - 100px);
    
    margin:0 auto;
    margin-top:1%;
    border-radius:5px;
    height:620px;
 
   
}
.dialog-content{
     height:600px;
     overflow:auto;
     padding:10px;
}
.dialog-top-bar{
    background-color:#333;
    overflow:auto;
    margin:0 !important;
   padding:5px;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
 
}

.dialog-button,.dialog-button1 {
    float:right;
    color:white;
    padding:3px;
    text-decoration:none;
    cursor:pointer;
    
}
.dialog-button a,.dialog-button1 a{
    color:#FFF;
    text-decoration:none;
}

.slide-dialog-container{
    position:absolute;
    left:0;
    width:100%;
    background:#EEE;
    border-bottom:#CCC 2px solid;
    margin-top:-18px;
    min-height:500px;
    display:none;
    z-index:1;
}
.slide-dialog{
    width:1000px;
    margin:0 auto;
    padding:10px;
}
.slide-dialog-loading{
    margin:0 auto;
    margin-top:50px;
    width:150px;
}

.hiddenDialog{
    display:none;
}
.hidden-dialog{
    display:none;
}
.showDialog,.visible{
    display:block;
}

.loginForm {
	width:400px;
	margin:0 auto;
	text-align:center;
}
.loginForm td{
	text-align:center;
}

.loginForm input[type=text],.loginForm input[type=password],select{
	width:300px;
	text-align:center;
    padding:5px;
}
.white-table tr,.white-table td{
    background:white;
}
.blueButton,.greenButton,.greyButton,.redButton{
	padding:10px; color:#FFF; border-radius:5px;
	border:0;
    text-decoration:none;
    display:inline-block;
    margin:10px;
    text-align:center;
}

.blueButton{
	background-color: #0081FB;
}
.blueButton:hover{
	background-color: #339BFF;
}
.greenButton{
    background:no-repeat 5px;
    background-color:darkgreen;
    padding-left:30px;
    background-image:url(../img/icons/24px/white/icon-white-check.png);
}
.greenButton:hover{
    background-color:green;
}
.redButton{
    background:#FF0000 url(../img/icons/24px/white/);
    padding-left:30px;

}
.formField1{
	border:#CCC 1px solid;
	border-radius:3px;
	padding:10px;
	margin:5px;
	
}
.success{
    color:green;
}

.about{font-size:12px; text-align:center;}

.rondTextBox {
    padding:5px;
    border-radius:5px;
    border:#CCC 1px solid;
}

.items-table {
    background:#FFF;
    border:none;
}
.items-table td, .items-table th{
    border:none;
    padding:5px;
}
.items-table th{
    font-weight:normal;
    font-size:16px;
}
    .items-table th a {
        text-decoration:none;
}
.items-table th{
    border-bottom:#666 2px solid;
}
.items-table tr:nth-child(even){
    background-color:#EEE;
}
.items-table tr:hover{
    background-color:#b4e6ff;
}

.items-table1 {
    background:#FFF;
    border: 1px solid #CCC;
}
.items-table1 td, .items-table1 th{
    border:none;
    padding:5px;
}
.items-table1 th{
    font-weight:normal;
    font-size:16px;
}
    .items-table1 th a {
        text-decoration:none;
}
.items-table1 th{
    border-bottom:#666 2px solid;
}
.items-table1 tr:nth-child(even){
    background-color:#EEE;
}
.items-table1 tr:hover{
    background-color:#b4e6ff;
}


.tabla-encabezado th{
    background-color:#CCC;
}
.tabla-totales{
    font-weight:bold;
}
.panel-notificaciones
{
    position:absolute;
    width:200px;
    height:200px;
    padding:10px;
    border:#CCC 1px solid;
    border-radius:5px;
    background-color:#FFF; 
    z-index:1;
    margin-left:200px;
    
}
.notificacion-numero {
    font-size:12px;
    color:white;
    background:url(../img/icons/ajax/notif-bg.png) no-repeat 1px;
    width:18px;
    height:18px;
    display:block;
    position:absolute;
    top:40px;
    text-align:center;
    font-weight:bold;
}

input[type=text],input[type=password],input[type=text],select{
    border: 1px solid #999;
    padding:5px;
    margin-bottom: 0px;
    font-size:16px;
    color:#333;
}
.ficha-dlg-selected {
    padding-bottom:-3px;
    margin-bottom:-3px;
    border:#F00 1px solid;
}

.home-icon-menu{
    padding:0;
    margin:0;
}
.home-icon-menu li{
    list-style:none;
    float:left;
    padding:10px;
    text-align:center;
     padding:20px;
    display:block;
}
.home-icon-menu li a{
   padding: 0px 40px ;
   display:block;
}
.secondary-menu {
    padding:0;
    margin:0;
    background-color:grey;
    width:100%;

}
.secondary-menu li{
    display:block;
}
.secondary-menu li a{
    padding:10px 10px !important;
    display:block !important;
    color:white;
    }
.secondary-menu li a:hover{
    background-color:#666;
}
.cot-simple {
    border:#CECECE 1px solid;
    
}

.cot-simple th,td{
      padding:4px;
      border:none;
      
}
.cot-simple th{
    background-color:#cecece;
   text-align:left;
   font-weight:normal;
   font-size:16px;
    
}
.cot-simple tr:nth-child(2n+1){
    background-color:#EEE;
   text-align:left;
    
}

.number-textbox{
    text-align:right;
}

/* Module content */
.module-content h1{
    margin-top:20px;
    border-bottom:#CCC 2px solid;
    padding-bottom:5px;
}

.ajx-error-dlg{
    border:red 1px solid;
    width:280px;
    margin:10px;
    background-color:rgba(0,0,0,0.5);
    padding:10px;
    border-radius:5px;
    color:white;
    float:right;
    padding:10px;
}

.errorDivArea{
    position:fixed; z-index:10;left:calc(100% - 320px); width:320px; 
}
#dlgContainerDiv{
    width:320px;
}

.hiddenDlg {
    display:none;
}

/* Menú de pestañas */
.tab-menu{
    border-bottom:#999 1px solid;
    display:block;
    overflow:auto;
}
.tab-menu ul{
    padding:0;
    margin:0;
}
.tab-menu ul li{
    float:left;
    list-style:none;
}
.tab-menu ul li a{
    padding:10px 20px;
    display:block;
    border:#999 1px solid;
    margin:0 1px;
}
a.selected-tab {

}
.warning{
    border:#FFCC99 1px solid;
    background:#FFFFCC;
    display:block;
    padding:5px;
}

nav.tabgroup{
    border-bottom:2px solid #999;
    overflow:hidden;
}

nav.tabgroup ul{
    padding:0;
    margin:0;
}

nav.tabgroup ul li{
    float:left;
    list-style:none;
}

nav.tabgroup ul li a{
    padding:10px 20px;
    display:block;
    background:#999;
    display:block;
    margin: 0 1px;
}
nav.tabgroup ul li a.selected-tab{

    background:#999;
}
  
    .accept-button{
    
        color:white;
        padding:10px;
        padding-left:30px;
        border-radius:5px;
        background:url(../../public/img/icons/24px/white/icon-white-check.png) left no-repeat;
        background-position-x:5px;
        background-color:darkgreen;
        display:inline-block;

    }
 
.menu-button{
    color:white;
    float:right;
    padding:5px;
}

.sbselect{
    width:100%;
}
@media screen and (max-width:1099px){
    .menu-principal{
        display:none;
    }
    .menu-principal ul li{
        float:none;
    }
    .module-menu-frame {
        width:4rem;
    }
    .module-menu-content{
        display: none;
    }
    .content{
        margin-left:5rem;
    }
}

@media screen and (min-width:1200px){
    .menu-principal{
        display:block;
    }
    .menu-button{
        display:none;
    }
}
@media print{
    @page{
        margin:0;
       
    }
    .centrar{
        width:100% !important;
       
    }
    body{
        margin:1.6cm;
    }
    .menu-principal-container,.loginBox ,.blueButton, input,footer,.noprint{
        display:none !important;
    }
    .content{
        min-height:initial;
        height:initial;
        margin-left:0 !important;
        /*margin-left:210px;*/
    }
    .inside-footer,.inside-header,.menu-principal{
                     width:850px !important;
    }
    .menu-principal,.menu-principal-container.inside-header{
        height:0;
    }
    .module-menu-frame{
        display:none;
    }
    .header-rsocial-area{
        overflow:inherit;
        color:black;
    }
    .header-sucursal{
        color:black;
    }
        .header-rsocial{
            color:black;
        }
    header{
        height:inherit !important;

    }
    
    h1,h2{
        text-align:center;
    }
  .inside-header-container{
      background:white;
      color:black !important;
      overflow:inherit;
      height:80px
      
  }
  .inside-header-container a{
      color:black;
  }
}