.form-row label{
    float:none !important;
    display:block !important;
    width:100% !important;
    clear:both;
}

.form-row{
    margin:5px 0;
    padding:0;
    min-height:50px;
}

.container_12{
    margin:0 !important;
    width:100% !important;
}

#total_quantity #total,
.form-row.total strong{
    color:red;
    font-weight:bold;
    font-size:1.8em;
    text-align:center;
}

p.field{
    border: 1px solid #eee;
    background-color: #f7f7f7;
}

.list-total{
    display:block;
    text-align:right;
}
.list-total li{
    display:inline;
    margin: 0;
    padding: 0;
    list-style-image: none;
    font-size:1.3em;
    color:blue;
}

.loading {
    background: transparent url(../icons/ajax-loader.gif) no-repeat top right;
}

.filter_form ul li{
    display: inline-block;
    list-style-type: none;
    margin: 5px 10px;
}

td.original{
    position:absolute;
    visibility:hidden;
    top:-1000px;
}
tr.has_original td{
    padding-top:4px !important;
}

.tabular.inline-related tbody td{
    border:1px solid #ddd;
    margin:0;
    padding:0;
    overflow:hidden;
    vertical-align: middle;
}

.tabular.inline-related tbody td a.add-another{
    visibility:hidden;
    position:absolute;
}

.tabular.inline-related tbody td input[type=text],
.tabular.inline-related tbody td select,
.tabular.inline-related tbody td select option{
    margin:0;
    display:block !important;
    width:100%;
    border:none;
    line-height:20px;
    height:20px;
    background-color:transparent;
}

.tabular.inline-related tbody td.delete a{
    visibility:visible;
    position:inherit;
}
.tabular.inline-related tbody td input[type=text]:focus,
.tabular.inline-related tbody td select:focus{
    background-color:lightyellow;
}

.form-row select, .form-row input[type=text]{
    width:65%;
}

.form-row input.vDateField{
    width:70px;
}
.form-row input.vForeignKeyRawIdAdminField{
    width:20%;
}

.form-row{
    border:none;
    padding:0;
    margin:0;
}
.selector{
    width: 90% !important;
}

.selector-available,.selector-chosen{
    width: 40% !important;
}
.selector-available select,.selector-chosen select{
    width: 100% !important;
}

.container_12 .form-row p.help{
    margin: 5px 0 0 0;
    padding: 10px;
    position: absolute !important;
    background-color: #FFFFCC;
    opacity: .75;
    border:1px solid #808080;
    color:#2e5dea;
    visibility:hidden;
    max-width:350px;
}
.container_12 .form-row:hover p.help{
    visibility:visible;
}


.change-list .calendarbox{
    margin-left:-200px !important;
    z-index: 999;
}



.center{
    text-align: center;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}

.red {
    color:red;
}

.blue {
    color:blue;
}

.submit-row{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
}

.field-error,.field-error label{
    color:red !important;
}

.field-error span.error-msg{
    position:absolute;
    border: 2px solid darkred;
    color:white;
    padding: 10px;
    display:block;
    background-color: red;
    visibility: hidden;
}
.field-error:hover span.error-msg{
    visibility: visible;
}


#plan-inlines .tables > div{
    border:1px solid #ddd;
}



#plain-tabs{
    height: 27px;
    margin:20px 0 0 0;
}

#plain-tabs li{
    float:left;
    height:25px;
    line-height: 25px;
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin:0;
    margin-left:10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
}
#plain-tabs li a{
    display: inline;
    line-height: 25px;
    height:25px;
    padding:0 10px;
    margin:0;
    color:#222;
    font-size: 1.1em;
}


#plain-tabs li{
    display:inline-block;
    margin-bottom:-1px;
    background-color:#eee;
    border:1px solid #ddd;
}

#plain-tabs li.active{
    background-color: white;
    border-bottom: 1px solid white;
}

a.add-new,a.add-mass{
    display:inline-block !important;
    line-height:16px !important;
    padding:5px !important;
    margin:5px !important;
    float:left;
    border:1px solid #f0f0f0;
}

a.close{
    display:inline-block !important;
    line-height:16px !important;
    padding:5px !important;
    margin:5px !important;
    border:1px solid #f0f0f0;
}

#plan-inlines td{
    overflow:hidden;
}

div.field{
    border:1px solid #ddd;
    clear:both;
}


#plan-inlines .add-another{
    float:right;
    margin-top:-37px;
    margin-right:10px;
}


