/* 
    Document   : conector-txt-tool
    Created on : Dec 14, 2012, 12:58:11 PM
    Author     : ulises
    Description:
        Purpose of the stylesheet follows.
*/

.dragAndDropDiv ul { list-style-type: none; list-style-image: none;  margin: 0; padding: 0; margin-bottom: 10px; }
.dragAndDropDiv ul li { margin: 5px; padding: 5px;  /*width: 400px;*/ float: left}
.dragAndDropDiv ul li div { font-size: small;}
.dragAndDropDiv { display: inline-block; } /*width: 790px; */
.excludedItem, .includedItem{float: left; cursor:move;}
.includedItemAction, .excludedItemAction { float: left; text-align: right; width: 20px; cursor: pointer }
.excludedItemAction{color: #009933; font-size: large;}
.includedItemAction{color: #cd0a0a}

.btnAgregarCampo {
    text-align: center;
    color: #009933; 
    font-size: large;
    cursor: pointer;
}

img{
    display: inline-block;
}

#COMPROBAR_CUSTOM_CADENA{
    padding: 7px 5px 7px 5px;
}

.resultadoComprobacionResumenBox, .resultadoComprobacionFull{
    background-color: #F0F6FF;
    border: 1px solid #ABBCCC;
    width: auto;
    display: block;
    float: none;
}

.resultadoComprobacionFull, detallesFactura{
    width: auto; 
    border:1px solid #ABBCCC;
    margin-top:-1px;
}

#resultsBox ul{
    list-style: none;
    padding: 0px 3px 0px 3px;
}


.previewButtonBox{
    border: 1px solid #999999 ;
    width: 60px;
    height: 20px;
    padding: 1px;
    margin: auto;
}

#includedItemsContainer{
    margin: 4px 0 4px 0;
} 

/* * * Comprobación Styles * * */
.comprobacion-results-container{
    width: 500px;
    padding: 1em 1em 0em 1em;
    border: 1px solid #5ba1cf;
    margin: 5px 0 5px 0;
}

.comprobacion-detalles-factura-container{
    display: none;
    border: 1px solid #ABBCCC;
}

.comprobacion-detalles-factura{
    margin: 0em;
    padding: 1em;
    overflow: auto;
    white-space: pre-line;
}

.comprobacion-show-details-btn{
    /*        border-bottom: 6px double #00AFDB;*/
    border: 1px solid #339cdf;
    border-bottom: 0px;
    width: 215px;
    margin-left: 130px;
    margin-top: 1em;
}

.comprobacion-show-details-btn label{
    margin-left: 5%;
    margin-bottom: 0;
}

#comprobacion-resultados ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
/* * * END Comprobación Styles * * */

#accionesCadena{
    margin-top: 15px;
}

/*********** DIVS TABLE ***********/
.table-row div div{
    display: none;
}

#tabla-campos-div{
    display: table;
}

.table-row, .table-row-big{
    display: block;
    clear: both;
    position: relative;
}

.table-row{
    height: 35px;
    width: 100%;
}

.table-row-big{
    height: 170px;
}

.table-row .table-cell span{
    position: absolute;
    top: 38%;
}

.table-row-big .table-cell span{
    position: absolute;
    top: 48%; 
}

.table-cell, .table-cell-title{
    width: 230px;
    text-align: left;
}

.table-first-cell, .table-first-cell-title, .table-first-cell-add, .table-first-cell-added{
    background-repeat: no-repeat;
    background-position: center;
    border-right: 0px;
    width: 18px;
    font-size: large;
}

.table-first-cell, .table-cell, .table-last-cell, .table-first-cell-title, .table-cell-title, .table-first-cell-add, .table-first-cell-added{
    display: inline;
    border: 1px solid #AAA;
    padding: 3px;
    float:left;
    height: 100%;
    font-size: small;
}

.table-first-cell-add{
    background-image: url("/sfic/resources/images/add-IC.png");
    cursor: pointer;
}

.table-first-cell-added{
    background-image: url("/sfic/resources/images/remove-IC.png");
    cursor: pointer;
}

.table-last-cell{
    border-left: 0px;
    width: 525px;
}

#tbl-holder{
    width: 100%;
    height: 800px;
    overflow: auto;
    border: 1px solid #AAA;
}

#tabla-campos-div{
    margin: auto;
}
/*********** END DIVS TABLE ***********/

/************* TABS MENU **************/
.tabs-menu {
    height: 20.5px;
    float: left;
    clear: both;
}
.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 0px;
    background-color: #DFEAED;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}
.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
    left: -45px;
}
.tabs-menu li.current2 {
    position: relative;
    z-index: 5;
    left:  -45px;
}
.tabs-menu li a {
    padding: 10px;
    color: #2e7da3;
    text-decoration: none;
}
.tabs-menu .current a {
    color: #2e7da3;
}
.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
}
.tab-content {
    width: 810px;
    padding: 20px;
    display: none;
    box-shadow: 2px 2px 10px 0px  #D3D3D3;

}
#tab-1 {
    display: block;
}
#tab-3 {
    display: block;
}
#tab-5 {
    display: block;
}
#tab-7 {
    display: block;
}
#tab-9 {
    display: block;
}
#tab-11 {
    display: block;
}
#tab-13 {
    display: block;
}

.tab-content .conector-txt {
    float: none;
    display: inline-block;
}
div.example-title {
    clear: both;
}
/************ END TABS MENU ***********/