body {
    font-family:'Trebuchet MS',Arial;
    margin:0;
	padding:0;
    background-color:white;
    background-repeat:repeat-x;
    background-attachment:fixed;
}
body, table, td, th, input textarea, select, option, div, span {
    color:#000000;
    font-size:11px;
}
span {
    margin-left:6px;
}
.cspan {
    color:black;	
}
.cspanb {
    color:black;
    font-weight:bold;	
}
.gspan {
    color:green;	
}
.gspanb {
	color:green;
    font-weight:bold;	
}
.dgspan {
    color:#006633;    
}
.dgspanb {
    color:#006633;
    font-weight:bold;   
}
.rspan {
    color:#CC0000;	
}
.rspanb {
	color:#CC0000;
    font-weight:bold;	
}
.bspan {
    color:blue;	
}
.bspanb {
	color:blue;
    font-weight:bold;	
}
.bckspan {
	background-color:#FFFFCC;
}
.grspan {
    color:gray;
}
form {
    display:inline;
}

select, input[type="text"], input[type="password"] {
    border: 1px solid #b4b4b4;
    box-sizing: border-box;
    font: inherit;
    height: 25px;
    line-height: 25px;
	margin: 0;    
}
input, textarea {
    color:#000000;
    font-size:11px;
    background-color:#FFFFCC;
    border:1px solid #b4b4b4;
    padding:3px;
}
input[type="radio"], input[type="checkbox"] {
    border:0px;
    background-color:transparent;
    margin-right:5px;
}
input[readonly], select[readonly] {
	background:transparent;
	pointer-events: none;
}
input:focus, select:focus {
    outline: none;
}
input:-moz-placeholder {color:gray;}
input::-webkit-input-placeholder {color:gray;}
select {
    appearance: none; 
    -moz-appearance: none;
	background-color:#FFFFCC;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23808080"%3E%3Cpath d="M5.5 7h9l-4.5 5L5.5 7z"/%3E%3C/svg%3E'); 
    background-repeat: no-repeat;
    background-position: right 5px center; 
    background-size: 15px; 
	border: 1px solid #b4b4b4;
    color: #000000;
    cursor: pointer;
    font-size:11px;
    margin: 0;
    padding: 3px 20px 3px 3px;
}
select option {
    line-height: 25px;
    padding: 4px;
}

img {
	border:0px;
}
fieldset {
    border:1px #CBCBCB solid;
    border-radius:10px;
    margin-top:5px;
    padding:8px;
}
legend {
    color:#0080C1;
    font-size:1.2em;
    margin-bottom:4px;
}
label {
	color:#000000;
	cursor:pointer;
	float:left;
    font-size:11px;
    height:25px;
    margin-left:10px;
    padding-top:3px;
    width:150px;
}
label .small {
    width:100px;
}
a {
    color:black;
	text-decoration:none;
}
a:hover {
    color:#0080C1;
	text-decoration:underline;
}
.tinylink {
	color:#0080C1;
	margin:0px 6px 0px 6px;
}
.tinylink:hover {
	text-decoration:underline;
}
.link {
    color:green;
    font-weight:bold;
}
.link:hover {
    text-decoration:underline;
}
.alert {
    font-size:11px;
    font-weight:bolder;
    color:#CC0000;
    padding:0px 0px 0px 6px;
}
.alert:hover {
    text-decoration:underline;
}
.textbig {width:250px;}
.text200 {width:200px;}
.textacc {width:180px;}
.text150 {width:150px;}
.text90 {width:90px;}
.textpln {width:90px;text-align:right;}
.textdate, .textphone {width:90px;}
.textperc {width:60px;text-align:right;}
.textcode {width:60px;}
.textdoc {width:90px;}
.divdate {display:inline-block;}
.myd {
    padding:2px;
    float:left;
    width:100%;
}
.myl {
    font-size:11px;
    width:200px;
    float:left;
}
.myr {
    font-size:11px;
    width:500px;
    float:left;
}

