#wrapper, #wrapper-popup{
    margin:8px auto 25px;
    width:95%;
}

/*** HEADER ***/

#header{
    width:100%;
    height: 82px;
    margin-bottom: 8px;
}

#header #logo-pyma{
    margin: 0 0 8px 0;
    height: 75px;
    background: url('../img/logo-pyma.gif') no-repeat center center #FFFFFF;
}

#header #logo-pyp{
    margin: 0 0 5px 0;
    height: 78px;
    background: url('../img/logo-pyp.gif') no-repeat center center #FFFFFF;
}
#header #logo-pyma-pyp{
    margin: 0 0 5px 0;
    height: 78px;
    background: url('../img/logo-pyma-pyp.gif') no-repeat center center #FFFFFF;
}

#header #logo{
    height: 50px;
    background-color: #D9DADB;
    padding: 8px 0;
    text-align: center;
}

#header #logo-nube{
    /*margin: 0 0 8px 0;*/
    height: 79px;
    background: url('../img/logo-nube.gif') no-repeat center center #FFFFFF;
}

#header #custom-header{
    height: 75px;
    text-align: center;
}
#header #custom-header #global-actions{
    height: 80px;
    background-color: #BCBDBF;
    padding: 0;
    text-align: center;
}

#header #custom-header #global-actions .btn-home{
    background:url('../img/btn-home.png') no-repeat center 0 transparent;
    width:64px;
    height:36px;
    display:inline-block;
    margin:14px 0 0 0;
    text-indent: -5000px;
    border-left:2px solid #666666;
    padding: 0 4%;
    padding: 0 4%;
    margin-top: 24px;

}

#header #custom-header #global-actions .btn-options{
    background:url('../img/btn-options.png') no-repeat center 0 transparent;
    width:64px;
    height:36px;
    display:inline-block;
    margin:14px 0 0 0;
    text-indent: -5000px;
    border-left:2px solid #666666;
    padding: 0 4%;

}

#header #custom-header #global-actions .btn-exit{
    background:url('../img/btn-exit.png') no-repeat center 0 transparent;
    width:64px;
    height:36px;
    display:inline-block;
    margin:14px 0 0 0;
    text-indent: -5000px;
    border-left:2px solid #666666;
    border-right:2px solid #666666;
    padding: 0 4%;

}

/*** end HEADER ***/

#breadcrumb{
    font-size: 1.1em;
    margin-bottom: 5px;
    color: #404041;
}

/*** NAVIGATION BAR ***/

#nav-bar-selector{
    /*width:100%;*/
    height: 48px;
    background-color: #000000;
    color: #FFFFFF;
    border-top: 3px solid #000000;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-bottom: none;
}

#nav-bar-selector .btn-intranet{
    background:url('../img/btn-intranet.png') no-repeat 15px -51px #C5C6C8;
    /*width:64px;*/
    height:31px;
    display:inline-block;
    margin:0;
    /*text-indent: -5000px;*/
    /*border-left:2px solid #666666;*/
    padding: 13px 15px 4px 65px;   
    line-height:24px;
    font-size: 1.2em;
    color: #2F8DB9;
    margin-right: 3px;
    transition-property: background-color,color;
    transition-duration: 0.3s;
}

#nav-bar-selector .btn-intranet.active, #nav-bar-selector .btn-intranet:hover{
    background:url('../img/btn-intranet.png') no-repeat 15px -1px #FFFFFF;
    color:#00609C;
    transition-property: background-color,color;
    transition-duration: 0.5s;
}

#nav-bar-selector .btn-pintapuntua{
    background:url('../img/btn-pintapuntua.png') no-repeat 15px -51px #C5C6C8;
    /*width:64px;*/
    height:31px;
    display:inline-block;
    margin:0;
    /*text-indent: -5000px;*/
    /*border-left:2px solid #666666;*/
    padding: 13px 15px 4px 65px;   
    line-height:24px;
    font-size: 1.2em;
    color: #2F8DB9;
    margin-right: 3px;
    transition-property: background-color,color;
    transition-duration: 0.3s;
}

#nav-bar-selector .btn-pintapuntua.active, #nav-bar-selector .btn-pintapuntua:hover{
    background:url('../img/btn-pintapuntua.png') no-repeat 15px -1px #FFFFFF;
    color:#00609C;
    transition-property: background-color,color;
    transition-duration: 0.5s;
}

#nav-bar-selector .btn-facturacion{
    background:url('../img/btn-facturacion.png') no-repeat 15px -51px #C5C6C8;
    /*width:64px;*/
    height:31px;
    display:inline-block;
    margin:0;
    /*text-indent: -5000px;*/
    /*border-left:2px solid #666666;*/
    padding: 13px 15px 4px 65px;   
    line-height:24px;
    font-size: 1.2em;
    color: #2F8DB9;
    margin-right: 3px;
    transition-property: background-color,color;
    transition-duration: 0.3s;
}

