/* Forms Settings */

input {
	border:				1px solid #ddd;
	color:				#666;
	width:              280px;
	background-repeat:	repeat-x;
	padding: 			5px 0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.payment input {
    border:             0;
    width:              auto;
    padding:            0;
}

.left_50 input, .form_element input {
    padding: 5px 0;
}

textarea {
    padding:            5px 0px;
    border:             1px solid #ddd;
    color:              #666;
}

input:focus, input:active {
	border-color:		#bbb;
	color:				#1b2c43;
}

.form_element.overflow .description {
    padding-top: 3px;
    float:right;
}

a.submit_button {
    background: #8f0000 url(../images/button-red.png) repeat-x top left;
    border: 1px solid #8f0000;
    color: #ffffff;
    font-family: Myriad Pro, Arial, Verdana, sans-serif;
    padding: 5px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right:5px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

a.submit_button_green {
    background: #3d8f00 url(../images/button-green.png) repeat-x top left;
    border: 1px solid #3d8f00;
    color: #ffffff;
    font-family: Myriad Pro, Arial, Verdana, sans-serif;
    padding: 5px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right:5px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

input[type="radio"] {
	margin-bottom: 	0 !important;
	margin-right: 	10px;
	margin-left:	10px;
	width: auto;
}


input[type="submit"], button#validate, .orangeBtn {
    background: #e78e01 url(../images/button-orange.png) repeat-x top left;border: 1px solid #da8602;color: #ffffff;font-family: Myriad Pro, Arial, Verdana, sans-serif;padding: 5px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-right:5px;
}

a.button {
    background: #e78e01 url(../images/button-orange.png) repeat-x top left;
    border: 1px solid #da8602;
    color: #ffffff;
    font-family: Myriad Pro, Arial, Verdana, sans-serif;
    font-weight:bold;
    padding: 5px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float:right;
}

a.launch_bak_printing-color {
     background: #3d8f00 url(../images/button-green.png) repeat-x top left;
     border: 1px solid #3d8f00;
     color: #ffffff;
     font-family: Myriad Pro, Arial, Verdana, sans-serif;
     font-weight:bold;
     padding: 5px 20px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     float:right;
}

a.launch_bak_printing-no-color {
    background: #e78e01 url(../images/button-orange.png) repeat-x top left;
    border: 1px solid #da8602;
    color: #ffffff;
    font-family: Myriad Pro, Arial, Verdana, sans-serif;
    font-weight:bold;
    padding: 5px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float:right;
}



a.button._inovia_disabled, a.button._inovia_disabled:hover {
    background: #D0D0D0 repeat-x top left;
    border: 1px solid #999999;
    color: #EEE;
    text-decoration: none;
    cursor: default;
}

.buttons a.big {
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);text-transform: uppercase;font-size:12px;border: 1px solid #da8602;color: #ffffff;font-family: Myriad Pro, Arial, Verdana, sans-serif;padding: 6px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-right:5px;
}

input[type="reset"] {
    background: #8f0000 url(../images/button-red.png) repeat-x top left;border: 1px solid #8f0000;color: #ffffff;font-size: 12px;padding: 5px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px; 
}

input[type="submit"]:hover, input[type="reset"]:hover {
    cursor: pointer;
}

/* Buttons classes */
input.orange, .button.orange {
    background: #e78e01 url(../images/button-orange.png) repeat-x top left;border: 1px solid #da8602;color: #ffffff;font-size: 12px;padding: 5px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
input.green, .button.green {
    background: #3d8f00 url(../images/button-green.png) repeat-x top left;border: 1px solid #3d8f00;color: #ffffff;font-size: 12px;padding: 5px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
input.red, .button.red {
    background: #8f0000 url(../images/button-red.png) repeat-x top left;border: 1px solid #8f0000;color: #ffffff;font-size: 12px;padding: 5px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
input.grey, .button.grey {
    background: #726E6D url(../images/button-grey.png) repeat-x top left;border: 1px solid #726E6D;color: #ADADAD;font-size: 12px;padding: 5px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}

input.blue, .button.blue {
    background: #8f0000 url(../images/button-blue.png) repeat-x top left;border: 1px solid #8f0000;color: #ffffff;font-size: 12px;padding: 5px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}

input.purple, .button.purple {
    background: #821876 linear-gradient(#a52b97, #68145e);
}

input.blueish, .button.blueish {
    background: #5482be linear-gradient(#5482be, #253c58);
}

form[name=frontofficeaccountcreate] input[type=text], form[name=frontofficeaccountcreate] input[type=password], form[name=frontofficeaccountcreate] textarea {
    width:280px;
}

.form_element {
    background: #f4f4f1;margin-left:0px; margin-right:5px;border-left: 3px solid #e7e6e1;border-bottom: 2px solid white;padding: 10px;
}

.form_element_long {
    background: #f4f4f1;margin-left:0px; margin-right:5px;border-left: 3px solid #e7e6e1;border-bottom: 2px solid white;padding: 10px;
}

fieldset {
    background: #f4f4f1;margin-left:0px; margin-right:5px;border-left: 3px solid #e7e6e1;border-bottom: 2px solid white;
}

fieldset .form_element {
  border-left:none; padding-top:10px;
}
label, .row_decorator label {
    float: left;width: 180px;
}
form[name="frontendordercreatestep0"] label {
    width: 210px;
}

.form_element_long label {
    float: left;width: 850px;  
}

input[type='text'].error,input[type='textarea'].error {
    border: 1px solid #9d0000;
}
input[type='checkbox'] {
    float: left;margin-top: 6px;
}

fieldset span.error {
    background: #f8f1f1;border: 1px solid #ff8585;color: #bd0000;clear: both;display: block;font-size: 12px;font-weight: bold;margin-top: 10px;padding: 5px 10px;
}

span.error {
    background: #f8f1f1;border: 1px solid #ff8585;color: #bd0000;clear: both;display: block;font-size: 12px;font-weight: bold;margin-top: 10px;padding: 5px 10px;
}
span.warning {
    ;border: 1px solid #EE962A;color: #EE962A;clear: both;display: block;font-size: 12px;font-weight: bold;margin-top: 10px;padding: 5px 10px 5px 25px;
    background: #f8f1f1 url('/static/images/icon-alert.png') no-repeat 5px 5px;
}
span.element_label.inline-datepicker-element {
    padding-right: 20px !important;
}
div.error input.error {
    border: none;color: #bd0000;
}

fieldset div.side-input {
    float: left;width: 50%;
}
fieldset div.side-input span.error {
    float: left;clear: both;display: block;margin-left: 170px;width: 234px;
}
fieldset div.side-input input[type='text'] {
    width: 244px;
}
fieldset .separator {
    background: transparent;height: 20px;
}
.form_element.error {
    background: #f9e5e5;border-left: 3px solid #ff8585;
    height:auto;
}

.form_element.error-light {
    background: #f9e5e5;
}

.form_element_long.error, .form_row.error {
    background: #f9e5e5;border-left: 3px solid #ff8585;
}
fieldset.good {
    background: #f4fcf3;border-left: 3px solid #85ca88;
}
.error-icon,.good-icon {
    margin-left: 10px;margin-top: 4px;
}
.info-icon {
    float: left;margin-left: 10px;
}
span.info {
    color: #7f7d73;float: left;font-size: 10px;margin: 0;margin-left: 5px;width: 70px;
}
.buttons {
    float: right;margin-top: 20px;
}
.buttons .button {
    border: none;cursor: pointer;margin-left: 10px;
}

/** Cheat On EXTJS **/


/* Login */
.login {
    margin: 15px auto;width: 595px;
}
.login-wrapper {
    padding: 10px;
}
input[type="text"].login , input[type="password"].login {
    background: url(../images/login-input.png) repeat-x;border: 1px solid #d7d6cd;font-size: 12px;padding: 8px;width: 219px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
.login input[type='text'].error,.login input[type='textarea'].error,.login input[type='password'].error {
    border: 1px solid #9d0000;
}

.error-icon,.good-icon {
    background: url(../images/icon-error.png) no-repeat right;
    margin-left: 10px;margin-top: 4px;
}

.login label {
    color: #393936;font-weight: normal;width: 170px;padding-top:20px;
}
.login label.error {
 color: #9C1212;
 font-weight:bold;
 background: transparent;
 border: 0px solid #f5a7a7;
 margin: 0px auto;
 padding: 0px 0px;
 width: 170px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
}

.login button {
    margin-right: 125px;margin-top: 10px;padding: 6px 20px 3px;
}
.login span.error {
    background: #f8f1f1;
    border: 1px solid #ff8585;
    color: #bd0000;
    clear: both;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 170px;
    margin-top: 0px;
    padding: 5px 10px;
    width:219px;
}
div.accordeon form {
    overflow:auto;
    border-bottom:none;
    background-color: #F4F4F1;
}

form label.error {
 color: #9C1212;
 font-weight:bold;
 background: transparent;
 border: 0px solid #f5a7a7;
 margin: 0px auto;
 padding: 0px 0px;
 width: 170px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
}

.accordeon form div.errors {
    background: #f5dfdf;border: 1px solid #f5a7a7;margin: 10px auto;padding: 10px 20px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}

.accordeon label[for^=multiline_grouped_invoicing-], .accordeon label[for^=multiline_gc_process-]{
	width: auto;
	font-weight: normal;
	cursor: pointer;
	padding: 5px;
}

.login div.errors {
    background: #f5dfdf;border: 1px solid #f5a7a7;margin: 10px auto;padding: 10px 20px;width: 500px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
.login div.errors h4 {
    background: url(../images/icon-alert.png) no-repeat;color: #360000;font-size: 11px;font-weight: bold;margin-bottom: 10px;padding: 1px 0 3px 25px;text-transform: uppercase;
}
.login div.errors p {
    color: #360000;font-size: 11px;
}

.form_element.radio {
    overflow:auto;
}

.form_element.overflow {
    overflow:auto;
}

.form_element_long.overflow {
    overflow:auto;
}

span.element_label {
    float:left;
}
 
.form_element textarea {
    width:100%;
 }
 
div.form_row {
    border-bottom: 2px solid white;
    overflow:auto;
    position:relative;
}

div.form_row .left {
    width: 50%;
}
div.form_row .left textarea {
    width: inherit;
}

div.form_row .form_element {
    border-bottom:none;
}

div.form_row .strict .form_element input {
    padding: 5px;
    margin: 0px;
    width: auto;
}

div.form_row .strict .form_element label {
    margin: 0 5px 0 0;
}

div.form_row .small .strict .form_element label {
    width: 60px;
} 

div.form_row .form_element.error {
    background: #f9e5e5;border-left: 3px solid #ff8585;
}

div.inline-datepicker-element {
    overflow:auto !important;
}

div.inline-datepicker-element label {
    padding-left:10px !important;
    width:150px !important;
    padding-top:7px !important;
}

.inline-datepicker-element input {
    width: 110px !important;
    color: #666 !important;
    border: 1px solid #DDD !important;
    vertical-align:middle !important;
    height:22px !important;
    margin-right:-5px !important;
    padding: 0px 0 !important;
}

.inline-element input[type="file"] {
    /*overflow:auto;*/
    width: 262px !important;
    color: #666 !important;
    border: 1px solid #DDD !important;
    vertical-align:middle !important;
    padding: 5px 0 !important;
}


.inline-element input:text {
    color: #666 !important;
    border: 1px solid #DDD !important;
    vertical-align:middle !important;
    padding: 5px 0 !important;
}


input.inline-element {
    color: #666 !important;
    border: 1px solid #DDD !important;
    vertical-align:middle !important;
    padding: 5px 0 !important;
}



div.inline-element label {
    padding-top:7px !important;  
}

div.inline-element-long {
    padding-left: 10px !important;
    display:inline-block !important;
    width:100% !important;
    border:none;
}

div.inline-element-long input {
    margin-left: 5px !important;
    color: #666 !important;
    border: 1px solid #DDD !important;
    vertical-align:middle !important;
    padding: 5px 0 !important;
    height: 12px !important;
    padding-top:-7px;
}

input.inline-initials {
    margin-left: 5px !important;
    color: #666 !important;
    border: 1px solid #DDD !important;
    vertical-align:middle !important;
    padding: 5px 0 !important;
    height: 12px !important;
    padding-top:-7px;
    width:100px;
}

select.inline-initials {
    margin-top:5px !important;
}

div.inline-initials {
    display:inline-block !important;
    overflow:auto !important;
    border-left:none;
}

div.inline-initials label {
    padding-left:10px !important;
    width:160px !important;
    padding-top:7px !important;
}

input.inline-initials-first {
    margin-left: 5px !important;
    color: #666 !important;
    border: 1px solid #DDD !important;
    vertical-align:middle !important;
    padding: 5px 0 !important;
    height: 12px !important;
    padding-top:-7px;
    width:130px;
}

div.inline-initials-first {
    display:inline-block !important;
    overflow:auto !important;
}

div.inline-initials-first label {
    padding-left:10px !important;
    width:170px !important;
    padding-top:7px !important;
}

div.inline-element-long label {
    width:170px !important; 
}

div.left_50 {
    float: left;
    width: 50%;
}

div.summary {
    background: #fff;
    margin-left:0px; 
    margin-right:5px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.37);
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.37);
    padding: 10px;
}

div.summary table {
    background: #fff;
    border:none;
    width:100%;
}

div.summary td.label {
   width:150px !important;
   background: #fff;
   color:black !important;
   font-size:12px !important;
   text-transform: uppercase !important;
   pladding:0px;
}

div.summary tr.files:hover td { background-color: rgba(0,168,255,0.15) !important; }
div.summary tr.files td { background: #FFFFF; !important }

div.summary td.label.file {
   width:70% !important;
   background: #fff;
   color:#999087 !important;
   font-size:12px !important;
}

div.summary td.data {
   font-weight:bold;
   background: #fff;
   color:#778899 !important;
   font-size:12px !important;
   vertical-align : top !important;
}


div.summary td {
   background: #fff;
   
}

.form_element.overflow .description {
    padding-top: 3px;
    float:right;
}

div.delivered-to-janitor label {
    width: 250px;
}

div.form_element.file_exists {
    padding: 1px 0;
}

div.form_element.file_exists .inform {
    margin: 0 auto;
    padding:2px 5px 0px;
}

div.form_element.file_exists .inform h4 {
    margin: 0;
}

form .errors, .form .errors,.error li {
    color:          #bf3535;
    display:        block;
    font-size:      11px;
    font-style:     italic;
    margin-bottom:  2px;
}

form div.errors, .form div.errors {
    color:          #000;
    display:        block;
    font-size:      11px;
    margin-bottom:  5px;
    background:     #DE6666;
    border:         3px double #bf3535;
    margin-bottom:  10px;
    padding:        5px;
    font-style:     normal;
}

form .errors b, .form .errors b {
    font-size:      10px;
    font-style:     normal;
    text-transform: uppercase;
}

.form_element.overflow.radio span.element_label label {
    float:none;
}

.x-form-trigger.x-form-date-trigger {
    margin-top:-0.5px !important;  
}

.xls-tool span.element_label input.error {
    border: #BD0000 1px dashed;
    margin-bottom: 2px;
}

.xls-tool span.element_label, .xls-tool span.element_label input {
    float:right;
}
.xls-tool label {
    width: auto;
}
.xls-tool span.element_label input[type=text] {
    width: 60px;
}
.xls-tool span.element_label input[type=file] {
    padding: 0;
}
.xls-tool fieldset {
    background:none;
    border-left: inherit;
}
.xls-tool fieldset .form_element {
    border-left: 3px solid #E7E6E1;
}
.form_element.overflow.label_only {
    height: 64px;
    vertical-align: center;
}

.edit-matim-row-buttons {
    position:absolute; 
    bottom:0px; 
    width:100%;
}

table#fundscall-documents { width: 100%; font-size:11px; margin-bottom: 20px;}
table#fundscall-documents thead tr th, table#fundscall-documents tfoot tr td.footer {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size:11px;
    padding: 4px;
}
table#fundscall-documents tbody tr td.align-center, table#fundscall-documents tfoot tr td.align-center{
	text-align: center;
}
table#fundscall-documents tbody tr.even{
	background-color: #E6E6E6;
}
table#fundscall-documents thead tr .header{
    background-image: url("../images/small-icons/bg.gif");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 20px;
}
table#fundscall-documents tbody tr td a{
    color: #828075;
    font-size: 10px;
    font-weight: normal;
}
form#frontend-order-create-step3 #fundscall-documents-add{
	padding: 0 10px;
}
form#frontend-order-fundscall-assimilated-step3 fieldset{ padding: 10px; }
form#frontend-order-fundscall-assimilated-step3 fieldset legend{
    font-size: 1.2em;
    font-weight: bold;
}
form#frontend-order-fundscall-assimilated-step3 input#building_number{
    width: 150px;
}
form#frontend-order-fundscall-assimilated-step3 #cancelBtn, form[name=backendOrdersRunningEdit] #cancelBtn{
   background: url("../images/button-orange.png") repeat-x scroll left top #E78E01;
   border: 1px solid #DA8602;
   color: #FFFFFF;
   font-family: Myriad Pro,Arial,Verdana,sans-serif;
   margin-right: 5px;
   padding: 0px 20px;
   margin-bottom: 20px;
   margin-top: 20px;
   border-radius: 5px;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: bold;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
   text-transform: uppercase;
   width: auto;
}