#plan-inlines .datetimeshortcuts{
    float:right;
    margin-top:-37px;
    margin-right:10px;
}

#facebox a.close{
    margin:0;
    padding:0;
    border:none;
}

.result_list_total td,.result_list_total th{
    background-color: white;
    text-align: right;
    border:none;
    font-weight: bold;
}




#inlines .full_line{
    display:block;
    width:99%;
}
#inlines .full_line label,
#inlines .full_line input{
    display:block;
    width:100%;
}

.submit-row input[type=text]{
    font-weight:normal;
    font-size:1.4em;
    border:0;
    float:right;
    display: inline;
    background:none;
    padding:0;
    margin:0 10px;
    height:21px;
    line-height: 21px;
    width:60px;
    text-align: center;
}
.submit-row label{
    display: inline-block;
    margin:0;
    padding:0;
    height:21px;
    line-height: 21px;
}

.submit-row div{
    float: right;
    display: inline-block;
    border: 1px solid #cdcdcd;
    padding: 0 0 0 5px;
    margin-left:10px;
}

input[type=text]:focus, select:focus{
    background-color:#FFFCBB;
}


.list_options_menu{
    display:block;
    margin:0;
    padding:0;
    background-color:#f7f7f7;
    border:1px solid #eee;
}    
.list_options_menu ul{
    margin:0;
    padding:0;
    display:block;
    border:1px solid #ddd;
    background-color:#eee;
    position:absolute;
    margin-left:-50px;
    visibility:hidden;
}

.list_options_menu:hover ul{
    visibility:visible;
}
.list_options_menu li{
    display:block;
    margin:0;
    padding:2px 10px;
}

.list_options_menu ul li:hover{
    background-color:#fafafa;
    cursor:pointer;
}

.highlighted th, 
.highlighted td{
    background-color:#FFFCBB;
}

.report-view #content{
    margin:0 !important;
}

#changelist-filter{
    z-index: 800;
}

.field-user_permissions.grid_4,
.field-permissions.grid_4{
    width: 100% !important;
    clear:both !important;
}

.filter-wrapper{
    clear:both !important;
    padding-top:10px
}
.filter-wrapper h3{
    margin:0;
    clear:both;
}
.filter-wrapper[data-title="incobrable"] li,
.filter-wrapper[data-title="factura"] li,
.filter-wrapper[data-title="pagable"] li,
.filter-wrapper[data-title="estiba"] li,
.filter-wrapper[data-title="lote"] li,
.filter-wrapper[data-title="liquidado"] li,
.filter-wrapper[data-title="estado"] li,
.filter-wrapper[data-title="símbolo"] li,
.filter-wrapper[data-title="efecto"] li,
.filter-wrapper[data-title="agencia virtual"] li,
.filter-wrapper[data-title="cumplido"] li,
.filter-wrapper[data-title="Recibido"] li,
.filter-wrapper[data-title="hecho"] li,
.filter-wrapper[data-title="autorizada"] li,
.filter-wrapper[data-title="respuesta"] li,
.filter-wrapper[data-title="Dictamen"] li,
.filter-wrapper[data-title="completado"] li,
.filter-wrapper[data-title="recibido"] li,
.filter-wrapper[data-title="aprobación"] li,
.filter-wrapper[data-title="reingresado"] li,
.filter-wrapper[data-title="Documentación"] li,
.filter-wrapper[data-title="tiene referencia"] li{
    float:left;
    width:20%;
    text-align:center;
    margin:0 2px !important;
    padding:0 !important;
}
.filter-wrapper li.selected{
    border:none !important;
    background-color:white;
}
.filter-wrapper ul{
    margin:0
}

#header{
    position:fixed;
    z-index:1001;
    top:0;
    height:65px;

    box-shadow: #333 0 0 20px;
    border-bottom: 1px solid #fff;
}
body{
    margin-top:95px;
}
body.popup{
    margin-top:10px;
}

.breadcrumbs{
    margin-top:-13px !important;   
}

#top_menu_container{
    min-width:900px;
    position:fixed;
    width:100%;
    z-index:1002;
}

#user-tools {
    padding: 5px 10px 0 0;
    z-index:1003;
    text-shadow:#000 0px 1px 2px, #000 1px 0px 2px, #000 -1px 0px 2px, #000 0px -1px 2px;
    color:white;
}