#nav-bar-selector .btn-facturacion.active, #nav-bar-selector .btn-facturacion:hover{
    background:url('../img/btn-facturacion.png') no-repeat 15px -1px #FFFFFF;
    color:#00609C;
    transition-property: background-color,color;
    transition-duration: 0.5s;
}

#nav-bar-selector .btn-config{
    background:url('../img/btn-config.png') no-repeat 15px -51px #C5C6C8;
    /*width:64px;*/
    height:31px;
    display:inline-block;
    margin:0;
    /*text-indent: -5000px;*/
    /*border-left:2px solid #666666;*/
    padding: 13px 15px 4px 65px;   
    line-height:24px;
    font-size: 1.2em;
    color: #2F8DB9;
    margin-right: 3px;
    transition-property: background-color,color;
    transition-duration: 0.3s;
}

#nav-bar-selector .btn-config.active, #nav-bar-selector .btn-config:hover{
    background:url('../img/btn-config.png') no-repeat 15px -1px #FFFFFF;
    color:#00609C;
    transition-property: background-color,color;
    transition-duration: 0.5s;
}

#nav-bar{
    /*width:100%;*/
    height: 32px;
    background-color: #1073B8;
    color: #FFFFFF;
    border-top: 3px solid #000000;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
}
#nav-bar-helper{
    background-color:#E7E7E8;
    /*width:100%;*/
    height:32px;
    margin-bottom: 8px;
    display:block;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;
}

#nav-bar ul, #nav-bar ul li{
    /*display: inline-block;*/
    float: left;
}

#nav-bar ul li a{
    display:block;
    height:24px;
    line-height: 24px;
    padding: 4px 10px;
    color:#FFFFFF;
    font-size:1.2em;
    transition-property: background-color,color;
    transition-duration: 0.3s;
}

#nav-bar ul li a:hover, #nav-bar ul li:hover a, #nav-bar ul li.active a{
    background-color:#A8A9AD;
    color:#000000;/*#404041;*/
    transition-property: background-color,color;
    transition-duration: 0.5s;
}
#nav-bar ul li ul{
    /*display:none;*/
    display:inline-block;
    visibility:hidden;
    position:absolute;
    opacity:0;
    transition-property: opacity,visibility;
    transition-duration: 0.3s;
}
#nav-bar ul li:hover ul, #nav-bar ul li.active ul{
    display:inline-block;
    visibility:visible;
    background-color:#A8A9AD;
    color:#000000;/*#404041;*/
    opacity:1;
    transition-property: opacity,visibility;
    transition-duration: 0.5s;
}
#nav-bar ul li ul li a{
    color:#000000;/*#404041;*/
    transition-property: background-color,color;
    transition-duration: 0.3s;
}
#nav-bar ul li ul li a:hover, #nav-bar ul li ul li.active a{
    background-color:#818284;
    transition-property: background-color,color;
    transition-duration: 0.5s;
}

/*** end NAVIGATION BAR ***/

/*** WORKAREA ***/

#workarea{
    width:100%;
}
#workarea #contents{
    width: 100%;
    position:relative;
}
#workarea #loader{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index:1000;
    background-color: rgba(204, 204, 204, 0.35);
}
#workarea #loader img{
    position: absolute;
    top: 40%;
    left: 50%;
}
#workarea #global-message{
    position: absolute;
    z-index:1000;
    text-align: center;
    padding: 30px 60px 40px 60px;
    width: 300px;
    display:none;
    right:4px;
    top:4px;
}
#workarea #global-message.error{
    background-color: #FF7070;
}
#workarea #global-message.success{
    background-color: #70FF70;
}
#workarea #global-message.info{
    background-color: #FFF770;
}
#access-form #loader{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index:1000;
    background-color: rgba(204, 204, 204, 0.35);
}
#access-form #loader img{
    position: absolute;
    top: 40%;
    left: 50%;
}
#access-form #global-message{
    position: absolute;
    z-index:1000;
    text-align: center;
    padding: 30px 60px 40px 60px;
    width: 300px;
    display:none;
    /*right:4px;*/
    /*top:4px;*/
}
#access-form #global-message.error{
    background-color: #FF7070;
}
#access-form #global-message.success{
    background-color: #70FF70;
}
#access-form #global-message.info{
    background-color: #FFF770;
}



#workarea .alert{
    background-color:#FFD453;
    height: 42px;
    margin-bottom: 6px;
    font-size: 1.2em;
    padding-left:25px;
    line-height: 40px;
    color:#404041;
    font-weight: bold;
    display:none;
}
/*
*   General actions
*/

#workarea #contents .general-actions{
    background-color:#404041;
    height: 50px;
    margin-bottom: 6px;
}
#workarea #contents .general-actions .total-count{
    position: absolute;
    font-size: 1.2em;
    color: #FFFFFF;
    left: 50%;
    top: 20px;
    margin-left: -60px;
    width: 120px;
}

#workarea #contents .general-actions .btn{
    height: 19px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 35px 0 0;
    float:right;
    font-size: 1.2em;
    color: #FFFFFF;
}

