/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear, .clr {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

.big-width{ text-align: center;width: 150px;margin: 15px 0; }
.euro-input{ padding: 4px 2px;font-size: 18px; }
.custom-position{ float:right; margin: 10px 0; }
.custom-position input{ width: 200px; }
.button{font-size: 12px;}
.margin-left-10{margin-left: 10px;}
.error_style{ background: #bf0000!important;color: #fff!important; }
.error_style td{ background:none!important; }
.error_style td label{ color: #fff!important; }

.loadingDetails{
	color: black;
	font-weight: bolder;
	font-size: 18px;
	width: 225px;
	height: 40%;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


#messageAlert{ margin-top: -72px;padding-top:10px; background:#F19F22;height: 50px;width: 100%;position: fixed;display:none;box-shadow: 0px 0px 10px;z-index: 600;}
#messageAlert .notice-text{ color:#fff;width: 465px; }
#messageAlert a{ margin:-7px 10px 0 0; cursor:pointer; }
#messageAlert .action-buttons{ margin:10px 0 0 150px; }
#messageAlert .alert-close-btn{ position: absolute;right: 0;top: 20px }
#messageAlert .alert-action-button{ color:#fff;border:1px solid #fff;padding: 5px 50px;margin-right: 60px; }

.statistics_table{ width:100%;table-layout: fixed; }
.statistics_table tbody tr td, .statistics_table thead tr th{ padding: 0px 5px!important;text-align: center; }

#accounts_transaction_list{ table-layout: fixed; }
#accounts_transaction_list .selector span, #accounts_transaction_list .selector select,#accounts_transaction_list .selector{ width:100%!important }
.show{ display: block; }
.hide{ display: none; }


/*BALANCE REPORT MODULE*/
.table_row{ display: table-row; }
.table{ display: table; }
.table_cell{ display: table-cell; }
.invoice-order-list{
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
}
table .table-cell.description{
  width: 33%;
  word-break: break-all;
}


input.custom_datepicker {
    background-image: url(../img-design/input-datepicker.png);
    background-position: 93px center;
    background-repeat: no-repeat;
    width: 110px;
  }


/*ORDER CONFIRMATION PREVIEW*/
.border-left-one{ border-left: 1px solid #000!important; }
.border-bottom-none{ border-bottom: none!important; }
.confirmation_wrapper{ background:#fff;padding: 10px; }
.confirmation_wrapper .header{ text-align: center;}
.confirmation_wrapper .header h1{ text-align: right;font-family: calibri!important;line-height: 20px;padding-top: 25px; }
#content .confirmation_wrapper table tbody tr td{ background: none;border: none;vertical-align: top;font-size: 16px; }
#content .confirmation_wrapper table tbody tr td.order_info_table { padding: 0 50px 0 0; }
#content .confirmation_wrapper table tbody tr td.client_info_table { padding: 0 0 0 50px; }

#content .confirmation_wrapper .main_table_wrapper{ border: 2px solid black; }
#content .confirmation_wrapper .main_table_wrapper td.label{ font-weight: bolder;color: #000; }
#content .confirmation_wrapper .main_table_wrapper td.value{ border-bottom: 1px solid black; }

#content .confirmation_wrapper table thead tr th{ color: #000;border:none; font-size: 18px;padding-bottom: 20px; }
#content .confirmation_wrapper .order_list{ border: 2px solid black; }
#content .confirmation_wrapper .order_list tr.totals td{ border-top: 1px solid #000 }
#content .confirmation_wrapper .order_list tr td{ border-bottom: 1px solid #000;color: #000; }
#content .confirmation_wrapper .order_list tr td.unitPrices,
#content .confirmation_wrapper .order_list tr td.code{border-left: 2px solid black;border-right: 2px solid black; }

.border_left{ border-left: 2px solid black!important; }
.border_right{ border-right: 2px solid black!important; }
.border_bottom{ border-bottom: 2px solid black!important; }
.border_top{ border-top: 2px solid black!important; }
.border_all{ border: 2px solid black!important; }