/* .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 input.autocomplete-light-text-widget { width: 100%; }
.field-box select { width:100%; background: none repeat scroll 0% 0% transparent; }
.field-box textarea { resize:none; width: 100%; }
.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, .autocomplete-light-widget input.autocomplete[type=text] { 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; }

.field-box p.help-text { font-size:14px; 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; }

.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; }

/* Widget specific styles */
.TextInput .widget input, .PasswordInput .widget input, .ClearableFileInput .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%; }
select:disabled { background: #dddddd; }
.checkbox-input .widget li { padding:0 4px; }
.SplitDateTimeWidget .widget li label, .CustomSplitDateTimeWidget .widget li label { display:inline-block; width:40px; }
.SplitDateTimeWidget .widget input, .CustomSplitDateTimeWidget .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%; vertical-align: middle; }
.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 { word-wrap: break-word; }
.notification-help {color:#939598; font-size:10px;}

.NumberInput .widget input { width: 100%; }
.EmailInput .widget input { width: 100%; }

/* Buttons */
.text-button { background:#308899; color:#ffffff!important; padding:6px 8px; cursor:pointer; border:none; 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; 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: 2px 8px 2px 8px; font-size: 11px; padding-left: 18px !important; cursor:pointer; border:none; border-radius:8px; margin:8px 0px 8px 16px; float:right; }
a.add-button:hover { background-color:#2A7280; }

a.left-button {float:left; margin-right:16px; margin-left:0px; }
a.right-button {float:right; margin-right:0px; margin-left: 16px;}

a.button { background:#308899; color:#ffffff; padding: 2px 8px 2px 8px;
	font-size: 11px; cursor:pointer; border:none; border-radius:8px;
	margin-top:8px; margin-bottom: 8px; }

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; border-radius:8px; margin:8px; float:right; }
a.remove-button:hover { background-color:#91010B; }

/* 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; }
ul.errorlist a {color: #BE1E2D; text-decoration: underline; }
ul.errorlist a:hover {color: #7B0D08;}

/* Inlines */
.inline-box-style { padding:8px; margin-right: 50px; }
.inline-box-style .header, .fieldset .header { float:right; background:#939598; color:#ffffff; padding:4px 16px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.inline-box-style .forms { clear:both; border-top:2px solid #939598; border-bottom:1px dotted #939598; margin-bottom:8px; }
.inline-box-style .forms .odd { background:#F2F2F2; }
.inline-box-style .empty-form { display:none; }
.inline-box-style .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-style .form.non-field-errors { background:#ffdede; }
.inline-box-style .select_action { position:relative; float:left; margin-bottom:-12px; top:27px; margin-left:-17px; }
.inline-box-style .delete_action { position:relative; float:right; margin-bottom:-12px; top:27px; margin-right:-56px; color: #BE1E2D; }
.inline-box-style .footer a { margin-right: 10px; }
.inline-box-style .trash { float:right; position:relative; top:9px; margin-right:-16px; }
.inline-box-style .form.to-delete { background:#FFBFBF; }
.inline-box-style .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 autocomplete forms*/
.ui-autocomplete-input {width:100%}

/* 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; }

/* competition form css */
div.selected_subpositions ul div.trash { float:right;}

.list-header {  /* estilo para el dialog del listado de subcargos */
    float:right;
    background:#939598;
    color:#ffffff;
    padding:4px 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 20px;
}
.list-header-bottom-line {  /* estilo para el dialog del listado de subcargos */
    border-bottom:2px solid #939598;
}


/* description in a bound form */
.description-label { font-weight:bold; font-size:12px; color:#308899; }/*display:block; padding:0 0 0 4px; margin:0 0 4px 0; }*/

.score input {width: 100%; height: 100%; border: none; }
div.person input {width: 90%; border: none; }
.status input {margin-left: 40%;}
div.person {float:left; width:25%; border: 1px solid #A7A9AC; height: 20px;}
.score {float:left; width:54px; border: 1px solid #A7A9AC; height: 20px;}
.status {float:left; max-width:120px;}
.score.title {height: 34px;}
.person.title {height: 34px;}
.status.title {border: 1px solid #A7A9AC; width: 100%; height: 34px;}


/* competition report form */
.inline-box-style .merit .table { position:relative; float:right; margin-bottom:-12px; top:0px; margin-right:-56px; color: #BE1E2D; }
.inline-box-style .form.to-delete.merit input { background:#FFBFBF; }
.nodisplay { display:none;}

.red.button { background-color: #BE1E2D; }

.errorlist .errorlistitem {
    list-style: square inside;
    padding: 5px;
}

.errorlist .errorlistitem.par {
    background-color: #ECECEC;
}


p.funding_warning {
    border: 2px solid #ED5755;
    border-radius: 6px;
    color: #242527;
    margin: 5px;
    padding: 6px 0 6px 10px;
}

/* Autocomplete input and deck style */
.autocomplete-light-widget .deck [data-value] .remove {
    margin-right: 10px;
}

.field-box.MultipleChoiceWidget p.help-text,
.field-box.ChoiceWidget p.help-text,
.form-row.field-users p.help {
    display: none;
}

.autocomplete-light-widget input.autocomplete[type=text] { margin-bottom: 10px; width: 90%; }

.autocomplete-light-widget[data-widget-bootstrap] { width: 100%; }

.autocomplete-light-widget.yourlabs-autocomplete { margin-bottom: 10px; }

.autocomplete-light-widget .deck [data-value], .autocomplete-light-widget .deck .choice {
    list-style: outside none none;
    clear: left;
    margin-bottom: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
}


.autocomplete-light-widget.multiple .deck [data-value], .autocomplete-light-widget.multiple .deck .choice {
    display: list-item !important;
}

label.input {
    font-weight: bold;
    //font-size: 12px;
    color: #308899;
}

.grade-input { width: 60px }
.form-changed { background-color: navajowhite;}