#workarea #contents .general-actions .btn.create{
    background: url('../img/gen-btn-create.png') no-repeat scroll right 0 transparent;
}
#workarea #contents .general-actions .btn.save{
    background: url('../img/btn-save.png') no-repeat scroll right 0 transparent;
}
#workarea #contents .general-actions .btn.comeback{
    background: url('../img/btn-back.png') no-repeat scroll right 0 transparent;
}
#workarea #contents .datagrid tbody td .btn.rectificativas{
    background: url('../img/icon/asignar-pago-a-recibo.jpg') no-repeat scroll right 0 transparent;
}


/* Marc - Carlos */

#workarea #contents .general-actions .btn.print_group{
    background: url('../img/gen-btn-print_group.png') no-repeat scroll right 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.sendmail {
    background: url('../img/btn-send.jpg') no-repeat 4px 0 transparent;
}

/**/

#workarea #contents .general-actions .searcher{
    float:left;
    height: 35px;
    margin-top: 7px;
    margin-left: 14px;
    padding: 0;
    font-size: 1.2em;
    color: #FFFFFF;
}
#workarea #contents .general-actions .searcher #general-searcher{
    padding: 5px 10px;
    width:160px;
}
#workarea #contents .general-actions .searcher #general-searcher-send{
    vertical-align:top;
    cursor: pointer;
}
#workarea #contents .general-actions .searcher .advanced-search{
    font-size:0.9em;
    color:#FFFFFF;
    font-style:italic;
    position:relative;
    top:22px;
}


/*
*   Lists
*/

#workarea #contents .datagrid{
    width:100%;
}

#workarea #contents .datagrid thead th{
    background-color: #404041;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    height:45px;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 1.2em;
    font-weight: normal;
}
#workarea #contents .datagrid thead th.sortable{
    cursor:pointer;
    background: url('../img/sort-arrow.png') no-repeat scroll right 0 #404041;
    padding-right:15px;
}
#workarea #contents .datagrid thead th.last{
    border-right: none;
}
#workarea #contents .datagrid thead tr.advanced-search{
    /*display:none;*/
}
#workarea #contents .datagrid thead tr.advanced-search th{
    background-color: #404041;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    text-align: left;
    font-size:0;
    height:0;
    padding:0;
}
#workarea #contents .datagrid thead tr.advanced-search th .field-search{
    height:25px;
    padding: 0 15px 0 10px;
    font-size: 1.2em;
    font-weight: normal;
    /*display:none;*/
}

#workarea #contents .datagrid thead tr.advanced-search th input {
    padding: 3px 5px;
    width:90%;
}
#workarea #contents .datagrid thead tr.advanced-search th select {
    /*padding: 3px 5px;*/
    width:90%;
}
#workarea #contents .datagrid tbody td{
    background-color: #E7E7E8;
    color: #000000;
    border-right: 1px solid #FFFFFF;
    height:40px;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 1.1em;
    font-weight: normal;
}

#workarea #contents .datagrid tbody tr.odd td{
    background-color: #D1D2D4;
}
#workarea #contents .datagrid tbody td.actions{
    text-align:center;
    padding:0;
}
#workarea #contents .datagrid tbody td.last{
    border-right: none;
}

#workarea #contents .datagrid tbody td .btn{
    height: 25px;
    width: 33px;
    display: inline-block;
}

#workarea #contents .datagrid tbody td .btn.edit{
    background: url('../img/btn-edit.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.view{
    background: url('../img/btn-view.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.download{
    background: url('../img/descargas.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.validate{
    background: url('../img/check.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.finvalidation{
    background: url('../img/finalizar_proceso.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.habilitar{
    background: url('../img/activar.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.deshabilitar{
    background: url('../img/desactivar.jpg') no-repeat 4px 0 transparent;
}
#workarea #contents .datagrid tbody td .btn.delete{
    background: url('../img/btn-delete.jpg') no-repeat 4px 0 transparent;
}
#workarea #contents .datagrid tbody td .btn.generar-pago{
    background: url('../img/icon/generar-pago.jpg') no-repeat 4px 0 transparent;
}
#workarea #contents .datagrid tbody td .btn.ver-pagos{
    background: url('../img/icon/ver-pago.jpg') no-repeat 4px 0 transparent;
}
#workarea #contents .datagrid tbody td .btn.generar-recibo{
    background: url('../img/icon/generar-recibo.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.devolucion{
    background: url('../img/icon/devolucion.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.devolucion{
    background: url('../img/icon/devolucion.jpg') no-repeat 4px 0 transparent;
}

/*#workarea #contents .datagrid tbody td .btn.devolucion{
    background: url('../img/icon/devolucion.jpg') no-repeat 4px 0 transparent;
}*/

#workarea #contents .datagrid tbody td .btn.move{
    background: url('../img/btn-move.jpg') no-repeat 4px 0 transparent;
    cursor: pointer;
}

#workarea #contents .datagrid tbody td .btn.facturar{
    background: url('../img/btn-facturar.png') no-repeat 4px 0 transparent;
}
#workarea #contents .datagrid tbody td .btn.generarfra{
    background: url('../img/icon/generar-factura.jpg') no-repeat 4px 0 transparent;
}


