@charset "utf-8";
/* CSS Document */

/****************************************/
/* MAIN STYLES */
/****************************************/
* {	margin:0px; padding: 0px; }

html, body { height:100%; }

body { background-color:#f7f7f7; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3c4448; }
form { display: inline; }

input, select { vertical-align: middle; }

select { min-height: 17px; }

.clear { clear:both; }

.logo { color:#ffffff; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:22px; line-height:95px; text-shadow:black 0 0 3px; text-transform:uppercase; float:left; background-image: url(../img/logo.png); display: block; height: 46px; width: 165px; position: absolute; top: 25px; left: 40px; }

.wrapper { position:relative; min-width:1300px;  min-height: 100%; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; }

* html .wrapper { height: 100%; }

.header { height:95px; padding-right:10px; padding-left:10px; position:relative; background-image:url(../img/bg_header.jpg); background-repeat:repeat-x; }

.content { padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:20px; overflow:hidden; }
.content h1 { margin:15px 10px 5px; font-size: 16px; float: left; clear:both; }
.content h2 { margin:15px 10px 5px; font-size: 14px; float: left; clear:both; }
.content p { padding-bottom:5px; }
.content a { color:#3c4448; }
.content a:hover { text-decoration:none;}

.footer { text-align:right; font-size:11px; background-image:url(../img/pic.jpg); background-repeat:repeat-x; background-position:left top; height: 40px; margin-top: -40px; }

.menu { height:55px; position:absolute; top:38px; right:10px; }
.menu a { display:block; font-size:12px; text-decoration:none; }

.lang { height:22px; position:absolute; right:10px; width:125px; top:3px; }
.lang select { border: 0; }
.lang a { line-height:22px; font-size:12px; color:#FFF; height:22px; width:25px; text-align:center;	float:left; text-decoration:none; }
.lang a:hover { color: #FA9600; }

.lang_activ { line-height:22px; font-size:12px; text-decoration:none; background-image:url(../img/lang_activ.jpg); display:block;	height:22px; width:25px; background-repeat: no-repeat; text-align:center;	float:left; }
.lang_activ a { color: #FA9600; }

/****************************************/
/* CONFIGURATION LINE */
/****************************************/
.configuration { height: 20px; position: absolute;	right: 150px; }
.configuration a { color: #FA9600; line-height: 22px; font-size: 12px; display: block; float: left;	padding-left: 22px;	background-position: 0px 0px; background-repeat: no-repeat;	margin-right: 10px; }
.configuration a:hover { color: #FA9600; line-height: 22px;	font-size: 12px; text-decoration: none; }

#ico_conf { background-image:url(../img/configuration.png);	background-position:0px 0px; }
#ico_cab { background-image:url(../img/configuration.png); background-position:0px -22px; }
#ico_log_off { background-image:url(../img/configuration.png); background-position: 0px -66px; }

/****************************************/
/* TABLE */
/****************************************/

table { border-collapse:collapse; border-spacing:0px; border:0; empty-cells:show; }
table tr { height:18px; }
table tr td { padding-bottom:5px; vertical-align: middle;}

table .line { border-bottom-color:#cfcfcf; border-bottom-width:1px; border-bottom-style:dotted; }

table.details tr { line-height:24px; }

.list { width: 100%; } 
.list tr:hover { background-color:#f2f2f2; color:#3c4448; }

.list td, .list th { padding: 4px 2px; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: #CFCFCF; }
.list td a, .list th a { padding-right: 5px; text-align: center; }

.list .f-column { border-left: none; }

.list td input, .list th input { height: 14px; }

.details { margin-left: 20px; }
.details tr { line-height: 25px; }
.details td.title { text-align: left; vertical-align: top; font-weight: bold; width: 250px; }
.details td.value { vertical-align: top; }
.details td.value select { width: 280px; margin-top: 5px !important; }
.details td.value input.input-text, .details td.value textarea { width: 274px; margin-top: 5px !important;}
.details td.value input.input-file { width: 248px; height: 22px; margin-top: 5px !important;}
.details td.value a.download { width: 22px; height: 22px; margin-top: 5px !important; border: 1px solid #ccc; display: block; float:left; margin-left: 2px; background: url(../img/download.png) no-repeat 0 0;}
.details input.input-text, textarea, select { background: none repeat scroll 0 0 #FFFFFF; border-color: #AAAAAA #C8C8C8 #C8C8C8 #AAAAAA; border-style: solid; border-width: 1px; font: 12px arial,helvetica,sans-serif; }
.details input.input-text, textarea { padding: 0 2px; }
.details input.input-file { border: none; }

/****************************************/
/* CONTENT POSITION BLOCKS */
/****************************************/
.block_c { width:100%; clear:both; overflow:hidden; }
.block_r { float:right; width:50%; }
.block_l { float:left; width:50%; }

.block_ok { float:right; padding-right:10px; }
.block_ok a { padding-right:10px; }

/****************************************/
/* WIDGET STYLE */
/****************************************/
.widget { border-radius:4px; box-shadow:0 0 5px #858585; background-color:#FFFFFF; margin:10px; }
.widget input { border:1px solid #cfcfcf; font-size:11px; margin-left:2px; height: 17px; }
.widget textarea { border:1px solid #cfcfcf; font-size:11px; margin-left:2px; height: 60px; }
.widget select { border:1px solid #cfcfcf; font-size:11px; margin-left:2px; height: 19px; }

.widget_header { line-height:17px; background-color:#000000; border-radius:4px 4px 0px 0px; color:#FFFFFF; padding-right:5px; padding-left:5px; position:relative; font-weight:bold; }

.widget_content { padding:5px; background-image:url(../img/bg_widget.jpg); background-repeat:repeat-x; background-position:left 1px; overflow:hidden; padding: 15px 5px 5px 5px; }
.widget_content div.data { text-align:center; }
.widget_content div.data table { text-align:left; }

.label { overflow:hidden; padding-top:1px; padding-bottom:1px; margin-bottom:1px; }

.label2 { width:150px; text-align:right; display:block; float:left; padding-right:2px; }
.label2 strong , .label_filter strong { padding-top:1px; display:block; padding-bottom:1px; }

.label2f { width:200px; text-align:right; display:block; float:left; padding-right:2px; }

a.del { padding-left:11px; background-image:url(../img/del.jpg); background-repeat:no-repeat; display:block; float:right; background-position:left 2px; width:20%; }
a.del:hover { background-image:url(../img/del.jpg); background-position:left -19px; }

#filters input { width:148px; }
#filters select { width:150px; }

.filter { overflow:hidden; padding-top:1px; padding-bottom:1px; margin-bottom:1px; margin:0px 20px 0px 85px; }

.label_filter { overflow:hidden; background-color:#f2f2f2; padding-top:1px; padding-bottom:1px; margin-bottom:1px; margin:0px 20px 0px 105px; }

.line_filter { background-image:url(../img/line.jpg); height:10px; width:11px; display:block; float:left; margin-top:1px; margin-right:1px; margin-left:20px; }

.calendar_wrap { float:left; width: 140px; }
.calendar_wrap label { padding:2px 5px 0 20px; float:left; }

/****************************************/
/* PAGING STYLE */
/****************************************/
.pages { text-align:center; padding-top:10px; padding-bottom:5px; }
.pages a { padding-right:5px; padding-left:5px; }
.pages span { padding-right:5px; padding-left:15px; }

/****************************************/
/* NOTIFICATION STYLE */
/****************************************/
.success_msg { color: #3C4448; background-color:#eff5ea; background-image:url(../img/messages/success_msg_icon.gif); background-position:10px center; background-repeat:no-repeat; border:1px solid #95a486; border-radius:4px; font-size:11px; margin:10px; padding:5px 5px 5px 37px; }

.error_msg { color: #3C4448; background-color:#FAE8E8; background-image:url(../img/messages/error_msg_icon.gif); background-position:10px center; background-repeat:no-repeat; border:1px solid #FFA2AA; border-radius:4px; font-size:11px; margin:10px; padding:5px 5px 5px 37px; } 

/****************************************/
/* MENU STYLES */
/****************************************/
#menu_block { position: relative; float: left; }

a.menu_ico { padding: 30px 5px 5px 5px; background-repeat: no-repeat; background-position: center -75px; color: #FFF; border-radius: 4px; margin: 0 10px; }

li.menu_link { position: relative; }

#ico_home { background-image: url(../img/menu/ico_home.png); }
#ico_transactions {	background-image: url(../img/menu/ico_transactions.png); }
#ico_invoices {	background-image: url(../img/menu/ico_invoices.png); }
#ico_3rd-party_invoices { background-image: url(../img/menu/ico_3rd-party_invoices.png); }
#ico_analysis { background-image: url(../img/menu/ico_analysis.png); }
#ico_reconciliation { background-image: url(../img/menu/ico_reconciliation.png); }
#ico_administration { background-image: url(../img/menu/ico_administration.png); }
#ico_help { background-image: url(../img/menu/ico_help.png); }
#ico_reporting { background-image: url(../img/menu/ico_invoices.png); }
#ico_advanced { background-image: url(../img/menu/ico_advanced.png); }

.submenu { display: none; }
.submenu ul li { float: left; clear: both; width: 150px;}
.submenu ul li a { display: block; padding-top: 2px; color: #E66100; text-decoration: underline; }
.submenu ul li a:hover { color: #E66100; text-decoration: none; }
.submenu ul hr { height: 1px; border-top-width: 1; border-top-style: dotted; border-top-color: #7B828A; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

#submenu1 ul { list-style-type: none; border-radius: 4px; background-color: #FFF; padding: 5px; display: block; position: absolute; top: 45px; right:0; z-index: 100; margin-right: 10px; }

#submenu2 ul {list-style-type: none; border-radius: 4px; background-color: #FFF; padding: 5px; display: block; position: absolute; top: 10px; left:0; z-index: 1000; margin-left: -130px; margin-right: 130px; }

/****************************************/
/* LOGIN FORM STYLE */
/****************************************/
.auth { width:460px; margin-top:70px; margin-right:auto; margin-left:auto; border-radius:4px; box-shadow:0 0 5px #858585; background-image:url(../img/bg.png); background-repeat:repeat-x; background-color:#FFFFFF; background-position:left bottom; font-size:12px; }
.auth h1 { font-family:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:normal; padding-bottom:10px; }
.auth p { padding-bottom:10px; }
.auth a { color: #6ab8dd;text-decoration:none; float:left; }
.auth a:hover { color:#04557b; text-decoration:underline; }

.auth_top { background-image:url(../img/bg_top.jpg); background-repeat:repeat-x; height:30px; border-radius:4px 4px 0px 0px; line-height:30px; color:#FFFFFF; text-align:center; text-transform:uppercase; font-weight:bold; }

.auth_logo { background-image:url(../img/logo_login.png); background-repeat: no-repeat; width: 152px; height: 45px; }
.auth_logo h1 {display: none;}

.auth_border { padding: 25px; }

.input_item { line-height:21px; border-radius:4px; border:1px solid #c7cacd; padding:2px; }
.input_item:focus { border-radius:4px; border: 1px solid #6ab8dd; }

.label_item { width:150px; display:block; height: 25px; float:left; text-align:right; padding-right:5px; line-height:25px; }

.item { padding-bottom: 5px; }

.rememberme { padding-left:155px; padding-top:5px; padding-bottom:10px; }

.input_rememberme { line-height:25px; }

.submit { padding-top:5px;	overflow:hidden; line-height:25px; }

.input_submit { border:0; 	display:block; height:25px; width:90px; background-image:url(../img/submit.png); background-position:0px -25px;	background-repeat:no-repeat; border-radius:4px; float:right; }
.input_submit:focus { background-image:url(../img/submit.png); background-position:0px 0px; background-repeat:no-repeat; border-radius:4px; color:#04557b; }

.license { width:435px; margin-right:auto; margin-left:auto; padding-left:25px; margin-bottom:70px; font-size:11px; margin-top:5px; text-align:center; }

/****************************************/
/* BUTTONS */
/****************************************/
a.btn {
    margin: 0 4px;
}

.page_controls {
	margin: 15px 10px 5px;
	float: right;
}
.page_controls button {
	margin-left: 10px;
	padding: 1px 5px;
	color: #000000;
}
.page_controls button a {
	text-decoration: none;
}
.page_controls button:hover {
	color: #e66100; 
}
.page_controls button.achtung {
	color: #000000; 
}
.page_controls button.achtung:hover {
	color: #c00; 
}

button span {
    background-position: 0 50%;
    background-repeat: no-repeat;
    line-height: 1.35em;
}
button.cancel span, button.delete span, button.save span, button.add span, button.back span, button.add-image span, button.add-widget span {
    padding-left: 23px;
}
button.save span {
    background-image: url(../img/save.gif);
}
button.add span {
    background-image: url(../img/add.png);
}

/****************************************/
/* boxes */
/****************************************/

td {
    padding: 0;
    vertical-align: top;
}
.details td.label, .details td.value {
    background: none repeat scroll 0 50% transparent !important;
    border: 0 none !important;
    padding: 5px 0 0 !important;
}
.details td.label {
    width: 250px;
}

input, select {
    vertical-align: middle;
}

select {
    min-height: 17px;
}
.details td.value select {
    width: 280px;
    margin-bottom: 5px !important;
}
input.input-text, textarea, select {
    border-style: solid;
    font: 12px arial,helvetica,sans-serif;
}

input.input-text, textarea, select {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #AAAAAA #C8C8C8 #C8C8C8 #AAAAAA;
    border-style: solid;
    border-width: 1px;
    font: 12px arial,helvetica,sans-serif;
}
input.input-text, textarea {
    padding: 2px;
}

a.download { background: url(../img/download.gif) no-repeat 0 0; padding-left: 15px; }

.details td.value input.input-text, .details td.value textarea {
    width: 274px;
}

/****************************************/
/* sorting */
/****************************************/

.sort {
	padding-left: 15px;
	text-decoration: none;
	background: url(../img/nav/sort.png) no-repeat scroll 0 50% transparent;
}
.sort-asc {
	background: url(../img/nav/asc.png) no-repeat scroll 0 50% transparent;
}
.sort-desc {
	background: url(../img/nav/desc.png) no-repeat scroll 0 50% transparent;
}

/****************************************/
/* etc */
/****************************************/

.hint{
	color: #999;
	font-style: italic;
}
span.separator {
   	color: #B9B9B9;
   	padding: 0 4px;
}

a.action { text-decoration: underline; }
a.action:hover { text-decoration: none; }

.tooltip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	background-color: #cae4f0;
    	border: 1px solid #888f99;
    	border-radius: 4px;
	font-size: 11px;
    	margin: 1px;
    	padding: 5px 5px 5px 5px;
    	line-height: 12px;
}

.widget-column{
	width: 50%;
	float: left;
	cursor: move;
	min-height: 50px;
}

.widget-placeholder {
	background-color: #ccc;
	border: 1px dashed #666;
	height: 100px;
	margin: 10px;
}

#widget-config {
	padding: 5px;
	display: none;
}

#win_conf  {
	display: block;
	height: 12px;
	width: 12px;
	background-image: url(../img/min_wind.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	margin-top: 3px;
	position: relative;
	margin-right: 5px;
}

a:hover #win_conf {
	display: block;
	background-image: url(../img/min_wind.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#win_min {
	display: block;
	height: 12px;
	width: 12px;
	background-image: url(../img/min_wind.png);
	background-repeat: no-repeat;
	background-position: -12px top;
	float: right;
	margin-top: 3px;
	margin-right: 5px;
}

a:hover #win_min {
	background-image: url(../img/min_wind.png);
	background-repeat: no-repeat;
	background-position: -12px bottom;
}

#win_close {
	display: block;
	height: 12px;
	width: 12px;
	background-image: url(../img/min_wind.png);
	background-repeat: no-repeat;
	background-position: -24px top;
	float: right;
	margin-top: 3px;
}

a:hover #win_close {
	background-image: url(../img/min_wind.png);
	background-repeat: no-repeat;
	background-position: -24px bottom;
}

#widget-template-1,#widget-template-2,#widget-template-3,#widget-template-4 {
	display: none;
}

#help_conf  {
	display: none;
	position: absolute;
	z-index: 1000;
	border: 1px solid #cfcfcf;
	border-radius:3px;
	background-color: #FFC;
	top: 22px;
	right: 28px;
}

#help_min {
	display: none;
	position: absolute;
	z-index: 1000;
	border: 1px solid #cfcfcf;
	border-radius:3px;
	background-color: #FFC;
	top: 22px;
	right: 11px;
}

#help_close {
	display: none;
	position: absolute;
	z-index: 1000;
	border: 1px solid #cfcfcf;
	border-radius:3px;
	background-color: #FFC;
	top: 22px;
	right: -6px;
}

#help_widget {
	display: none;
	position: absolute;
	z-index: 1000;
	border: 1px solid #cfcfcf;
	border-radius:3px;
	background-color: #FFC;
	top: 22px;
}

.ht {
	height: 8px;
	width: 13px;
	background-image: url(../img/pop1.png);
	top: -8px;
	position: absolute;
	right: 10px;
}

.htt {
	height: 8px;
	width: 13px;
	background-image: url(../img/pop1.png);
	top: -8px;
	position: absolute;
	left: 10px;
}
.htext {
	color: #3c4448;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	line-height: 14px;
	font-weight: normal;
}

#export {
	background-image: url(../img/ep.png);
	background-position: left top;
	padding-left: 16px;
	background-repeat: no-repeat;
	line-height: 12px;
	margin-right: 10px;
}
/****************************************/


.trans_tab td, .trans_tab th {
    height: 18px;
    padding: 4px 5px 2px !important;
    border-right:1px dotted #000;
}
.config_widget {
    display: block;
    overflow: hidden;
    padding: 5px;
}
.config_widget ul {
    clear: both;
    float: right;
}

.config_widget ul li {
    display: inline;
    list-style-type: none;
}
#export {
    background-image: url("../img/ep.png");
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 12px;
    padding-left: 16px;
}

.ticket {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px #858585;
    margin-left: auto;
    margin-right: auto;
}

.ticket_cont {
    background-position: left 1px;
    background-repeat: repeat-x;
    overflow: hidden;
    margin: 10px;
}

#tab_ticket {

}

#tab_ticket caption {
    background-color: #000;
    color: #FFFFFF;
    text-align: left;
}


#tab_ticket td, #tab_ticket th {
    border-bottom: 1px dotted #000;
    padding-left: 5px;
    font-size: 10px;
    border: 1px solid #888F99;
}

#ticket_top_trans {
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 25px;
}

.widget_header_trans {
    background-color: #000;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    line-height: 17px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

/****************************************/
/* modal window */
/****************************************/

.modal table.details {
	margin: 10px;
}

.modal .details input {
	height: 17px;
}

.modal .error_msg {
	color: #000;
}

/****************************************/
/* overlay */
/****************************************/

#overlay {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity: 0.55;
	-khtml-opacity: 0.55;
	opacity: 0.55;
}

* html #overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}

/****************************************/
/* select2 */
/****************************************/

.select2-container--default .select2-selection--single {
	border: 1px solid #cfcfcf;
	border-radius: unset;
	margin-left: 2px;
	width: 150px;
}

.select2-container .select2-selection--single {
	height: 19px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #312E25;
	line-height: 19px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 18px;
	width: 13px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent transparent;
	border-width: 6px 3px 0 3px;
	margin-left: -3px;
	margin-top: -4px;
}

/****************************************/