table.tableSort {
    width: 100%;
    font-size:11px;
    margin-top:144px;
    .margin-top:164px;
}

table.tableSort .header,
table.tableSort .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}

table.tableSort .sorter-false {
    background-image: none;
    padding: 4px;
}

table.tableSort thead .headerSortUp,
table.tableSort thead .tablesorter-headerSortUp,
table.tableSort thead .tablesorter-headerAsc {
    background-image: url(../images/small-icons/asc.gif);
}

table.tableSort thead tr .headerSortDown {
    background-image: url(../images/small-icons/desc.gif);
}

table.tableSort thead .headerSortDown,
table.tableSort thead .tablesorter-headerSortDown,
table.tableSort thead .tablesorter-headerDesc {
    background-image: url(../images/small-icons/desc.gif);
}

table.tableSort thead tr th, table.tableSort tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size:11px;
    padding: 4px;
}
table.tableSort thead tr .header {
    background-image: url(../images/small-icons/bg.gif);
    padding-right:20px;
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tableSort thead tr .headerSortDown, table.tableSort thead tr .headerSortUp {
    background-color: #8dbdd8;
}
table.tableSort tbody td {
    color: #3D3D3D;
    padding: 4px;
    vertical-align: middle;
}


/* ExtJS CSS for MultiSelect*/
.ux-mselect{
    overflow:auto !important;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
    border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above {
    border-top:1px dotted #3366cc;
}
.x-view-drag-insert-below {
    border-bottom:1px dotted #3366cc;
}