/* Marc - Carlos*/

#workarea #contents .datagrid tbody td .btn.send {
    background: url('../img/btn-send.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.duplicate {
    background: url('../img/btn-duplicate.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.disable {
    background: url('../img/btn-disable.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.print {
    background: url('../img/btn-print.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.create_order {
    background: url('../img/btn-create_order.jpg') no-repeat 4px 0 transparent;
}

#workarea #contents .datagrid tbody td .btn.enter_invoice {
    background: url('../img/btn-enter_invoice.jpg') no-repeat 4px 0 transparent;
}

/**/

#workarea #contents .datagrid tfoot td{
    background-color: #E7E7E8;
    color: #000000;
    border-right: 1px solid #FFFFFF;
    height:40px;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 1.1em;
    font-weight: normal;
}

#workarea #contents .datagrid tfoot tr.odd td{
    background-color: #D1D2D4;
}
#workarea #contents .datagrid tfoot td.last{
    border-right: none;
}

#workarea #contents .paginator{
    font-size: 1.3em; 
    padding:2px;
    margin: 7px auto 0;
}
#workarea #contents .paginator td{
    padding: 2px 6px;
}
/*
*   Tabs
*/

#workarea #contents .tabs-container{
    background-color:#1073B8;
    height: 43px;
}

#workarea #contents .tabs-container .tab{
    padding:13px 30px 0 30px;
    height:21px;
    margin-top:8px;
    margin-left:8px;
    float:left;
    background-color: #1073B8;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    font-size: 1.1em;
    color:#FFFFFF;
    cursor:pointer;
}

#workarea #contents .tabs-container .tab.active,
#workarea #contents .tabs-container .tab:hover{
    border-top: 1px solid #E7E7E8;
    border-left: 1px solid #E7E7E8;
    border-right: 1px solid #E7E7E8;
    background-color: #E7E7E8;
    color:#000000;
}

#workarea #contents .tab-content{
    background-color: #E7E7E8;
    padding: 25px 0 25px 2%;
    width:98%;
    /*position:relative;*/
    /*float:left;*/
    min-height: 400px;
    margin-bottom:25px;
}
#workarea #contents .tab-content fieldset{
    border: 1px solid #999999;
    padding: 10px 0 25px 2%;
    width: 96%;
    float:left;
    margin-top:10px;
}
#workarea #contents .tab-content fieldset legend{
    padding:0 10px;
    font-weight: bold;
    line-height: 1.2em;
    font-size:1.5em;
    color: #666666;
}
#workarea #contents .tab-content .subform{
    float:left;
    width:100%;
    margin-bottom:30px;
    display:none;
}
#workarea #contents .tab-content .subform.active{
    display:block;
}
#workarea #contents .tab-content .input-hidden{
    display:none;
}
#workarea #contents .tab-content .input-8{
    width: 10.7%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #contents .tab-content .input-6{
    width: 14.6%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #contents .tab-content .input-4{
    width: 23%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #contents .tab-content .input-3{
    width: 31.3%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #contents .tab-content .input-2{
    width: 48%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #contents .tab-content .input-1{
    width: 98%;
    float:left;
    min-height:52px;
}
#workarea #contents .tab-content .input-8.editable{
    width: 7.7%;
    margin-right:0;
}
#workarea #contents .tab-content .input-6.editable{
    width: 11.6%;
    margin-right:0;
}
#workarea #contents .tab-content .input-4.editable{
    width: 20%;
    margin-right:0;
}
#workarea #contents .tab-content .input-3.editable{
    width: 28.3%;
    margin-right:0;
}
#workarea #contents .tab-content .input-2.editable{
    width: 46%;
    margin-right:0;
}
#workarea #contents .tab-content .input-1.editable{
    width: 95%;
    margin-right:0;
}
#workarea #contents .tab-content .input-8.nofloat,
#workarea #contents .tab-content .input-6.nofloat,
#workarea #contents .tab-content .input-4.nofloat,
#workarea #contents .tab-content .input-3.nofloat,
#workarea #contents .tab-content .input-2.nofloat,
#workarea #contents .tab-content .input-1.nofloat{
    clear:both;
}