.fd {
	box-sizing: border-box;
	float: left;
	margin: 0 0 3px 0;
    width: 50%;
}
.fdb > .fd {
    margin-bottom: 0;
}
.fdb {
    width:100%;
    float:left;
    margin-bottom:3px;
}
.fdbl {
    color:#0080C1;
    cursor:pointer;
    width:100%;
    float:left;
    margin-bottom:3px;
    font-weight:bold;
}
.fdbl:hover {
    text-decoration:underline;
}
.fds {
    width:30%;
    float:left;
    margin-bottom:3px;
}
.inlinedates {
    float:left;
    border:0px;	
}
.formbuttons {
    font-size:12px;
    float:left;
}
.ths {
	width:16px;
	height:16px;
}
.linkths {
	margin-left:15px;
	width:16px;
	height:16px;
}
.aths {
	margin:1px;
	width:128px;
	height:96px;
}
.oths {
	margin:1px;
	width:100px;
	height:75px;
}
.criteria {
	margin-left:6px;
	float:left;
}
.imgs {
    float:left;
    border:0px;
    margin-right:10px;
}

.uploadtr {
    width:100%;
    clear:both;
    padding:5px 0px 5px 0px;
}
.uploadth {
    float:left;
    text-align:center;
    font-weight:bold;
}
.fileinput {
	width:200px;
	float:left;
	position:relative;
	text-align:right;
}
.filedel {
	width:30px;
	float:left;
	text-align:right;
}
.fakefile {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.file {
	position:relative;
	text-align:right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity:0;
	z-index:2;
}
.lths {
	width:12px;
	height:12px;
	margin-left:10px;
}
.othr {
    padding:10px;
    clear:both;
    color:#0080C1;
}
.yui-skin-sam .yui-dt tr.mark, 
.yui-skin-sam .yui-dt tr.mark td.yui-dt-asc, 
.yui-skin-sam .yui-dt tr.mark td.yui-dt-desc, 
.yui-skin-sam .yui-dt tr.mark td.yui-dt-asc, 
.yui-skin-sam .yui-dt tr.mark td.yui-dt-desc { 
    background-color: #D7ECBF; 
    color: #fff;	
}
.yui-skin-sam .yui-dt tr.sel, 
.yui-skin-sam .yui-dt tr.sel td.yui-dt-asc, 
.yui-skin-sam .yui-dt tr.sel td.yui-dt-desc, 
.yui-skin-sam .yui-dt tr.sel td.yui-dt-asc, 
.yui-skin-sam .yui-dt tr.sel td.yui-dt-desc { 
    background-color: #FFFF99; 
    color: #fff;    
}   
.ccenter, 
.yui-skin-sam .yui-dt .ccenter {text-align:center;}
#div_radios {
	float:left;
	width:50%;
}
#div_warnings {
    clear:both;
    font-weight:bold;
    color:#CC0000;
    margin-top:30px;
    border:1px solid #CC0000; 
    padding:5px 8px 5px 8px;
}
#div_comments {
    clear:both;
    font-weight:bold;
    color:#0080C1;
    padding:5px 0px 0px 8px;
}
#div_suggest {
	font-weight:bold;
	color:#0080C1;
	float:right;
	width:48%;
}
#ul_tabs em {
	font-weight:bold;
}
#div_uploadform {
	overflow-y:scroll;
	height:350px;
	padding:10px;
	font-size:12px;
}
#tschedule,#upload,#tinfo {
    background-color:#FFFFFF;
	font-size:11px;
	color:#CBCBCB;
	border:1px solid #CBCBCB;
	border-width:1px 1px 1px 1px;
	border-collapse:collapse;
	width:800px;
}
#tschedule tr:hover {
	background-color:#FFFFCC;	
}
#tschedule th,#upload th,#tinfo th {
    text-align:center;
    padding:3px;
    background-color:#E5E6E6;
}
#tschedule td,#upload td {
    text-align:right;
    padding: 3px 5px 3px 3px;
    border:1px #CBCBCB solid;
}
#tinfo td{
    padding-left:5px;
    border:1px #CBCBCB solid;	
}
#allegro_result, #ann_result {
    margin:5px 5px 5px 15px;
}
#div_button_zw, #div_button_ins, #div_ask_ins {
    width:100%;
    text-align:right;
}
#div_ins_suggest {
	width:60px;
    float:left;
    margin-bottom:20px;
    margin-right:8px;
}
#systemtop {
	background-color: #3f51b5;
	min-height:40px;
}
#systemname {
	float:left;
}
#loggedname {
	float:left;
	font-size:11px;
	font-weight:bold;
	color:white;
	padding:5px 0px 0px 10px;
}
#quickappsearch{
    margin-top:15px;
    color:white;	
}
#quickappsearch input{
    background-color:#F4F5F5;
    padding:3px;	
    -moz-border-radius:5px;
    border-radius:5px;
}
#syscomment {
	float:right;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#E36E39;	
	padding:5px 20px 0px 0px;
}
#systemmenu {
	clear:both;
	padding:1px;
}
#systemmenu img {
    margin-right: 8px;
    padding-top: 5px;
}
#systemmenu a {
    padding-bottom:1px;
    font-size:13px;
}
#app_clientname {
    width:95%;
    margin:10px;
    font-size:12px;
    font-weight:bold;
    color:#0080C1;	
}
#app_header div,#app_header span {
	font-size:12px;
}
#app_legend {
	border-top:1px #CBCBCB solid;
}
#app_legend span{
	font-size:11px;
	margin:0px 4px 0px 1px;
	padding:2px 10px 0px 6px;	
}
#app_prd_name, #app_status, #app_affair, #app_gap {
	border-right: 1px #CBCBCB solid;
}
#app_buttons, #app_blank {
    margin-top:4px;
    height:25px;	
}
#div_button_check button {background: url(https://cdn.cls.pl/img/db-reload.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_save button,#div_save_params button,#div_button_save_carinsurance button {background: url(https://cdn.cls.pl/img/save.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_ak button,#div_button_copy button,#div_button_go_carinsurance button {background: url(https://cdn.cls.pl/img/przejdz.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_send button, #div_button_sign button, #div_button_prepare button {background: url(https://cdn.cls.pl/img/doc-next.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_progress button {background: url(https://cdn.cls.pl/img/right.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_complete_agreement button {background: url(https://cdn.cls.pl/img/user.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_signed button, #div_button_disburse button {background: url(https://cdn.cls.pl/img/note-ok.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_rewind button,#div_button_back button {background: url(https://cdn.cls.pl/img/action_back.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_correct button,#div_button_recalc button {background: url(https://cdn.cls.pl/img/cash.png) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_send_2calculation button {background: url(https://cdn.cls.pl/img/right.gif) 5px no-repeat;text-indent:20px;font-size:12px;}
#div_button_calculation_ready button {background: url(https://cdn.cls.pl/img/doc-download.gif) 5px no-repeat;text-indent:20px;font-size:12px;}

#fs_next_manual label, #fs_item_details label {
    width:100px;
}
#dchrome {
    width:400px;
    text-align:center;
    clear:both;
    margin:20px auto;
}
#achrome {
    text-decoration:none;
}
#achrome div {
    width:300px;
    text-align:center;
    font-size:10px;
    color:gray;
}
.iter {
	font-size:14px;	
}
li .yuimenuitem {
    font-size:12px;
    height:20px;
    padding-left:10px;
}
/* Style dla ikon: */
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.blue  {	color: #006CAE;	 }
.material-icons.green { color: #00aa00;  }
.material-icons.red   { color: #800000;  }
.material-icons.yellow{ color: #F28327;  }