#header{
    height:80px;
    background:transparent url(../images/header.jpg) center center;
}
#branding{
    margin-top:9px;
    margin-bottom:8;
}

#branding h1{
    color:white !important;
    margin-left:20px;
    padding-left:40px;
    text-shadow:#000 0px 1px 2px, #000 1px 0px 2px, #000 -1px 0px 2px, #000 0px -1px 2px;
    background:transparent url(../images/cup.png) no-repeat top left;
    line-height:32px;
}

#top_menu_container{
    margin-top:-1px;
}
#top_menu{

    background-color:#555 !important;
    opacity:0.8;
    border-top-right-radius:15px;
}
#facebox{
    z-index:2000;
}


#report_header, #headerContent{
    position:fixed;
    background-color:white;
    left:0;
    right:0;
    margin:0;

}
#report_header{

    top:80px;
    padding:10px 0;
}
#headerContent #filters{
    position:absolute;
    top:-1000px;

}
#report_header .filter{
    float:left;
    margin:0 0 0 10px;
}
#report_header .filter label{
    display:block;
}

#middleContent{
    margin-top:60px !important;
}

.advanced-filter{
    margin-top:3px;
    float:right;
}

.filtered .advanced-filter{
    margin-right:180px;
}

/**
 * Report Editor
 **/

#editor #left{
    float:left;
    width:20%;
}
#editor #right{
    float:right;
    width:30%;
}

#editor #center{
    float:left;
    width:48%;
    margin-left:1%;
}
#editor .content{
    border:1px solid #eee;
    min-height:15px;
    background-color:white;
}

#editor #left ul{
    margin-left:7px;
}
#editor #left li{
    list-style-type:none;
    display:block;
    margin-left:0;
    background:transparent url(../icons/bullet_white.png) no-repeat 0 0;
    text-indent:15px !important;
    white-space: nowrap;
}
#editor #left li:hover{
    background-image:url(../icons/bullet_blue.png);
}
#editor #left li.added{
    background-image:url(../icons/bullet_green.png);
}
#editor #left li.node{
    background-image:url(../icons/bullet_toggle_plus.png);
    cursor:pointer;
}
#editor #left li.node.open{
    background-image:url(../icons/bullet_toggle_minus.png);
}
#editor #left li.leaf{
    cursor:move;
}
#editor #left  li.leaf.queued{
    background-image:url(../icons/bullet_red.png);
    background-color:lightyellow;
    border:1px solid orange;
}
#editor #left li.open > ul{
    border-left:1px dotted #aaa;
}
#editor #left li.closed > ul {
    display:none;
}
#editor #left  li.leaf[data-type=method]{
    background-image:url(../icons/bullet_blue.png);
}
#editor #left  li.leaf[data-type=field]{
    background-image:url(../icons/bullet_green.png);
}
#report_columns, #report_groups, #report_filters{
    border:1px dotted #ddd;
    display:block;
    margin: 10px;
    min-height:25px;
    padding:10px;
}
body.queued #report_columns,
body.queued #report_groups,
body.queued #report_filters{
    background-color:lightyellow;
    border-color:orange;
}

#report_columns li,
#report_groups li,
#report_filters li{
    display:inline-block;
    margin: 3px;
    padding:4px 7px;
    border:1px solid #eee;
}

.conf-column, .conf-group, .conf-filter{
    display:none;
}

body.configure-column .conf-column{
    display:block;
}

body.configure-group .conf-group{
    display:block;
}

body.configure-filter .conf-filter{
    display:block;
}

#center li{
    cursor:pointer;
}

#center li.configuring{
    border-color:lightblue;
    color:lightblue;
    font-weight:bold;
}
#editor #right .content{
    padding:5px;
}
#editor #right .report_name{
    display:block;
    width:100%;
    margin:10px 0;
    border:1px solid #eee;
    padding:4px 0;
    text-align:center;
}

#editor button.save{
    padding-left:25px;
    background: transparent url(../icons/disk.png) no-repeat 5px center;
    border: 1px solid #eee;
    padding:5px 5px 5px 30px;
    float:right;
    margin:0 0 10px;
    cursor:pointer;
    box-shadow:#999 0 0 15px -6px;
}

#userrestrictiondetail_form .field-account{
    width:100%;
}
#userrestrictiondetail_form .field-account select{
    overflow-x: scroll;
}


#note_form .field-to, #note_form .field-message{
    clear:both;
    width:90%;
}