#workarea #contents .tab-content .input-8 label,
#workarea #contents .tab-content .input-6 label,
#workarea #contents .tab-content .input-4 label,
#workarea #contents .tab-content .input-3 label,
#workarea #contents .tab-content .input-2 label,
#workarea #contents .tab-content .input-1 label{
    font-weight: bold;
    clear:both;
    float:left;
    line-height: 1.5em;
    margin-top:5px;
}
#workarea #contents .tab-content .input-8 input,
#workarea #contents .tab-content .input-6 input,
#workarea #contents .tab-content .input-4 input,
#workarea #contents .tab-content .input-3 input,
#workarea #contents .tab-content .input-2 input,
#workarea #contents .tab-content .input-1 input{
    /*clear:both;*/
    float:left;
    border: 1px solid #404041;
}
#workarea #contents .tab-content .input-8 .radio-button,
#workarea #contents .tab-content .input-6 .radio-button,
#workarea #contents .tab-content .input-4 .radio-button,
#workarea #contents .tab-content .input-3 .radio-button,
#workarea #contents .tab-content .input-2 .radio-button,
#workarea #contents .tab-content .input-1 .radio-button{
    float:left;
    /*clear:both;*/
}
#workarea #contents .tab-content .input-8 .radio-button input[type=radio],
#workarea #contents .tab-content .input-6 .radio-button input[type=radio],
#workarea #contents .tab-content .input-4 .radio-button input[type=radio],
#workarea #contents .tab-content .input-3 .radio-button input[type=radio],
#workarea #contents .tab-content .input-2 .radio-button input[type=radio],
#workarea #contents .tab-content .input-1 .radio-button input[type=radio]{
    clear:none;
    border: none;
    width:auto!important;
}

#workarea #contents .tab-content .input-8 .radio-button label,
#workarea #contents .tab-content .input-6 .radio-button label,
#workarea #contents .tab-content .input-4 .radio-button label,
#workarea #contents .tab-content .input-3 .radio-button label,
#workarea #contents .tab-content .input-2 .radio-button label,
#workarea #contents .tab-content .input-1 .radio-button label{
    clear:none;
    line-height: 1em;
    margin-left:5%;
    margin-right:1%;
    margin-top:3px;
}
#workarea #contents .tab-content .input-8 textarea,
#workarea #contents .tab-content .input-6 textarea,
#workarea #contents .tab-content .input-4 textarea,
#workarea #contents .tab-content .input-3 textarea,
#workarea #contents .tab-content .input-2 textarea,
#workarea #contents .tab-content .input-1 textarea{
    /*clear:both;*/
    float:left;
    resize: none;
    height: 60px;
    border:1px solid #404041;
}
#workarea #contents .tab-content .input-8 .radio-button,
#workarea #contents .tab-content .input-8 input,
#workarea #contents .tab-content .input-8 textarea{
    width:91%;
    padding: 8px 4.5%;
}
#workarea #contents .tab-content .input-6 .radio-button,
#workarea #contents .tab-content .input-6 input,
#workarea #contents .tab-content .input-6 textarea{
    width:93.4%;
    padding: 8px 3.3%;
}
#workarea #contents .tab-content .input-4 .radio-button,
#workarea #contents .tab-content .input-4 input,
#workarea #contents .tab-content .input-4 textarea{
    width:95.2%;
    padding: 8px 2.1%;
}
#workarea #contents .tab-content .input-3 .radio-button,
#workarea #contents .tab-content .input-3 input,
#workarea #contents .tab-content .input-3 textarea,
#workarea #contents .tab-content .input-3 .iban-block{
    width:96.8%;
    padding: 8px 1.6%;
}
#workarea #contents .tab-content .input-2 .radio-button,
#workarea #contents .tab-content .input-2 input,
#workarea #contents .tab-content .input-2 textarea,
#workarea #contents .tab-content .input-2 .iban-block{
    width:98%;
    padding: 8px 1%;
}
#workarea #contents .tab-content .input-1 .radio-button,
#workarea #contents .tab-content .input-1 input,
#workarea #contents .tab-content .input-1 textarea{
    width:99%;
    padding: 8px 0.5%;
}

#workarea #contents .tab-content .input-8 input[type=checkbox],
#workarea #contents .tab-content .input-6 input[type=checkbox],
#workarea #contents .tab-content .input-4 input[type=checkbox],
#workarea #contents .tab-content .input-3 input[type=checkbox],
#workarea #contents .tab-content .input-2 input[type=checkbox],
#workarea #contents .tab-content .input-1 input[type=checkbox]{
    /*clear:both;*/
    float:left;
    width:auto;
    padding: 0;
}
#workarea #contents .tab-content .input-8 select,
#workarea #contents .tab-content .input-6 select,
#workarea #contents .tab-content .input-4 select,
#workarea #contents .tab-content .input-3 select,
#workarea #contents .tab-content .input-2 select,
#workarea #contents .tab-content .input-1 select{
    /*clear:both;*/
    /*float:left;*/
    width:100%;
}

