/* .layout.root { border:1px solid #eeeeee; } */

/* Common styles for all holders */
.holder { float:left; }

/* Common widget styles and layout options */
.field-box { padding:8px; }
.field-box input, .field-box textarea, .field-box select { font-family:Arial, sans-serif; font-size:12px; line-height:12px; color:#58595B; border:none; }
.field-box select { width:100%; background: none repeat scroll 0% 0% transparent; }
.field-box textarea { resize:none;}
.field-box label.i-am-the-label { font-weight:bold; font-size:12px; color:#308899; display:block; padding:0 0 0 4px; margin:0 0 4px 0; }
.field-box .apply-border { border:1px solid #A7A9AC; background:#ffffff; padding:4px; }
.field-box .grey-bg { background:#E6E7E8; padding:4px; }
.field-box .grey-bg input { background:#E6E7E8; color:#6F7173; }
.field-box.changed input, .field-box.changed .widget.apply-border, .field-box.changed ul, .field-box.changed textarea { background:#F9F69D; }
.widget ul { list-style:none; }
.widget li { margin:4px; }
.widget li label { padding-left:4px; }
.widget.read-only { padding:5px; }
.horizontal li {display: inline; list-style-type: none; padding-right: 20px;}

.field-box p.help-text { font-size:11px; color:#a7a7a7; padding:4px 4px 0 4px; }
.submit-button { text-align:right; }
.layout .label-box { padding:0 0 0 12px; }
.label-box label { font-weight:bold; font-size:14px; color:#308899; display:block; }

.footer a { margin-right: 10px; }

/* Widget specific styles */
.TextInput .widget input, .PasswordInput .widget input, .ClearableFileInput .widget input, .AutocompleteWidget .widget input { display:block; width:100%; }
.Textarea .widget textarea { display:block; width:100%; max-width:100%; height:80px; }
.select .widget select { display:block; width:100%; }
.checkbox-input .widget li { padding:0 4px; }
.SplitDateTime .widget li label { display:inline-block; width:40px; }
.SplitDateTime .widget input { width:70px; text-align:center; margin:0 4px; }
.DateInput .widget input, .TimeInput .widget input { width:90px; text-align:center; margin-right:4px; }
.searchbox .widget{ background:url(../img/search-icon.png) no-repeat right center !important; }
.searchbox .widget .search-icon { padding-right: 18px; }
.searchbox .widget .search-icon input { width: 100%; outline: none; }
.widget .i-am-the-label.inscription-shift { color: #308899; }
.widget .file-widget input.checkbox { width: auto; float: left; }
.widget .file-widget label { float: left; }
.widget .file-widget div.now { float: left; }

/* Buttons */
.text-button { background:#308899; color:#ffffff!important; padding:6px 8px; cursor:pointer; border:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:8px; float:right; }
.text-button:hover { background:#2A7280; }
input.arrow-button { width:24px; height:20px; background:#308899 url(../img/submit-arrow-button.png) no-repeat center top; overflow:hidden; text-indent:-666em; padding:6px 8px; cursor:pointer; border:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
input.arrow-button:hover { background-color:#2A7280; background-position:center bottom; }

a.add-button { background:#308899 url(../img/plus-icon.png) no-repeat 4px center; color:#ffffff; padding: 6px 8px; padding-left: 18px !important; cursor:pointer; border:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:8px; float:right; }
a.add-button:hover { background-color:#2A7280; }

a.remove-button { background:#BA010E url(../img/delete-icon.png) no-repeat 4px center; color:#ffffff; padding: 2px 8px 2px 8px; padding-left: 18px !important; cursor:pointer; border:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:8px; float:right; }
a.remove-button:hover { background-color:#91010B; }


a.button { background:#308899; color:#ffffff; padding: 2px 8px 2px 8px; font-size: 11px; cursor:pointer; border:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:8px; float:right; font-weight: normal; }
a.red { background: #BA010E !important; }

/* Errors */
.error-box .apply-border { border-color:#BE1E2D; }
.error-box label.i-am-the-label { color:#BE1E2D; }
.error-box p.error-text { color:#BE1E2D; padding:4px; }
p.error{ color:#BE1E2D; }
/* Error list generated by django */
ul.errorlist { list-style:none; font-size:11px; color:#BE1E2D; padding:4px 4px 0 4px; }

/* Inlines */
.inline-box { padding:8px; }
.inline-box .header, .fieldset .header { float:right; background:#939598; color:#ffffff; padding:4px 16px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; }
.inline-box .header-line { clear:both; border-top:2px solid #939598; }
.inline-box .forms { clear:both; border-top:2px solid #939598; border-bottom:1px dotted #939598; margin-bottom:8px; }
.inline-box .forms .odd { background:#F2F2F2; }
.inline-box .empty-form { display:none; }
.inline-box .empty-message { padding:8px 0; font-size:11px; }
.inline-box.error .header { background:#BE1E2D; }
.inline-box.error .forms { border-top: 2px solid #BE1E2D; }
.inline-box.error .non-form-errors { float:left;}
.inline-box .form.non-field-errors { background:#ffdede; }
.inline-box .select_action { position:relative; float:left; margin-bottom:-12px; top:27px; margin-left:-17px; }
.inline-box .delete_action { position:relative; float:right; margin-bottom:-12px; top:27px; margin-right:-56px; color: #BE1E2D; }
.inline-box .footer a { margin-right: 10px; }
.inline-box .trash { float:right; position:relative; top:9px; margin-right:-16px; }
.inline-box .form.to-delete { background:#FFBFBF; }
.inline-box .form.to-delete.odd { background:#F2B2B2; }
.fieldset .content { clear:both; border-top:2px solid #939598; margin-bottom:8px; width: 100%;}
.fieldset { padding: 8px; float: none; }

/* Stylish Select 0.4.5 - https://github.com/sko77sun/Stylish-Select */
.SSContainerDivWrapper { left:-9999px; }
.SSContainerDivWrapper { margin:0; padding:0; width:290px; position:absolute; top:22px; left:0; z-index:2; }
ul.newList { margin:0; padding:0; list-style:none; color:#000; background:#fff; border:1px solid #ccc; overflow:auto; }
ul.newList * { margin:0; padding:0; }
ul.newList a { color: #58595B; text-decoration:none; display:block; padding:2px 8px; border:none; }
ul.newList a.newListHover { background:#adafb2; color:#ffffff; }
.hiLite, .hiLite a { background:#ebf2f3!important; }
.newListSelected span { display:block; background:url(../img/select-arrows.png) no-repeat right top; }
.selectedTxt { overflow:hidden; height:13px; color:#58595B; padding-right:20px; padding-top:1px; }
ul.newList li a { padding:3px 8px; display: block; }
ul.newList li a:focus { -moz-outline-style: none; }
ul.newList { list-style:none; background:#fff; position:absolute; border:1px solid #A7A9AC; margin-top:4px; top:0; left:0; overflow:auto; z-index:9999; }
.newListSelHover, .newListSelFocus { background-position:right -35px; cursor:pointer; }
.newListSelected { background:url(../img/select-arrows.png) no-repeat right top; }
ul.newList a.newListHover { background:#adafb2!important; color:#ffffff; }


/* jQuery UI additional styles */
/* Theme: http://jqueryui.com/themeroller/#ffDefault=Arial%2Csans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=5px&bgColorHeader=E4E5E6&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=E4E5E6&fcHeader=308899&iconColorHeader=308899&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=E4E5E6&fcContent=58595B&iconColorContent=58595B&bgColorDefault=E4E5E6&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=E4E5E6&fcDefault=58595B&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=58595B&fcHover=58595B&iconColorHover=58595B&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=58595B&fcActive=000000&iconColorActive=58595B&bgColorHighlight=308899&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=100&borderColorHighlight=308899&fcHighlight=ffffff&iconColorHighlight=ffffff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */
.ui-datepicker-trigger { border:none; cursor:pointer; width:12px; height:12px; background:url(../img/calendar-icon.png) no-repeat; }
.ui-datepicker-trigger:hover { cursor:pointer; background-position:0 -12px; }

.ui-autocomplete-input {width: 100%;}
.add-another-link { background: url(/static/admin/img/icon_addlink.gif) 0 .2em no-repeat;
                    padding-left: 12px;
                    margin-left: 8px;
                    position: relative;
                    top: 4px; }


.solapa { padding:8px; }
.solapa .header, .fieldset .header { float:right; background:#939598; color:#ffffff; padding:4px 16px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; }
.solapa .header-line { clear:both; border-top:2px solid #939598; }
.solapa .contenido { clear:both; border-top:2px solid #939598; border-bottom:1px dotted #939598; margin-bottom:8px; }
.solapa .forms { clear:both; border: none; margin-bottom:auto; }

input.autocomplete { width: 100%; }