#workarea #contents .tab-content .input-8 .input-prefix,
#workarea #contents .tab-content .input-6 .input-prefix,
#workarea #contents .tab-content .input-4 .input-prefix,
#workarea #contents .tab-content .input-3 .input-prefix,
#workarea #contents .tab-content .input-2 .input-prefix,
#workarea #contents .tab-content .input-1 .input-prefix{
    float:left;
    clear:left;
    padding:8px 2% 8px 0;
    font-weight:bold;
    width:7%;
    text-align:right;
    overflow: hidden;
}
#workarea #contents .tab-content .input-8 .radio-button.with-prefix,
#workarea #contents .tab-content .input-8 input.with-prefix,
#workarea #contents .tab-content .input-8 textarea.with-prefix{
    width:81%;
}
#workarea #contents .tab-content .input-6 .radio-button.with-prefix,
#workarea #contents .tab-content .input-6 input.with-prefix,
#workarea #contents .tab-content .input-6 textarea.with-prefix{
    width:83.4%;
}
#workarea #contents .tab-content .input-4 .radio-button.with-prefix,
#workarea #contents .tab-content .input-4 input.with-prefix,
#workarea #contents .tab-content .input-4 textarea.with-prefix{
    width:85.2%;
}
#workarea #contents .tab-content .input-3 .radio-button.with-prefix,
#workarea #contents .tab-content .input-3 input.with-prefix,
#workarea #contents .tab-content .input-3 textarea.with-prefix{
    width:86.8%;
}
#workarea #contents .tab-content .input-2 .radio-button.with-prefix,
#workarea #contents .tab-content .input-2 input.with-prefix,
#workarea #contents .tab-content .input-2 textarea.with-prefix{
    width:88%;
}
#workarea #contents .tab-content .input-1 .radio-button.with-prefix,
#workarea #contents .tab-content .input-1 input.with-prefix,
#workarea #contents .tab-content .input-1 textarea.with-prefix{
    width:89%;
}

#workarea #contents .tab-content .editable-append{
    width:5%;
    float:left;
}
#workarea #contents .tab-content .add-popup{
    float:left;
    height: 27px;
    width: 27px;
    display: inline-block;
    margin:21px 1% 0 5px;
    background: url('../img/btn-addpopup.png') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}
#workarea #contents .tab-content .cp-popup{
    float:left;
    height: 27px;
    width: 3.5%;
    display: inline-block;
    margin:21px 1% 0 0.5%;
    background: url('../img/btn-addpopup.png') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}

#workarea #contents .tab-content .iban-block{
    /*clear:both;*/
    float:left;
    border: 1px solid #404041;
    background-color: #FFFFFF;
}
#workarea #contents .tab-content .iban-block .iban-header {
    width:97%;
    padding: 0 6px 2px 6px;
    height:22px;
    line-height: 22px;
}

#workarea #contents .tab-content .iban-block .iban-box {
    width:100%;
    padding: 2px;
}

#workarea #contents .tab-content .iban-block .iban-box .iban-item {
    float:left;
    width:97%;
    margin: 1px 0;
    padding: 1px 5px;
    border: 1px solid #404041;
    background-color: #E7E7E8;
    line-height: 16px;
}
#workarea #contents .tab-content .iban-block .iban-number{
    width: 60%;
    display:block;
    float:left;
}
#workarea #contents .tab-content .iban-block .iban-swift{
    width:30%;
    display:block;
    float:left;
}

#workarea #contents .tab-content .iban-block .iban-add{
    float:right;
    height: 22px;
    width: 22px;
    display: inline-block;
    margin:0 -5px 0 0;
    background: url('../img/btn-add.png') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}

#workarea #contents .tab-content .iban-block .iban-edit{
    float:right;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin:0 3px 0 0;
    background: url('../img/btn-edit16.png') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}

#workarea #contents .tab-content .iban-block .iban-delete{
    float:right;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin:0;
    background: url('../img/btn-delete16.png') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}

#workarea #contents .tab-content .iban-popup{
    float:left;
    height: 28px;
    width: 28px;
    display: inline-block;
    margin:21px 1% 0 5px;
    background: url('../img/btn-ibanpopup.jpg') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}

#workarea #contents .tab-content .buttons{
    float:right;
    margin: 15px 2% 0 0;
}
#workarea #contents .tab-content .buttons label{
    display:none;
}
#workarea #contents .tab-content .buttons .btn-back{
    color:#FFFFFF;
    background-color:#A8A9AD;
    width:120px;
    height:25px;
    line-height:25px;
    text-align:center;
    display:inline-block;
}
#workarea #contents .tab-content .buttons .btn-save{
    color:#FFFFFF;
    background-color:#1073B8;
    width:120px;
    height:25px;
    line-height:25px;
    text-align:center;
    display:inline-block;
}

#workarea #contents .tab-content .datagridform{
    float:left;
    width:98%;
    background-color:#FFFFFF;
    padding:1px;
    margin-top:10px
}

#workarea #contents .tab-content .main-actions{
    position:absolute;
    top:6px;
    right:1%;
    width:30%;
    text-align:right;
}
#workarea #contents .tab-content .main-actions .btn-back{
    height: 31px;
    width: 31px;
    display: inline-block;
    margin-right:2%;
    background: url('../img/btn-back.png') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}

#workarea #contents .tab-content .main-actions .btn-downexcel{
    height: 31px;
    width: 31px;
    display: inline-block;
    margin-right:2%;
    background: url('../img/excel.jpg') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}

#workarea #contents .tab-content .main-actions input[type=submit]{
    height: 31px;
    width: 31px;
    display: inline-block;
    margin-right:2%;
    background: url('../img/btn-save.png') no-repeat 0 0 transparent;
    text-indent:9999px;
    overflow: hidden;
    vertical-align:top;
}


#workarea #contents .tab-content .-select-value
{
    background-color: #FFFFFF;
    padding: 8px 5px;
    border: 1px solid #404041;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    position: relative;
    z-index:1;
}
#workarea #contents .tab-content .-select-value.disabled{
    color: #999999;
    background-color: #F0F0F0;
}
#workarea #contents .tab-content .-select select{
    height: 28px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    top: -28px;
    filter: alpha(opacity=0);
    visibility: hidden;
}

#workarea #contents .tab-content .-select-icon
{
    background: url('../img/select-arrow.png') no-repeat ;
    display: block;
    height: 28px;
    line-height: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 22px;
    position: absolute;
    z-index:2;

}
#workarea #contents .tab-content .-select{
    float:left;
    position:relative;
    text-align:left;
}
#workarea #contents .tab-content .-select ul {
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    max-height: 150px;
    overflow-x:hidden;
    overflow-y:auto;
}
#workarea #contents .tab-content .-select ul li span{
    font-weight: normal;
    padding-left: 5px;
    white-space: nowrap; overflow-x:hidden;
}
#workarea #contents .tab-content .opcion0{
    background: #FFFFFF;
    height:20px;
    line-height:20px;

}
#workarea #contents .tab-content .opcion1{
    background:#FFFFFF;
    height:20px;
    line-height:20px;
}

#workarea #contents .tab-content .opcion0:hover,
#workarea #contents .tab-content .opcion1:hover, 
#workarea #contents .tab-content .opcion1.selected,
#workarea #contents .tab-content .opcion0.selected{
    background: #A1CEF4;
    cursor: default;
}


#workarea #contents .tab-content .-checkbox{
    float:left;
    clear:both;
    padding: 8px 0;
}

#workarea #contents .tab-content .-checkbox .-checkbox-icon{
    display: block; 
    height: 12px; 
    width: 12px; 
    border: 1px solid rgb(0, 0, 0); 
    background-color: #FFFFFF;
}
#workarea #contents .tab-content .-checkbox .-checkbox-checked{
    /*background-color: #1073B8!important;*/
    background: url('../img/checkbox.gif') no-repeat 0 0 #FFFFFF;
}


#workarea #contents .tab-content .-radio{
    float:left;
    clear:none;
}

#workarea #contents .tab-content .-radio .-radio-icon{
    display: block; 
    height: 12px; 
    width: 12px; 
    border: 1px solid rgb(0, 0, 0); 
    background-color: #FFFFFF;
    border-radius:6px;
}
#workarea #contents .tab-content .-radio .-radio-checked{
    /*background-color: #1073B8!important;*/
    background: url('../img/radio.gif') no-repeat 0 0 #FFFFFF;
}


#nav-bar #menu-up .-select-value .videos-admin{
    background: url('../img/menu-icon-admin.png') no-repeat 0 0 transparent;
    margin-left:7px;
    display:block;
    height: 26px;
    line-height: 28px;
    padding-left: 40px;
    font-size: 1.2em;
}
#nav-bar #menu-up li .videos-admin{
    background: url('../img/menu-icon-admin.png') no-repeat 0 5px transparent;
    margin-left:7px;
    display:block;
    height: 40px;
    line-height: 40px;
    padding-left: 40px !important;
    font-size: 1.2em;
}

#workarea #contents .tab-content .img-preview{
    display:none;
    float:left;
    margin-top: 10px;
}
#workarea #contents .tab-content .img-preview img{
    height: 90px;
}
#workarea #contents .tab-content .img-preview.big-preview img{
    height: 180px;
}
#workarea #popup-background{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index:1000;
    background-color: rgba(204, 204, 204, 0.35);
}
#workarea #popup-background #popup-div{
    position: absolute;
    top: 15%;
    left: 3%;
    width:90%;
    height:75%;
    background-color:#FFFFFF;
    padding: 1%;
    border: 10px solid #404041;
    display:none;
}
#workarea #popup-background iframe{
    width:98%;
    height:98%;
    border:0;
}
#workarea #popup-background #minipopup-div{
    position: absolute;
    top: 15%;
    left: 30%;
    width:35%;
    height:40%;
    background-color:#FFFFFF;
    padding: 1%;
    border: 10px solid #404041;
    display:none;
}
#workarea #popup-background #minipopup-div #ccc-to-iban,
#workarea #popup-background #minipopup-div #iban-swift{
    width:98%;
    height:48%;
    background-color:#ffffff;
    padding:0;
    min-height:0;
    margin:0;
}
#workarea #popup-background #minipopup-div #ccc-to-iban .input-4{
    width: 18%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #popup-background #minipopup-div #ccc-to-iban .input-2{
    width: 8%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #popup-background #minipopup-div #ccc-to-iban .input-10{
    width: 48%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #popup-background #minipopup-div #iban-swift .input-24{
    width: 60%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #popup-background #minipopup-div #iban-swift .input-10{
    width: 36%;
    margin-right:2%;
    float:left;
    min-height:52px;
}
#workarea #popup-background #minipopup-div #ccc-to-iban .input-10 input,
#workarea #popup-background #minipopup-div #ccc-to-iban .input-4 input,
#workarea #popup-background #minipopup-div #ccc-to-iban .input-2 input,
#workarea #popup-background #minipopup-div #iban-swift .input-24 input,
#workarea #popup-background #minipopup-div #iban-swift .input-10 input{
    clear:both;
    float:left;
    border: 1px solid #404041;
}
#workarea #popup-background #minipopup-div #ccc-to-iban .input-10 input,
#workarea #popup-background #minipopup-div #iban-swift .input-24 input,
#workarea #popup-background #minipopup-div #iban-swift .input-10 input{
    width:96%;
    padding: 8px 2%;
}
#workarea #popup-background #minipopup-div #ccc-to-iban .input-4 input{
    width:86%;
    padding: 8px 7%;
}
#workarea #popup-background #minipopup-div #ccc-to-iban .input-2 input{
    width:80%;
    padding: 8px 10%;
}
#workarea #popup-background #minipopup-div label{
    font-weight: bold;
    clear:both;
    float:left;
    line-height: 1.5em;
    margin-top:5px;
    width:98%;
}
#workarea #popup-background #minipopup-div #ccc-to-iban .btn-conv,
#workarea #popup-background #minipopup-div #iban-swift  .btn-save{
    color:#FFFFFF;
    background-color:#1073B8;
    width:120px;
    height:25px;
    line-height:25px;
    text-align:center;
    display:inline-block;
}



/**
Crop
**/

.cropping-zone{
    display:none;width:98%;height:100%;float:left;overflow:hidden;
}
.cropping-zone .cropping-visible{
    width:100%;overflow:auto;padding:6px 0 6px 0;
}

.cropping-zone .cropping-visible span{
    font-size:1.2em;
}

.cropping-zone .cropping-visible .original{
    margin-top:10px;
}

.cropping-zone .cropping-visible .preview{
    overflow:hidden;
    border:1px solid #000000;
}


.especial{
    min-height: 110px;
    /*width: 50%;*/
    float:left;
}

.upload{
    width: 636px;
    float:left;
}
.upload .drop{
    background-color: #2E3134;
    border: 1px solid rgba(0, 0, 0, 0);
    border-image: url('../img/uploader/border-image.png') 5 5 5 5 repeat;
    border-width: 3px;
    text-align: center;
    font-size: 14px; 
    font-weight: bold;
    color: #7f858a;
    width: 180px;
    height: 84px;
    float: left;
    padding: 10px 0 0 0;

}

.upload .drop a{
    background-color:#818284;
    padding:12px 20px 12px 20px;
    color:#fff;
    font-size:12px;
    display:inline-block;
    margin-top:12px;
}

.upload .drop a:hover{
    background-color:#0986a3;
}

.upload .drop input{
    display:none;
}

.upload ul{
    list-style:none;
    float: left;
    width:450px;
}

.upload ul li{
    background-color: #333639;
    background-image: -moz-linear-gradient(top, #333639, #303335);
    background-image: linear-gradient(top, #333639, #303335);
    padding: 10px;
    height:80px;
}
.upload ul li .preview{
    display:inline-block;
    width:105px;
    height:80px;
    vertical-align: top;
    text-align:center;
}
.upload ul li .preview canvas{
    margin: 0 auto;
}
.upload ul li .filedata{
    display:inline-block;
    width:325px;
    height:70px;
    padding:15px 0 0 0;
    vertical-align: top;
}
.upload ul li.working .filedata{
    width:313px;
    padding:15px 0 0 12px;
}

.upload ul li input{
    display: none;
}

.upload ul li p{
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 11px;
    font-weight: bold;
    display:inline-block;
    height: 30px;
    margin: 0 0 0 15px;
    vertical-align: top;
}

.upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:inline-block;
}

.upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/uploader/icons.png') no-repeat 0 -13px transparent;
    display:inline-block;
    cursor: pointer;
    vertical-align: bottom;
    margin-left:10px;
}
.upload ul li .descargar{
    font-size: 16px;
    color:#818284;   
    display: block;
    padding-left:15px;
    margin-top:5px;
}
.upload ul li .descargar:hover{
    color: #0986a3;
}

#slidebox {
    width: 410px;
    height: 150px;
    overflow: hidden;
}

.cke {
    clear:both;
}


@viewport {
    width: device-width;
    zoom: 1;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
    #wrapper, #wrapper-popup{
        min-width: 460px;
    }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
    #wrapper, #wrapper-popup{
        min-width: 620px;
    }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
    #wrapper, #wrapper-popup{
        min-width: 620px;
    }
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
    #wrapper, #wrapper-popup{
        min-width: 460px;
    }
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
    #wrapper{
        min-width: 1240px;
    }
    #wrapper-popup{
        min-width: 960px;
    }
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
    #wrapper{
        min-width: 1240px;
    }
    #wrapper-popup{
        min-width: 1020px;
    }
}
@media screen and (min-width: 1600px){
    #wrapper, #wrapper-popup{
        min-width: 1480px;
    }   
}
#ui-datepicker-div {
  z-index: 10 !important;
}