html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

* {
	margin:0;
	top:0;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#666
}

/* + Correction margins + */
.m10 { margin: 10px 0; }
.m15 { margin: 15px 0; }
.m20 { margin: 20px 0; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }

.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }


.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }


.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }


.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }



/* + Correction paddings + */
.pb0 { padding-bottom: 0!important; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }

.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }



img{
	display:block	
}

a {
	color:#004799;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

a.btn{text-decoration:none; display:inline-block; padding:10px 20px; font-size:14px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px 3px}
a.blue{
	color:#ffffff;
	border:1px solid #00326b;
	background: #0055b3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTViMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0055b3 0%, #00499b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0055b3), color-stop(100%,#00499b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0055b3 0%,#00499b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0055b3 0%,#00499b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0055b3 0%,#00499b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0055b3 0%,#00499b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055b3', endColorstr='#00499b',GradientType=0 ); /* IE6-8 */	
}

a.grey{
	color:#343c50;
	border:1px solid #bec5d3;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f7fa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f7fa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f7fa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f7fa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f7fa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f7fa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7fa',GradientType=0 ); /* IE6-8 */
}

a.red{
	background:#da0812;
    border:1px solid #da0812;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhMDgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjA3MTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #da0812 0%, #bf0711 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#da0812), color-stop(100%,#bf0711));
	background:-webkit-linear-gradient(top,  #da0812 0%,#bf0711 100%);
	background:-o-linear-gradient(top,  #da0812 0%,#bf0711 100%);
	background:-ms-linear-gradient(top,  #da0812 0%,#bf0711 100%);
	background:linear-gradient(to bottom,  #da0812 0%,#bf0711 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0812', endColorstr='#bf0711',GradientType=0 );
}

a.green{
	color:#ffffff;
	border:1px solid #4a6e2a;
	background:#6c9e3f;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzZjOWUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDg5MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,  #6c9e3f 1%, #5d8936 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#6c9e3f), color-stop(100%,#5d8936));
	background:-webkit-linear-gradient(top,  #6c9e3f 1%,#5d8936 100%);
	background:-o-linear-gradient(top,  #6c9e3f 1%,#5d8936 100%);
	background:-ms-linear-gradient(top,  #6c9e3f 1%,#5d8936 100%);
	background:linear-gradient(to bottom,  #6c9e3f 1%,#5d8936 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c9e3f', endColorstr='#5d8936',GradientType=0 );	
}

a.blue.loading span{
	background:url("../../system/themes/default/images/user/ajax-loader-white-blue-16.gif") no-repeat left center!important;
}

p, li, div{
	line-height:normal
}

input,
textarea{
	font-size:13px;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:normal;
	padding:10px 15px;
	line-height:1.5;
	color:#666666;
	background-color:#eceef4;
	border-top:solid 1px #acb3c2;
	border-left:solid 1px #b7becc;
	border-bottom:solid 1px #bec5d3;
	border-right:solid 1px #b8becc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);
}

input:disabled,
textarea:disabled{
    color: #bbbbbb;
	background: #fafbfd;
}

#logged input,
#logged textarea{
	padding:5px 10px 4px 10px;
}

input:focus,
textarea:focus{
	outline:0;
	background:#f9fc9e
}

input, 
select,
textarea{
	width:100%;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}

input.date-picker{
	padding-right:28px;
	background-image:url("../../system/themes/default/images/user/date-input-icon.png")!important;
	background-repeat:no-repeat!important;
	background-attachment:scroll!important;
	background-position:center right 8px!important
}

.error input,
.error textarea{
	border-top-color:#e05e67;
	border-left-color:#f06068;
	border-bottom-color:#fa6269;
	border-right-color:#f06169;
	color:#d90712;
	background-color:#feebec
}

body{
	background:#eceef4 url("../../system/themes/default/images/user/body-bg.jpg") repeat left top
}

#logged{
	background-image:url("../../system/themes/default/images/user/body-logged-bg.jpg")
}


.clear:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden
}

.clear{
	min-height:1px
}

* html .clear{
	height:1px
}

.loading-message {
	font-size: 18px;
	background: url("../../system/themes/default/images/user/ajax-loader-white-grey-176-16.gif") no-repeat center 70px;
	text-align: center;
	padding: 100px 0 100px 0;
	display: none;
}

.loading-message.show {
    display: block;
}

.i16{
	display:inline-block;
	vertical-align:top;
	width:16px;
	height:16px;
	background:no-repeat center center
}

.btn24{
	display:inline-block;
	vertical-align:top;
	padding:3px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px 3px
}

.btn24 span{
	display:block;
	width:16px;
	height:16px
}


/* Color 16x16 icons */
.iClrCheck{background-image:url("../../system/themes/default/images/user/icons/color/check.png")}
.iClrCross{background-image:url("../../system/themes/default/images/user/icons/color/cross.png")}

/* White 16x16 icons */
.iWhtEyeOpen{background-image:url("../../system/themes/default/images/user/icons/white/eye-open.png")}
.iWhtFile{background-image:url("../../system/themes/default/images/user/icons/white/file.png")}
.i16-wht-pencil{background-image:url("../../system/themes/default/images/user/icons/white/pencil.png")}
.i16-wht-trash{background-image:url("../../system/themes/default/images/user/icons/white/trash.png")}
.i16-wht-ok-circle{background-image:url("../../system/themes/default/images/user/icons/white/ok-circle.png")}
.i16-wht-ban-circle{background-image:url("../../system/themes/default/images/user/icons/white/ban-circle.png")}
.i16-wht-download{background-image:url("../../system/themes/default/images/user/icons/white/download.png")}
.i16-wht-file{background-image:url("../../system/themes/default/images/user/icons/white/file.png")}
.i16-wht-plus{background-image:url("../../system/themes/default/images/user/icons/white/plus.png")}
.i16-wht-copy{background-image:url("../../system/themes/default/images/user/icons/white/copy.png")}
.i16-wht-envelope{background-image:url("../../system/themes/default/images/user/icons/white/envelope.png")}
.i16-wht-money{background-image:url("../../system/themes/default/images/user/icons/white/money.png")}


table .left{text-align:left!important}
table .center{text-align:center!important}
table .right{text-align:right!important}
table .nowrap{white-space:nowrap!important}

.tableList,
.table-list table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:20px
}

.tableList, 
.tableList td,
.tableList th,
.table-list table, 
.table-list table td,
.table-list table th{
	vertical-align:middle
}

.tableList.top, 
.tableList.top td,
.tableList.top th,
.table-list table.top, 
.table-list table.top td,
.table-list table.top th{
	vertical-align:top
}

.tableList th,
.tableList th,
.table-list table th,
.table-list table th{
	padding:10px 10px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#e3e7f0;
	background:#343c50
}

.tableList th div span,
.table-list table th div span{
	color:#e3e7f0;
}

.tableList td,
.table-list table td{
	font-size:13px;
	color:#666666;
	padding:10px;
	border-bottom:1px solid #dfe2ea
}

.tableList tr:hover td,
.table-list table tr:hover td{
	background:#eceef4
}

.tableList .action,
.table-list table .action{
	text-align:right
}

.tableList td.action,
.table-list table td.action{
	white-space:nowrap;
	vertical-align:top;
	padding-top:6px;
	padding-bottom:6px
}

.req{
	font-weight:bold;
	color:#d90712
}

#header{
	position:fixed;
	background:url("../../system/themes/default/images/user/header-bg.png") repeat-x left top;
	width:100%;
	height:108px;
	z-index:999;
	padding-bottom:9px
}

#header a{
	color:#ffffff
}

#header .back-to-web{
	float:left;
	font-size:12px;
	color:#acb6ca;
	height:23px;
	padding:7px 0 0 20px
}

#header .top-links{
	float:right;
	height:23px;
	padding:7px 20px 0 0
}

#header .top-links li{
	display:block;
	float:left;
	font-size:12px;
	padding:0 0 0 10px;
	margin-left:10px;
	border-left:1px solid #717785
}

#header .top-links li:first-child{
	border:0
}

#header .top-links li:first-child{
	border:0
}

#header .left{
	float:left;
	padding:4px 0 0 20px
}

#header .right{
	float:right;
	padding:4px 20px 0 0
}

#header .logo-wrapper{
	float:left;
	width:179px;
	padding:15px 0 15px 0;
	border-right:1px solid #dfe2ea
}

#header .logo-wrapper a{
    float:left
}

#header .logo-wrapper .tin{
    margin:0 0 0 25px
}

#header .title{
	float:left;
	font-size:22px;
	font-weight:bold;
	line-height:74px;
	color:#333b50;
	padding-left:30px
}

#header .buttons{
	float:left;
	height:54px;
	padding:20px 20px 0 0;
	border-right:1px solid #dfe2ea
}

#header .buttons a{
	font-size:12px;
	padding:0 15px;
	margin-left:10px
}

#header .buttons .new-account span{
	display:inline-block;
	padding-left:20px;
	line-height:32px;
	background:url("../../system/themes/default/images/user/plus-icon.png") no-repeat left center
}

#header .buttons .login span{
	display:inline-block;
	padding-left:20px;
	line-height:32px;
	color:#ffffff;
	background:url("../../system/themes/default/images/user/lock-icon.png") no-repeat left center
}

#header .switchTo{
	float:left;
	padding-right:20px;
	line-height:74px;
	font-size:13px;
	color:#333b50
}

#header .switchTo a{
	font-weight:bold;
	color:#004799
}

#header #language{
	float:left;
	padding:24px 0 0 20px	
}

#header #language ul li{
	display:block;
	position:relative;
	background: #fffefe; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y4ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fffefe 0%, #f7f8fa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffefe), color-stop(100%,#f7f8fa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffefe 0%,#f7f8fa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffefe 0%,#f7f8fa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffefe 0%,#f7f8fa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffefe 0%,#f7f8fa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#f7f8fa',GradientType=0 ); /* IE6-8 */
}

#header #language li:hover ul{
	display:block
}

#header #language ul li a{
	display:inline-block;
	padding-left:7px;
	width:61px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;  
	border-radius:3px 3px;
	border:1px solid #a9b1bf;
	background:url("../../system/themes/default/images/user/arrow-language.png") no-repeat right center
}

#header #language ul li span{
	display:inline-block;
	line-height:22px;
	font-size:12px;
	color:#343c50;
	background:no-repeat left center;
	padding-left:21px
}

#header #language ul li ul{
	display:none;
	position:absolute;
	top:23px;
	z-index:100;
	border-bottom:1px solid #a9b1bf
}

#header #language ul li ul a{
	background:#ffffff;
	-moz-border-radius:0; 
	-webkit-border-radius:0;  
	border-radius:0;
	border-bottom:0
}

#header #language ul li ul a:hover{
	background:#dfe2ea
}

#header #language .en span{background-image:url("../../system/themes/default/images/user/flag-en.png")}
#header #language .de span{background-image:url("../../system/themes/default/images/user/flag-de.png")}
#header #language .pl span{background-image:url("../../system/themes/default/images/user/flag-pl.png")}
#header #language .hu span{background-image:url("../../system/themes/default/images/user/flag-hu.png")}
#header #language .sk span{background-image:url("../../system/themes/default/images/user/flag-sk.png")}


#header #logout{
	float:left;
	height:54px;
	padding:20px 0 0 20px;
	border-left:1px solid #dfe2ea
}

#header #logout a{
	font-size:12px;
	padding:0 15px
}

#header #logout span{
	display:inline-block;
	padding-left:20px;
	line-height:32px;
	color:#ffffff;
	background:url("../../system/themes/default/images/user/off-icon.png") no-repeat left center
}

#body-container{
	position:relative;
	width:980px;
	margin:180px auto 65px auto
}

#logged #body-container{
	width:780px;
	padding-left:200px;
	margin:140px auto 30px auto
}

#container{
	position:relative;
	width:600px;
	margin:0 auto;
	box-shadow: 0px 3px 8px 3px #d9dae00;
	-webkit-box-shadow: 0px 3px 8px 3px #d9dae0;
	-moz-box-shadow: 0px 3px 8px 3px #d9dae0;
	-o-box-shadow: 0px 3px 8px 3px #d9dae0;	
}

#logged #container{
	width:720px
}

#container .header{
	position:relative;
	background:#da0812;
	border-bottom:1px solid #bc0711
}

#container .header h1{
	float:left;
	font-size:24px;
	font-weight:normal;
	line-height:79px;
	color:#ffffff;
	padding-left:34px
}

#logged #container .header h1{
	line-height:59px
}

#container .header .icon{
	float:right;
	width:80px;
	height:79px;
	background:no-repeat center center;
	border-left:1px solid #bc0711
}

#logged #container .header .icon{
	width:60px;
	height:59px
}

#container .header .i01{
	background-image:url("../../system/themes/default/images/user/header-icons/lock.png")
}

#container .header .i02{
	background-image:url("../../system/themes/default/images/user/header-icons/add-user.png")
}

#container .header .i03{
    background-image:url("../../system/themes/default/images/user/header-icons/briefcase.png")
}

#container .header .i04{
    background-image:url("../../system/themes/default/images/user/header-icons/invoices.png")
}

#container .header .i05{
    background-image:url("../../system/themes/default/images/user/header-icons/cart.png")
}

#container .header .il02{
	background-image:url("../../system/themes/default/images/user/header-icons/user.png")
}

#container .header .il03{
	background-image:url("../../system/themes/default/images/user/header-icons/pencil.png")
}

#container .header .il04{
	background-image:url("../../system/themes/default/images/user/header-icons/document.png")
}

#container .header .il05{
	background-image:url("../../system/themes/default/images/user/header-icons/travels.png")
}

#container .header .il06{
	background-image:url("../../system/themes/default/images/user/header-icons/taxi-shifts.png")
}

#container .header .i07{background-image:url("../../system/themes/default/images/user/header-icons/invoices-incoming.png")}
#container .header .i08{background-image:url("../../system/themes/default/images/user/header-icons/invoices-user.png")}
#container .header .i09{background-image:url("../../system/themes/default/images/user/header-icons/employees.png")}


.success  #container .header{
	border-bottom-color:#567e32;
	background:#6c9e3f
}

.success #container .header .icon{
	border-left-color:#567e32;
	background-image:url("../../system/themes/default/images/user/header-icons/check.png")
}

.error #container .header .icon{
    background-image:url("../../system/themes/default/images/user/header-icons/remove.png")
}

.warning #container .header .icon{
    background-image:url("../../system/themes/default/images/user/header-icons/warning.png")
}

.info  #container .header{
	border-bottom-color:#00336a;
	background:#004899;
}

.info #container .header .icon{
	border-left-color:#00336a;
    background-image:url("../../system/themes/default/images/user/header-icons/information.png")
}

#container .header .uploadDocs{
	font-size:13px;
	padding:0 15px;
	position:absolute;
	top:16px;
	right:80px
}

#container .header .uploadDocs span{
	display:inline-block;
	padding-left:17px;
	line-height:28px;
	background:url("../../system/themes/default/images/user/arrow-up-dark-icon.png") no-repeat left center
}

#content{
	padding:30px;
	background:#ffffff
}

#content .b1t{
	border-top:1px solid #dbdbea
}

#content .b1b{
	border-bottom:1px solid #dbdbea
}

#content h2{
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
	padding:0 0 20px 0;
	color:#333950
}

#content p{
	font-size:14px;
	line-height:1.5
}

#content hr{
	margin:20px 0;
	border-top-color:#dfe2ea
}

#content .message{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px 3px;
	margin-bottom:20px
}

#content .message .icon{
	float:left;
	width:44px;
	height:44px;
	background:no-repeat center center
}

#content .message .text{
	float:left;
	width:450px;
	padding:13px 15px;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	color:#ffffff;
	border-left:1px solid #bc0711
}

#logged #content .message .text{
	width:560px
}

#logged #content #missingShifts .message .text{
	width:240px
}

#logged #content #missingShifts .message{
	margin-bottom:7px
}

#content .message.error{
	background:#da0812
}

#content .message.information{
    background:#004899
}

#content .message.warning{
    background:#feb41c
}

#content .message.error .icon{
	background-image:url("../../system/themes/default/images/user/remove-icon.png")
}

#content .message.information .icon{
    background-image:url("../../system/themes/default/images/user/header-icons/information.png")
}

#content .message.warning .icon{
    background-image:url("../../system/themes/default/images/user/icons/dark/warning.png")
}

#content .message.error .text{
	border-left-color:#bc0711
}

#content .message.information .text{
    border-left-color:#00336a
}

#content .message.information a{
    color: #0078ff
}

#content .message.warning .text{
    border-left-color:#cb9016;
	color:#343c50
}

#content .message.warning .text span{
    color:#343c50
}

#content .message.success{
	background:#6c9e3f
}

#content .message.success .icon{
	background-image:url("../../system/themes/default/images/user/check-icon.png")
}

#content .message.success .text{
	border-left-color:#567e32
}

#content form .rowElem{
	position:relative
}

#content form .formRight{
	float:right;
	width:380px;
	display:block;
	margin-bottom:20px;
	position:relative
}

#content form label{
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#333b50
}

#content form .rowElem > label{
	padding:14px 10px 0 0;
	width:150px
}

#content form .formNote{
	display:block;
	text-align:left;
	font-size:12px;
	font-style:italic;
	line-height:1.3;
	padding-top:7px;
	color:#000000;
}


#content .continue,
#content .back,
#content .repeat{
	margin-right:20px;
	padding:0 20px
}

#content form .continue{
	margin-left:160px
}

.person-info #content form .continue{
	float: right;
	margin-right: 0;
}

#content .continue span{
	color:#ffffff;
	line-height:40px;
	padding-left:20px;
	background:url("../../system/themes/default/images/user/circle-arrow-right-icon.png") no-repeat left center
}

#content .back span{
	color:#ffffff;
	line-height:40px;
	padding-left:20px;
	background:url("../../system/themes/default/images/user/circle-arrow-left-icon.png") no-repeat left center
}

#content .repeat span{
	line-height:38px;
	padding-left:20px;
	background:url("../../system/themes/default/images/user/repeat-icon.png") no-repeat left center
}

#content .form-links{
	margin:35px 0 0 160px
}

#content form .form-links li{
	float:left;
	display:block;
	font-size:14px;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #c3cad8
}

#content form .form-links li:first-child{
	margin:0;
	padding:0;
	border:0
}

#footer{
	padding:20px 30px;
	font-size:14px;
	color:#333a50;
	border-top:1px solid #dfe2ea;
	border-bottom:1px solid #c4c8d1;
	background:#eceef4
}

#footer a{
	font-weight:bold
}

#footer .help{
	float:right;
	padding-left:20px;
	background:url("../../system/themes/default/images/user/question-sign-icon.png") no-repeat left center
}

#year-tabs{
	padding:4px 0 0 30px;
	background:#343c50
}

#year-tabs li{
	display:block;
	float:left;
	margin-right:4px
}

#year-tabs li a{
	display:inline-block;
	width:auto;
	padding:0 15px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	line-height:29px;
	color:#acb6ca;
	border-top:1px solid #5e6474;
	background:#525869
}

#year-tabs li.active a{
	color:#343c50;
	border-top-color:#ffffff;
	background:#ffffff
}

#folderTabs{
	padding:20px 30px 0 30px;
	background:#ffffff;
}

#folderTabs li{
	display:block;
	float:left;
	margin:10px 10px 0 0;
	padding-top:3px;
	background:url("../../system/themes/default/images/user/folder-path.png") no-repeat left top
}

#folderTabs li a{
	display:inline-block;
	width:auto;
	padding:0 10px;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	color:#343c50;
	border-right:1px solid #bfc6d4
}

#folderTabs li.active{
	background-image:url("../../system/themes/default/images/user/folder-path-active.png")
}

#folderTabs li.active a{
	color:#ffffff;
	border-right-color:#da0812
}

#folderTabs hr{
	margin:10px 0 0 0;
	border-top-color:#dfe2ea
}

#logged #content h2{
	font-size:16px;
	padding:0 0 5px 0
}


#logged  .success #content h2,
.success #content h2{
	color:#6c9e3f
}

#logged  .info #content h2,
.info #content h2{
    color:#004899
}

#logged .error #content h2,
.error #content h2{
	font-size:24px;
	color:#da0812
}

#content .description{
	padding:0;
	margin-bottom:15px
}

#content #etn-flights .image{
	cursor:pointer
}

#content #etn-flights table{
	border-collapse:collapse;
	width:50%
}

#content #etn-flights table, 
#content #etn-flights table td{
	font-size:13px
}

#content #etn-flights table td{
	padding:5px 0
}


#content table.view{
	border-collapse:collapse;
	width:100%;
	margin-bottom:20px
}

#content table.view, 
#content table.view td{
	border:1px solid #dfe2ea;
	font-size:13px
}

#content table.view.highlight, 
#content table.view.highlight td{
	border-color:#acb6ca
}

#content table.view td{
	padding:8px 10px;
	position:relative;
}

#content table.view .name{
	vertical-align: top;
	width:40%;
	background:#eceef4
}

#content table.view .value{
	width:60%;
	font-weight:bold;
	color:#343c50
}

#content table.view .btn24{
    position:absolute;
	top:4px;
	right:5px;
}

#logged #content fieldset{
	padding-bottom:13px;
	margin-bottom:20px;
	border-bottom:1px solid #dfe2ea
}

#logged #content form .formRight{
	width:300px;
	padding-right:130px;
	margin-bottom:7px;
	position:relative
}

#logged #content form .halfSize input, 
#logged #content form .halfSize select,
#logged #content form .halfSize textarea{
	width:50%
}

#logged #content form label{
	font-size:13px;
	font-weight:normal;
	color:#666666
}

#logged #content form .rowElem > label{
	padding:7px 4px 0 0;
	width:226px
}

#logged #content form .formRight label{
	margin-right:15px;
	padding:7px 10px;
	cursor:pointer
}

#logged .person-info #content form .formRight label {
	float: left;
	width: 274px;
	margin: 0;
	padding: 0 0 0 10px;
}

#logged #content form .formNote{
	padding-top:2px
}

/* TWO COLS FORM LAYOUT */
#logged #content form .two-cols .rowElem{
	float:left;
	padding-left:20px
}

#logged #content form .two-cols .rowElem:nth-child(odd){
	padding:0
}

#logged #content form .two-cols .formRight{
	width:180px;
	padding-right:0
}

#logged #content form .two-cols .rowElem > label{
	padding-right:5px;
	width:135px
}


#content .btn-edit,
#content .saveBtn,
#content .previewBtn,
#content .cancelBtn,
#content .uploadBtn,
#content .inviteBtn,
#content .add-btn,
#content .btn-back,
#content .btn-file,
#content .btn-check,
#content .btn-salary,
#content .add-client,
#content .add-person,
#content .add-invoice,
#content .add-offer,
#content .btn-download{
	float:right;
	margin-left:20px;
	padding:0 20px
}

#content .inviteBtn{
	float:right;
	margin:3px 0 0 0;
	padding:0 40px
}

#content .btn-edit span{
	color:#ffffff;
	line-height:40px;
	padding-left:25px;
	background:url("../../system/themes/default/images/user/pencil-icon.png") no-repeat left center
}

#content .saveBtn span{
	color:#ffffff;
	line-height:40px;
	padding-left:25px;
	background:url("../../system/themes/default/images/user/check-icon.png") no-repeat left center
}

#content .previewBtn span{
    color:#ffffff;
    line-height:40px;
    padding-left:25px;
    background:url("../../system/themes/default/images/user/btn-icons/magnify.png") no-repeat left center
}

#content .cancelBtn span{
	line-height:40px;
	padding-left:20px;
	background:url("../../system/themes/default/images/user/remove-dark-icon.png") no-repeat left center
}

#content .inviteBtn span{
	color:#ffffff;
	line-height:40px;
	padding-left:25px;
	background:url("../../system/themes/default/images/user/invite-icon.png") no-repeat left center
}

#content .add-btn span{
	color:#ffffff;
	line-height:40px;
	padding-left:25px;
	background:url("../../system/themes/default/images/user/btn-icons/plus.png") no-repeat left center
}

#content .add-client span{
    color:#ffffff;
    line-height:40px;
    padding-left:25px;
    background:url("../../system/themes/default/images/user/btn-icons/user-plus.png") no-repeat left center
}

#content .add-person span{
    color:#ffffff;
    line-height:40px;
    padding-left:25px;
    background:url("../../system/themes/default/images/user/icons/white/user-plus.png") no-repeat left center
}

#content .add-invoice span{
    color:#ffffff;
    line-height:40px;
    padding-left:25px;
    background:url("../../system/themes/default/images/user/btn-icons/file-plus.png") no-repeat left center
}

#content .add-offer span{
    color:#ffffff;
    line-height:40px;
    padding-left:25px;
    background:url("../../system/themes/default/images/user/btn-icons/file-plus.png") no-repeat left center
}

#content .btn-back span{
	line-height:40px;
	padding-left:25px;
	background:url("../../system/themes/default/images/user/btn-icons/circle-arrow-left-dark.png") no-repeat left center
}

#content .btn-file span{
	color:#ffffff;
	line-height:40px;
	padding-left:25px;
	background:url("../../system/themes/default/images/user/btn-icons/file.png") no-repeat left center
}

#content .btn-download span{
    color:#ffffff;
    line-height:40px;
    padding-left:25px;
    background:url("../../system/themes/default/images/user/btn-icons/download.png") no-repeat left center
}

#content .btn-check span{
	color:#ffffff;
	line-height:40px;
	padding-left:25px;
	background:url("../../system/themes/default/images/user/btn-icons/check-circle.png") no-repeat left center
}

#content .btn-salary span{
	color:#ffffff;
	line-height:40px;
	padding-left:25px;
	background:url("../../system/themes/default/images/user/btn-icons/notes.png") no-repeat left center
}

#content table.files{
	border-collapse:collapse;
	width:100%;
	margin:0 0 20px 0;
}

#content table.files, 
#content table.files td,
#content table.files th{
	vertical-align:middle
}

#content table.files th{
	padding:10px 10px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#e3e7f0;
	background:#343c50
}

#content table.files td{
	font-size:13px;
	padding:10px 10px;
	border-bottom:1px solid #dfe2ea
}

#content table.files tr:hover td{
	background:#eceef4;
}	

#content table.files th.desc{
	text-align:right;
}

#content table.files td.icon{
	width:16px;
	padding-right:0
}

#content table.files td.name{
	width:60%;
}

#content table.files td.name a,
#content table.files .name a:hover{
	color:#004799;
	text-decoration:underline
}

#content table.files td.desc{
	text-align:right;
}

#content table.files td.desc a{
	float:right;
}


/* TRAVELS */
#content table.travels{
	border-collapse:collapse;
	width:100%;
	margin-bottom:20px
}

#content table.travels, 
#content table.travels td,
#content table.travels th{
	vertical-align:middle
}

#content table.travels th{
	padding:10px 10px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#e3e7f0;
	background:#343c50
}

#content table.travels td{
	font-size:13px;
	font-weight:bold;
	color:#333b50;
	padding:10px 10px;
	border-bottom:1px solid #dfe2ea
}

#content table.travels tr:hover td{
	background:#eceef4
}	

#content table.travels td.travelNr{
	color:#da0812;
	width:20%
}

#content table.travels td.date{
	width:40%
}

#content table.travels td.date img{
	float:left;
	padding-right:8px
}

#content table.travels td.date span{
	padding:0;
	display:block;
	float:left
}


/* POPUP */
#docsUploadPopup,
#popup-window{ 
    background:#ffffff;
    display:none; 
    width:600px;
}

#docsUploadPopup .header,
#popup-window .header{
	width:100%;
	height:80px;
	background:#da0812;
	border-bottom:1px solid #bc0711
}

#docsUploadPopup .header h1,
#popup-window .header .title{
	float:left;
	font-size:24px;
	font-weight:normal;
	line-height:79px;
	color:#ffffff;
	width:485px;
	padding-left:34px;
	border-right:1px solid #bc0711	
}

#docsUploadPopup .header .icon,
#popup-window .header .icon{
	float:left;
	width:80px;
	height:79px;
	background:url("../../system/themes/default/images/user/header-icons/document-up.png") no-repeat center center
}

#docsUploadPopup .content,
#popup-window .content{
	padding:30px;
	background:#ffffff;
	border-bottom:1px solid #dfe2ea
}

#docsUploadPopup .description{
	font-size:14px;
	line-height:1.5;
	padding-bottom:30px;
	text-align:justify
}

#popup-window .content p{
	font-size:14px;
	line-height:1.5;
	text-align:justify
}

#popup-window .content .buttons{
	padding-top:20px
}

#popup-window .content .buttons .btnYes,
#popup-window .content .buttons .btnNo{
	float:right;
	margin-left:20px
}

#docsUploadPopup #uploadQueue{
	display:none;
	margin-bottom:30px
}

#docsUploadPopup #uploadQueue .uploadifive-queue-item{
	position:relative;
	width:538px;
	height:32px;
	margin-bottom:5px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;  
	border-radius:3px 3px;
	border:1px solid #bec6d3
}

#docsUploadPopup #uploadQueue .error{
	border-color:#fa636a
}

#docsUploadPopup #uploadQueue .complete{
	border-color:#6b8a4d
}

#docsUploadPopup #uploadQueue .progress-bar{
	height:32px;
	background-color:#eceef4
}

#docsUploadPopup #uploadQueue .error .progress-bar{
	background-color:#feebec
}

#docsUploadPopup #uploadQueue .complete .progress-bar{
	background-color:#e7f0db
}

#docsUploadPopup #uploadQueue .uploadFileInfo{
	position:absolute;
	width:518px;
	height:32px;
	padding:0 10px;
	font-size:13px;
	overflow:hidden
}


#docsUploadPopup #uploadQueue .uploadFileInfo .filename{
	float:left;
	width:280px;
	padding-right:10px;
	line-height:32px;
	overflow:hidden;
	color:#333b50
}

#docsUploadPopup #uploadQueue .uploadFileInfo .filename span{
	color:#999999
}

#docsUploadPopup #uploadQueue .uploadFileInfo .fileinfo{
	float:left;
	width:210px;
	line-height:32px;
	overflow:hidden
}

#docsUploadPopup #uploadQueue .error .uploadFileInfo .fileinfo{
	color:#d90712
}

#docsUploadPopup #uploadQueue .complete .uploadFileInfo .fileinfo{
	color:#6b8a4d
}

#docsUploadPopup #uploadQueue .uploadFileInfo .icon{
	float:right;
	width:16px;
	height:32px;
	line-height:32px;
	text-align:center;
	overflow:hidden;
	background:no-repeat center center
}

#docsUploadPopup #uploadQueue .error .uploadFileInfo .icon{
	background-image:url("../../system/themes/default/images/user/upload-error-icon.png")
}

#docsUploadPopup #uploadQueue .cancelled .uploadFileInfo .icon{
	background-image:url("../../system/themes/default/images/user/upload-cancelled-icon.png")
}

#docsUploadPopup #uploadQueue .complete .uploadFileInfo .icon{
	background-image:url("../../system/themes/default/images/user/upload-success-icon.png")
}

#docsUploadPopup #uploadQueue .uploadFileInfo .icon a{
	font-weight:bold;
	text-decoration:none
}



#docsUploadPopup .uploadify {
	position:relative;
	float:left
}

#docsUploadPopup .chooseBtn{
	float: left;
	color: #ffffff;
	font-size:14px;
	text-align:center;
	background: #0055b3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTViMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0055b3 0%, #00499b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0055b3), color-stop(100%,#00499b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0055b3 0%,#00499b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0055b3 0%,#00499b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0055b3 0%,#00499b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0055b3 0%,#00499b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055b3', endColorstr='#00499b',GradientType=0 ); /* IE6-8 */	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px 3px
}

#docsUploadPopup .chooseBtn span{
	color:#ffffff
}

#docsUploadPopup .cancelBtn,
#docsUploadPopup .hideBtn,
#docsUploadPopup .doneBtn{
	float:right
}

#docsUploadPopup .hideBtn,
#docsUploadPopup .doneBtn{
	display:none
}


#docsUploadPopup .footer,
#popup-window .footer{
	font-size:14px;
	line-height:60px;
	padding:0 20px;
	background:#eceef4
}

#docsUploadPopup .footer a,
#popup-window .footer a{
	padding-left:10px;
	font-weight:bold
}

#docsUploadPopup .closePopup,
#popup-window .closePopup{
    cursor:pointer;
    position:absolute;
    right:-20px;
    top:-20px;
	padding:20px;
	background:url("../../system/themes/default/images/user/popup-close.png") no-repeat;
	position:absolute;
}


#sidebar {
	position:fixed;
	top:117px;
	width:199px
}

#sidebar ul li{
	display:block;
	border-bottom:1px solid #dfe2ea
}

#sidebar ul li a{
	display:block;
	padding:12px 10px 12px 40px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	background:no-repeat 17px 12px;
	color:#333950
}

#sidebar ul li.active{
	background:#eceef4
}

#sidebar ul li.active a, #sidebar ul li.active ul li.active a{
	color:#da0812
}

#sidebar ul li ul li{
	border:0;
	border-top:1px solid #dfe2ea
}

#sidebar ul li ul li a, #sidebar ul li.active ul li a{
	padding:7px 10px 7px 60px;
	font-weight:normal;
	background-position:37px 7px;
	color:#333950
}

#sidebar ul .homepage{background-image:url("../../system/themes/default/images/user/menu-icons/homepage.png")}
#sidebar ul .person-info{background-image:url("../../system/themes/default/images/user/menu-icons/person-info.png")}
#sidebar ul .employees{background-image:url("../../system/themes/default/images/user/menu-icons/employees.png")}
#sidebar ul .travels{background-image:url("../../system/themes/default/images/user/menu-icons/travels.png")}
#sidebar ul .e-shop{background-image:url("../../system/themes/default/images/user/menu-icons/e-shop.png")}
#sidebar ul .invoices{background-image:url("../../system/themes/default/images/user/menu-icons/invoices.png")}
#sidebar ul .invoices-add{background-image:url("../../system/themes/default/images/user/menu-icons/plus.png")}
#sidebar ul .invoices-incoming{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-incoming.png")}
#sidebar ul .invoices-outgoing{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-outgoing.png")}
#sidebar ul .invoices-drafts{background-image:url("../../system/themes/default/images/user/menu-icons/edit.png")}
#sidebar ul .invoices-customers{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-customers.png")}
#sidebar ul .invoices-settings{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-settings.png")}
#sidebar ul .documents{background-image:url("../../system/themes/default/images/user/menu-icons/documents.png")}
#sidebar ul .partners{background-image:url("../../system/themes/default/images/user/menu-icons/partners.png")}
#sidebar ul .review{background-image:url("../../system/themes/default/images/user/menu-icons/review.png")}
#sidebar ul .edit{background-image:url("../../system/themes/default/images/user/menu-icons/edit.png")}
#sidebar ul .taxi{background-image:url("../../system/themes/default/images/user/menu-icons/taxi.png")}
#sidebar ul .shifts{background-image:url("../../system/themes/default/images/user/menu-icons/shifts.png")}
#sidebar ul .drivers{background-image:url("../../system/themes/default/images/user/menu-icons/drivers.png")}
#sidebar ul .cars{background-image:url("../../system/themes/default/images/user/menu-icons/cars.png")}
#sidebar ul .reports{background-image:url("../../system/themes/default/images/user/menu-icons/reports.png")}
#sidebar ul .comparison{background-image:url("../../system/themes/default/images/user/menu-icons/comparison.png")}
#sidebar ul .statistics{background-image:url("../../system/themes/default/images/user/menu-icons/statistics.png")}
#sidebar ul .settings{background-image:url("../../system/themes/default/images/user/menu-icons/settings.png")}

#sidebar ul .active .homepage{background-image:url("../../system/themes/default/images/user/menu-icons/homepage-active.png")}
#sidebar ul .active .person-info{background-image:url("../../system/themes/default/images/user/menu-icons/person-info-active.png")}
#sidebar ul .active .employees{background-image:url("../../system/themes/default/images/user/menu-icons/employees-active.png")}
#sidebar ul .active .travels{background-image:url("../../system/themes/default/images/user/menu-icons/travels-active.png")}
#sidebar ul .active .e-shop{background-image:url("../../system/themes/default/images/user/menu-icons/e-shop-active.png")}
#sidebar ul .active .invoices{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-active.png")}
#sidebar ul .active .documents{background-image:url("../../system/themes/default/images/user/menu-icons/documents-active.png")}
#sidebar ul .active .partners{background-image:url("../../system/themes/default/images/user/menu-icons/partners-active.png")}
#sidebar ul .active .taxi{background-image:url("../../system/themes/default/images/user/menu-icons/taxi-active.png")}
#sidebar ul li ul li.active .review{background-image:url("../../system/themes/default/images/user/menu-icons/review-active.png")}
#sidebar ul li ul li.active .edit{background-image:url("../../system/themes/default/images/user/menu-icons/edit-active.png")}
#sidebar ul li ul li.active .invoices-add{background-image:url("../../system/themes/default/images/user/menu-icons/plus-active.png")}
#sidebar ul li ul li.active .invoices-incoming{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-incoming-active.png")}
#sidebar ul li ul li.active .invoices-outgoing{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-outgoing-active.png")}
#sidebar ul li ul li.active .invoices-drafts{background-image:url("../../system/themes/default/images/user/menu-icons/edit-active.png")}
#sidebar ul li ul li.active .invoices-customers{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-customers-active.png")}
#sidebar ul li ul li.active .invoices-settings{background-image:url("../../system/themes/default/images/user/menu-icons/invoices-settings-active.png")}
#sidebar ul li ul li.active .shifts{background-image:url("../../system/themes/default/images/user/menu-icons/shifts-active.png")}
#sidebar ul li ul li.active .drivers{background-image:url("../../system/themes/default/images/user/menu-icons/drivers-active.png")}
#sidebar ul li ul li.active .cars{background-image:url("../../system/themes/default/images/user/menu-icons/cars-active.png")}
#sidebar ul li ul li.active .reports{background-image:url("../../system/themes/default/images/user/menu-icons/reports-active.png")}
#sidebar ul li ul li.active .comparison{background-image:url("../../system/themes/default/images/user/menu-icons/comparison-active.png")}
#sidebar ul li ul li.active .statistics{background-image:url("../../system/themes/default/images/user/menu-icons/statistics-active.png")}
#sidebar ul li ul li.active .settings{background-image:url("../../system/themes/default/images/user/menu-icons/settings-active.png")}

div.selector, 
div.selector span, 
div.checker span, 
div.radio span, 
div.uploader, 
div.uploader span.action, 
div.button, 
div.button span{
	background-image:url("../../system/themes/default/images/user/uniform-bg.png");
	background-repeat:no-repeat;
	-webkit-font-smoothing:antialiased
}

#logged div.selector, 
#logged div.selector span, 
#logged div.checker span, 
#logged div.radio span, 
#logged div.uploader, 
#logged div.uploader span.action, 
#logged div.button, 
#logged div.button span,
#service-offer div.selector,
#service-offer div.selector span,
#service-offer div.checker span,
#service-offer div.radio span {
	background-image:url("../../system/themes/default/images/user/uniform-logged-bg.png")
}

div.selector, 
div.checker, 
div.button, 
div.radio, 
div.uploader {
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:middle
}

div.selector:focus, 
div.checker:focus, 
div.button:focus, 
div.radio:focus, 
div.uploader:focus {
    outline:0
}

div.selector, 
div.selector *, 
div.radio, 
div.radio *, 
div.checker, 
div.checker *, 
div.uploader, 
div.uploader *, 
div.button, 
div.button * {
	margin:0;
	padding:0
}

.highContrastDetect {
	background:#eceef4 url("../../system/themes/default/images/user/input-bg.png") repeat-x 0 0;
	width:0px;
	height:0px
}

/* Input & Textarea */
select.uniform-multiselect,
textarea.uniform {
	background:#eceef4 url("../../system/themes/default/images/user/input-bg.png") repeat-x 0 0;
	outline:0
}	
	
select.uniform-multiselect.active,
textarea.uniform.active {
    
}

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
	-moz-appearance:none;
	-webkit-appearance:none
}

/* Select */
div.selector {
	background-position:0 -88px;
	line-height:44px;
	height:44px;
	padding:0 0 0 15px;
	position:relative;
	overflow:hidden
}
	
div.selector span {
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	background-position:right 0;
	height:44px;
	line-height:44px;
	padding-right:40px;
	cursor:pointer;
	width:100%;
	display:block
}

div.selector.fixedWidth {
	width:365px
}

div.selector.fixedWidth span {
	width:325px
}

div.selector select {
	opacity:0;
	cursor:pointer;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	border:none;
	background:none;
	position:absolute;
	height:42px;
	top:2px;
	left:1px;
	width:100%
}

#logged div.selector,
#service-offer div.selector {
	background-position:0 -60px;
	line-height:30px;
	height:30px;
	padding:0 0 0 10px
}

#logged div.focus,
#service-offer div.focus  {
	background-position:0 -90px;
}
	
#logged div.selector span,
#service-offer div.selector span {
	height:30px;
	line-height:30px;
	padding-right:30px
}

#logged div.focus span,
#service-offer div.focus span {
	background-position:right -30px;
}

#logged div.selector.fixedWidth {
	width:290px
}

#logged div.selector.fixedWidth span {
	width:260px
}

#logged div.selector select,
#service-offer div.selector select {
	height:28px
}

#logged .two-cols div.selector.fixedWidth {
	width:170px
}

#logged .two-cols div.selector.fixedWidth span {
	width:140px
}


/* Checkbox */
div.checker{
	position:relative
}

div.checker, 
div.checker span, 
div.checker input{
	width:16px;
	height:16px
}

div.checker span{
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	zoom:1;
	text-align:center;
	background-position:0 -260px
}

div.checker span.checked{
	background-position: -76px -260px
}

div.checker input{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	border:0;
	background:none;
	display:-moz-inline-box;
    display:inline-block;
    *display:inline;
	zoom:1
}

#logged div.checker,
#service-offer div.checker {
	width:16px;
	height:16px;
	position:relative;
	float:left;
	margin-top:4px
}

#logged .person-info div.checker {
	margin-top: 0;
}

#logged div.checker span,
#service-offer div.checker span {
	width:16px;
	height:16px;
	vertical-align:middle;
	background-position:0 -120px
}

#logged .person-info div.checker span {
	vertical-align: baseline;
}


#logged div.checker span.checked,
#service-offer div.checker span.checked{
	background-position: -16px -120px
}

/* Radio */
div.radio{
    position:relative
}

div.radio, 
div.radio span, 
div.radio input{
    width:16px;
    height:16px
}

div.radio span{
    display:-moz-inline-box;
    display:inline-block;
    *display:inline;
    zoom:1;
    text-align:center;
    background-position:0 -260px
}

div.radio span.checked{
    background-position: -76px -260px
}

div.radio input{
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    border:0;
    background:none;
    display:-moz-inline-box;
    display:inline-block;
    *display:inline;
    zoom:1
}

#logged div.radio,
#service-offer div.radio {
    width:16px;
    height:16px;
    position:relative;
    float:left;
    margin-top:4px
}

#logged div.radio span,
#service-offer div.radio span {
    width:16px;
    height:16px;
    vertical-align:middle;
    background-position:0 -136px
}


#logged div.radio span.checked,
#service-offer div.radio span.checked {
    background-position: -48px -136px
}




/* INPUT & TEXTAREA */
select.uniform-multiselect,
textarea.uniform {
	font-size:14px;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:normal;
	padding:10px 15px;
	line-height:1.5;
	color:#666666;
	border-top:solid 1px #acb3c2;
	border-left:solid 1px #b7becc;
	border-bottom:solid 1px #bec5d3;
	border-right:solid 1px #b8becc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}

#logged select.uniform-multiselect,
#logged textarea.uniform {
	font-size:13px;
	padding:5px 10px 4px 10px
}


/* PRESENTATION */

/* Select */
div.selector {
	font-size:12px
}

div.selector span {
	color:#666666
}

div.selector select {
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:12px
}

div.selector.disabled span, div.selector.disabled.active span {
	color:#bbb
}

/* Error */
.error div.selector {
	background-position:0 -132px
}

#logged .error div.radio {
    background-position:-32px -136px
}

#logged .error div.radio span.checked{
    background-position: -80px -136px
}

.error div.selector span {
	color:#d90712;
	background-position:right -44px
}

/* Focus */
#logged div.radio.focus,
#service-offer div.radio.focus {
    background-position:-16px -136px
}

#logged div.radio.focus span.checked,
#service-offer div.radio.focus span.checked {
    background-position: -64px -136px
}




/*
 *    custom css for partner program
 *
 *      INVITE PARTNER
 */

#content .partnersHeader{
	font-size:13px;
	line-height:1.5
}

#content .partnersHeader strong{
	font-size:24px;
	color:#333950
}

#content .partnersHeader .credit{
	float:left;
    width:150px;
	border-right:1px solid #dfe2ea
}

#content .partnersHeader .count{
	float:left;
    width:150px;
	padding-left:20px
}

#content table.partners{
	border-collapse:collapse;
	width:100%
}

#content table.partners, 
#content table.partners td,
#content table.partners th{
	vertical-align:middle
}

#content table.partners th{
	padding:10px 10px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#acb6ca;
	background:#343c50
}

#content table.partners td{
	font-size:13px;
	padding:10px 10px;
	border-bottom:1px solid #dfe2ea
}

#content table.partners tr:hover td{
	background:#eceef4;
}

#content table.partners td.name{
	width:50%
}

#content table.partners td.name strong{
	color:#d90712
}

#content table.partners td.date{
	width:30%;
	text-align:right
}

#content table.partners td.status{
	width:20%;
	text-align:right
}

#content table.partners td.status .verified{
	padding-right:18px;
	color:#6c9e3f;
    background: url("../../system/themes/default/images/user/icon-ok.png") no-repeat right center
}

#content table.partners td.status .notVerified{
	padding-right:18px;
	color:#d90712;
    background: url("../../system/themes/default/images/user/icon-x.png") no-repeat right center
}

#content table.partners th.date{
	text-align:right
}

#content table.partners th.status{
	text-align:right
}

#content table.partners .plus td{
	background:#f0f5e9
}

#content table.partners .plus td strong{
	color:#6c9e3f
}

#content table.partners .minus td{
	background:#feebec
}

#content table.partners .minus td strong{
	color:#da0812
}

#content table.partners td.datim{
	width:20%
}

#content table.partners td.desc{
	width:40%
}

#content table.partners td.bonus{
	font-weight:bold;
	text-align:right;
	color:#004899;
	width:20%
}

#content table.partners th.bonus{
	text-align:right
}

#content table.partners td.amount, 
#content table.partners th.amount{
	width:20%;
	text-align:right
}




.green {
    color: #6c9e3f;
    padding: 0 0 0 10px
}
#content .red {
    color:#da0812;
}

#content .blue {
    color:#004799
}

#invite-mail .italic {
    font-style: italic
}

.inviteText {
    width:98%;
    margin:5px 0;
    padding:1%
}

.invite-col {
    padding: 3px 0 0 15px;
    float: left
}

.circle
{
    width:30px;
    height:30px;
    border-radius:15px;
    font-size:20px;
    color:#fff;
    line-height:30px;
    text-align:center;
    background:#DA0812;
    float: left
}

.show-invite-h2 {
    padding-top: 10px
}

/*
 *    custom css for partner program
 *
 *      BASIC VIEW
 */



/*
 * New register
 */

#registration #container{
	width:700px
}

#registration #container .header h1{
	width:585px
}

#registration form{
	background:url("../../system/themes/default/images/user/registration-form-bg.png") repeat-y left top
}

#registration #container fieldset{
	float:left;
	width:186px;
	padding:0 20px 0 21px
}

#registration #container fieldset:first-child{
	padding-left:0
}

#registration #container fieldset:last-child{
	padding-right:0
}

#registration #container h2{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	width:40px;
	line-height:40px;
	padding:0;
	margin:0 0 20px 0;
	background:#da0812
}

#registration #container h3{
	font-size:16px;
	font-weight:bold;
	color:#333950;
	margin:0 0 15px 0
}

#registration #container form p{
	font-size:13px;
	margin:0 0 20px 0
}

#registration #content form .formRight{
	float:left;
	width:186px;
	margin-bottom:10px
}

#registration #content form label{
	font-size:13px
}

#registration #content form .rowElem > label{
	padding:0 0 5px 4px;
	width:182px
}

#registration #content form .formRight label{
	font-weight:normal;
	margin-right:15px;
	padding:7px 10px;
	cursor:pointer
}

#registration div.selector, 
#registration div.selector span, 
#registration div.checker span, 
#registration div.radio span, 
#registration div.uploader, 
#registration div.uploader span.action, 
#registration div.button, 
#registration div.button span{
	background-image:url("../../system/themes/default/images/user/uniform-logged-bg.png")
}

#registration div.selector {
	background-position:0 -60px;
	line-height:30px;
	height:30px;
	padding:0 0 0 10px
}
	
#registration div.selector span {
	height:30px;
	line-height:30px;
	padding-right:30px
}

#registration div.selector.fixedWidth {
	width:176px
}

#registration div.selector.fixedWidth span {
	width:146px
}

#registration div.selector select {
	height:28px
}

#registration div.checker{
	width:16px;
	height:16px;
	position:relative;
	float:left;
	margin-top:4px
}

#registration div.checker span{
	width:16px;
	height:16px;
	vertical-align:middle;
	background-position:0 -120px
}


#registration div.checker span.checked{
	background-position: -16px -120px
}

#registration select.uniform-multiselect,
#registration textarea.uniform {
	font-size:13px;
	padding:5px 10px 4px 10px
}

#registration .error div.selector {
	background-position:0 -90px
}

#registration .error div.selector span {
	background-position:right -30px
}

#registration #content form .continue{
	margin:10px 0 0 0
}

#loggedLeft {
    width:23%;
	padding-top:10px;
    float:left
}

#loggedRight {
    width:77%;
    float:left
}

#notLoggedLeft {
	width:30%;
	padding-top:10px;
	float:left
}

#notLoggedRight {
	width:70%;
	float:left
}

/*
 * invoices
 */
#content table.invoices{
	border-collapse:collapse;
	width:100%
}

#content table.invoices, 
#content table.invoices td,
#content table.invoices th{
	vertical-align:top
}

#content table.invoices th{
	padding:10px 10px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#e3e7f0;
	background:#343c50
}

#content table.invoices td{
	font-size:13px;
	padding:10px 10px;
	border-bottom:1px solid #dfe2ea
}

#content table.invoices tr:hover td{
	background:#eceef4;
}

#content table.invoices .paid td{
	background:#f0f5e9
}

#content table.invoices .paid td.status strong{
	color:#6c9e3f
}

#content table.invoices .notPaid td.status strong{
	color:#004799
}

#content table.invoices .overdue td{
	background:#feebec
}

#content table.invoices .overdue td.status strong{
	color:#d90712
}

#content table.invoices td.date{
	width:15%
}

#content table.invoices td.number{
	width:10%
}

#content table.invoices td.name{
	width:40%
}

#content table.invoices td.total, 
#content table.invoices th.total{
	width:20%;
	text-align:right
}


#content table.invoices td.status, 
#content table.invoices th.status{
	width:15%;
	text-align:right
}


/*
 * Taxi - Shifts
 */
#content .taxi-shifts-header{
	padding-bottom:20px;
	border-bottom:1px solid #dfe2ea
}

#logged #content .taxi-shifts-header h2{
	font-size:20px;
	padding:7px 0 0 0;
	float:left
}

#content .taxi-shifts-header a{
	float:right;
	margin:0
}

#filterTaxiShiftList{
	padding-top:20px
}

#filterTaxiShiftList .row-elem,
#filterTaxiComparison .row-elem,
#filterTaxiStats .row-elem{
	float:left;
	width:150px;
	padding:0 0 20px 20px
}

#filterTaxiShiftList .row-elem:first-child,
#filterTaxiComparison .row-elem:first-child,
#filterTaxiStats .row-elem:first-child{
	padding-left:0
}

#content #filterTaxiShiftList .row-elem label,
#content #filterTaxiComparison .row-elem label,
#content #filterTaxiStats .row-elem label,
#invoices-module #content .filter .row-elem label,
#price-offers-module #content .filter .row-elem label,
#employees-module #content .filter .row-elem label{
	display:block;
	width:100%;
	color:#333950;
	font-weight:bold;
	padding-bottom:5px
}

#filterTaxiShiftList .row-elem div.selector.fixedWidth,
#filterTaxiComparison .row-elem div.selector.fixedWidth,
#filterTaxiStats .row-elem div.selector.fixedWidth{
	width:140px;
}

#filterTaxiShiftList .row-elem div.selector.fixedWidth span,
#filterTaxiComparison .row-elem div.selector.fixedWidth span,
#filterTaxiStats .row-elem div.selector.fixedWidth span{
	width:110px;
}

#addTaxiShift .description{
	padding-bottom:20px;
	margin-bottom:10px;
	border-bottom:1px solid #dfe2ea
}

#logged #content .shiftNumber label{
	font-size:17px;
	font-weight:bold;
	padding-top:4px!important
}

#logged #content .shiftNumber .formRight{
	font-size:17px;
	font-weight:bold;
	padding-top:5px;
	margin-bottom:0
}

#logged #content #addTaxiShift .saveBtn,
#logged #content #addTaxiShift .cancelBtn{
	float:right;
	margin-right:0;
	margin-left:20px
}

#logged #view-taxi-shift .detail h2,
#logged #taxi-reports .detail h2,
#logged #taxi-reports-view .detail h2,
#logged #taxi-cars .detail h2,
#logged #taxi-stats .detail h2,
#logged #taxi-comparison .detail h2,
#logged #taxi-car-view .detail h2,
#logged #taxi-driver-view .detail h2,
#logged #taxi-taxes .detail h2,
#logged .view-invoice .detail h2,
#logged .view-offer .detail h2{
	font-size:20px;
	float:left;
	padding:7px 0 0 0
}

#logged .view-invoice .log h2,
#logged .view-offer .log h2{
    padding:0 0 5px 0!important;
}

#view-taxi-shift .detail h2 strong,
#taxi-car-view .detail h2 strong,
#taxi-driver-view .detail h2 strong,
.view-invoice .detail h2 strong,
.view-offer .detail h2 strong{
	color:#d90712
}

#view-taxi-shift .btn-back,
#view-taxi-shift .btn-file,
#view-taxi-shift .btn-check,
#view-taxi-shift .btn-edit,
#taxi-reports .btn-back,
#taxi-reports .btn-file,
#taxi-reports-view .btn-back,
#taxi-cars .add-btn,
.view-invoice .btn-back,
.view-invoice .btn-download,
.view-offer .btn-back,
.view-offer .btn-download{
	float:right;
	margin-right:0;
	margin-left:20px
}

#view-taxi-shift .detail .btn-back,
#view-taxi-shift .detail .btn-file,
#view-taxi-shift .detail .btn-check,
#view-taxi-shift .detail .btn-edit,
#taxi-reports .detail .btn-back,
#taxi-reports .detail .btn-file,
#taxi-reports-view .detail .btn-back,
.view-invoice .detail .btn-back,
.view-invoice .detail .btn-download,
.view-offer .detail .btn-back,
.view-offer .detail .btn-download{
	margin-top:0
}

#view-taxi-shift .status-info span{
	display:block;
	font-size:14px;
	color:#ffffff;
	padding:10px 10px 10px 40px;
	background:#da0812 url("../../system/themes/default/images/user/remove-icon.png") no-repeat 18px center
}

#view-taxi-shift .status-info .accepted{
	background:#6c9e3f url("../../system/themes/default/images/user/check-icon.png") no-repeat 18px center
}

#view-taxi-shift .status-info strong{
	font-size:14px;
	font-weight:bold;
	color:#ffffff
}

.view-invoice .status-info span{
    display:block;
    font-size:14px;
    color:#ffffff;
    padding:10px;
    background:#fb8c00
}

.view-invoice .status-info .paid{
    background:#6c9e3f
}

.view-invoice .status-info .overdue{
    background:#da0812
}

.view-invoice .status-info .credit{
    background:#004899	
}

.view-invoice .status-info strong{
    font-size:14px;
    font-weight:bold;
    color:#ffffff
}

#view-taxi-shift .main-info{
	font-size:11px;
	text-transform:uppercase;
	background:#343c50
}

#view-taxi-shift .main-info div{
	width:33%;
	float:left;
	border-left:1px solid #505b7a
}

#view-taxi-shift .main-info div span{
	display:block;
	color:#acb6ca;
	padding:10px
}

#view-taxi-shift .main-info div strong{
	font-size:16px;
	font-weight:bold;
	color:#ffffff
}

.view-invoice .main-info,
.view-offer .main-info{
    font-size:11px;
    text-transform:uppercase;
    background:#343c50
}

.view-invoice .main-info div,
.view-offer .main-info div{
    width:33%;
    float:left;
    border-left:1px solid #505b7a
}

.view-offer .main-info div{
    width:49%;
}

.view-invoice .main-info div span,
.view-offer .main-info div span{
    display:block;
    color:#acb6ca;
    padding:10px
}

.view-invoice .main-info div strong,
.view-offer .main-info div strong{
    font-size:16px;
    font-weight:bold;
    color:#ffffff
}

#view-taxi-shift .flt-left,
#view-taxi-shift .flt-right,
#taxi-reports-view .flt-left,
#taxi-reports-view .flt-right,
#taxi-reports .flt-left,
#taxi-reports .flt-right,
#taxiStats .flt-left,
#taxiStats .flt-right,
#addTaxiShift .flt-left,
#addTaxiShift .flt-right,
#editTaxiShift .flt-left,
#editTaxiShift .flt-right,
#taxi-car-view .flt-left,
#taxi-car-view .flt-right,
#taxi-driver-view .flt-left,
#taxi-driver-view .flt-right,
#taxi-taxes .flt-left,
#taxi-taxes .flt-right{
	float:left;
	width:320px
}

#view-taxi-shift .flt-right,
#taxi-reports-view .flt-right,
#taxi-reports .flt-right,
#taxiStats .flt-right,
#addTaxiShift .flt-right,
#editTaxiShift .flt-right,
#taxi-car-view .flt-right,
#taxi-driver-view .flt-right,
#taxi-taxes .flt-right{
	float:right
}

#logged #content form .flt-left .formRight,
#logged #content form .flt-right .formRight{
	width:180px;
	padding-right:0
}

#logged #content form .flt-left .rowElem > label,
#logged #content form .flt-right .rowElem > label{
	padding-right:5px;
	width:135px
}

#view-taxi-shift table.view,
#taxi-reports-view table.view,
#taxi-reports table.view,
#taxiStats table.view,
#taxi-taxes table.view{
	margin-bottom:20px
}

#view-taxi-shift table.view .name,
#taxi-reports-view table.view .name,
#taxi-reports table.view .name,
#taxiStats table.view .name,
#taxi-car-view table.view .name,
#taxi-driver-view table.view .name,
#taxi-taxes table.view .name{
	width:55%;
	background:#eceef4
}

#view-taxi-shift table.view .value,
#taxi-reports-view table.view .value,
#taxi-reports table.view .value,
#taxiStats table.view .value,
#taxi-car-view table.view .value,
#taxi-driver-view table.view .value,
#taxi-taxes table.view .value{
	text-align:right;
	width:45%
}


#container .header form.search{
	position:absolute;
	top:16px;
	right:80px;
	width:200px
}

#container .header form.search input{
	padding-right:28px;
	background:#ffffff url("../../system/themes/default/images/user/search-input-icon.png") no-repeat scroll center right 8px
}


/*
 * footer - contact person
 */
#footer img {
    padding:4px;
    border:1px solid #bfc6d3;
    background-color: #fff;
    width: 60px;
    height: 60px
}

#footer .picture {
    width: 79px;
    float: left
}

#footer .text {
    float: left;
    font-size: 16px;
    padding-top: 4px
}

#footer p {
    line-height: 1.5;
    font-size: 14px
}

#footer h2 {
    font-size:16px;
    padding-bottom: 3px
}

/*
 * eshop step 2
 */
#content #servicesStep2 h2{
	clear:both;
	padding-top:25px
}

#servicesStep2 .address{
	width:330px;
	float:left
}

#content #servicesStep2 .address h2{
	padding-top:0;
	margin:0 0 10px 0;
	border-bottom:1px solid #dfe2ea
}

#servicesStep2 .address strong{
	color:#333b50
}

#servicesStep2 table.summary{
	border-collapse:collapse;
	width:100%
}

#servicesStep2 table.summary, 
#servicesStep2 table.summary td,
#servicesStep2 table.summary th{
	vertical-align:middle
}

#servicesStep2 table.summary th{
	padding:10px 10px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#acb6ca;
	background:#343c50
}

#servicesStep2 table.summary td{
	font-size:13px;
	padding:10px 10px;
	border-bottom:1px solid #dfe2ea
}

#servicesStep2 table.summary td.name{
	font-weight:bold;
	color:#004899;
	width:80%
}

#servicesStep2 table.summary td.price{
	font-weight:bold;
	color:#da0812;
	text-align:right;
	width:20%
}

#servicesStep2 table.summary th.price{
	text-align:right
}

#servicesStep2 .totalBox{
	float:right;
    width:350px;
    padding:15px;
    font-weight:bold;
    background-color:#eceef4
}

#servicesStep2 .totalBox .text{
    float:left;
	line-height:2
}

#servicesStep2 .totalBox .price{
    float:right;
	font-size:24px;
	color:#da0812
}

#servicesStep2 table.info{
	border-collapse:collapse;
	width:100%;
	border-top:1px solid #dfe2ea;
	margin-top:15px
}

#servicesStep2 table.info, 
#servicesStep2 table.info td{
	vertical-align:middle
}

#servicesStep2 table.info td{
	font-size:13px;
	padding:10px 10px;
	border-bottom:1px solid #dfe2ea
}

#servicesStep2 table.info td.number{
	width:5%
}

#servicesStep2 table.info td.name{
	font-weight:bold;
	color:#004899;
	width:15%
}

#servicesStep2 table.info td.type{
	width:15%
}

#servicesStep2 table.info td.dueDate{
	width:45%
}

#servicesStep2 table.info td.dueDate strong{
	color:#333b50
}

#servicesStep2 table.info td.price{
	font-weight:bold;
	color:#da0812;
	text-align:right;
	width:20%
}

#servicesStep2 table.info .circle{
    width:23px;
    height:23px;
    border-radius:15px;
    font-size:12px;
	font-weight:bold;
    color:#ffffff;
    line-height:23px;
    text-align:center;
    background:#DA0812
}

#servicesStep2 a.back{
	float:left;
	margin:30px 0 0 0;
	padding:0 10px
}

#servicesStep2 a.back span{
    color:#ffffff
}

#servicesStep2 a.submit{
	float:right;
	margin:30px 0 0 0;
	padding:0 10px
}

#servicesStep2 a.submit span{
    color:#ffffff;
	line-height:40px;
	padding-left:23px;
	background:url("../../system/themes/default/images/user/cart-icon.png") no-repeat left center
}

/*
 * Services step 1
 */
#content #servicesStep1 h2{
	padding-top:50px;
	border-bottom:1px solid #dfe2ea
}

#content #servicesStep1 h2:first-child{
	padding-top:0
}

#servicesStep1 .left{
    float:left
}

#servicesStep1 .right {
    float: right
}

#servicesStep1 .aside{
    width:150px;
    margin:0 30px 0 10px
}

#servicesStep1 .serviceElem{
    padding:15px 0;
    border-bottom:1px solid #dfe2ea
}

#servicesStep1 .serviceElem.noBorder {
	border:0
}

#servicesStep1 .serviceElem h3{
	font-size:16px;
    color:#7eaa57
}

#servicesStep1 .serviceElem .main{
    width:380px;
	padding-top:2px
}

#servicesStep1 .serviceElem .ordered{
	padding-top:2px
}

#servicesStep1 .serviceElem .ordered span{
	font-size:13px;
	color:#7eaa57;
    padding-left:20px;
    background:url("../../system/themes/default/images/user/upload-success-icon.png") no-repeat left center
}

#servicesStep1 .serviceElem a.info{
    padding:4px 10px;
}

#servicesStep1 .serviceElem a.info span{
    font-size:12px;
	color:#ffffff;
	padding-right:13px;
	background:no-repeat right center
}

#servicesStep1 .serviceElem a.info .open{
	background-image:url("../../system/themes/default/images/user/collapse-down-arrow-icon.png")
}

#servicesStep1 .serviceElem a.info .close{
	background-image:url("../../system/themes/default/images/user/collapse-up-arrow-icon.png")
}

#servicesStep1 .serviceElem a.order{
    padding:10px 15px
}

#servicesStep1 .serviceElem a.order span{
    font-size:14px;
	color:#ffffff;
	padding-left:23px;
	background:url("../../system/themes/default/images/user/cart-icon.png") no-repeat left center
}

#servicesStep1 .serviceElem .main.available{
    padding:8px 0 0 0
}

#servicesStep1 .serviceElem .right.available{
    padding:6px 0 0 0
}

#servicesStep1 .serviceElem .available h3{
    color:#d80612
}

#servicesStep1 .desc{
    width:470px
}

#servicesStep1 .detail{
    padding:10px 0 30px 0;
	border-bottom:1px solid #dfe2ea
}

#servicesStep1 .detail .info {
    background:#eceef4
}

#servicesStep1 .detail .info .box{
    margin:10px 0;
	font-size:13px
}

#servicesStep1 .detail .info .box .item{
    padding:0 10px;
	line-height:1.5
}

#servicesStep1 .detail .info hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:10px 0;
    padding:0
}

#servicesStep1 .aside .redBG{
    background-color:#da0812;
    padding:12px
}

#servicesStep1 .aside .redBG .smallPrice{
    font-size:14px;
    color:white
}
#servicesStep1 .aside .redBG .bigPrice{
    font-size:19px;
    font-weight:bold;
    color:white
}

#servicesStep1 .aside .orderYear{
    padding:10px 0
}

#servicesStep1 .aside .orderYear .title{
	font-size:13px;
	font-weight:bold;
	line-height:1.5;
	padding-bottom:5px;
    color:#333950
}

#servicesStep1 div.selector.fixedWidth {
    width:140px
}

#servicesStep1 div.selector.fixedWidth span {
    width:110px
}

.none,
.hide{
    display:none!important
}

/*
 * Tabelltrekk - Tac calculation
 */
#tax-calculation{
	display:none;
	padding-top:30px;
}

#tax-calculation .tableList{
	display:none;
	margin:0;
}

#tax-calculation .message{
	display:none;
	margin:0;
}

/*
 * Invoices - new invoices part
 */
#invoices-module #content h2{
	padding:0;
}

#invoices-module #content .section-header h2{
	float:left;
}

#invoices-module .filter,
#employees-module .filter{
    padding-top:20px;
	margin-top:20px;
	border-top:1px solid #dfe2ea;
}

#invoices-module .filter .row-elem,
#employees-module .filter .row-elem{
    float:left;
    width:150px;
    padding:0 0 20px 20px
}

#invoices-module .filter .row-elem:first-child,
#employees-module .filter .row-elem:first-child{
    padding-left:0
}

#invoices-module .filter .row-elem label,
#employees-module .filter .row-elem label{
    display:block;
    width:100%;
    color:#333950;
    font-weight:bold;
    padding-bottom:5px
}

#invoices-module .filter .row-elem label,
#employees-module .filter .row-elem label{
    display:block;
    width:100%;
    color:#333950;
    font-weight:bold;
    padding-bottom:5px
}

#invoices-module .filter .row-elem div.selector.fixedWidth,
#employees-module .filter .row-elem div.selector.fixedWidth{
    width:140px;
}

#invoices-module .filter .row-elem div.selector.fixedWidth span,
#employees-module .filter .row-elem div.selector.fixedWidth span{
    width:110px;
}

#invoices-module .clients .table-list{
    padding:20px 0 0 0;
}

#invoices-module .table-list td strong{
	color:#333b50;
}

#invoices-module .table-list td.status{
    font-weight:bold;
}

#invoices-module .table-list td.status.s1{
    color:#fb8c00;
}

#invoices-module .table-list td.status.s2{
    color:#6c9e3f;
}

#invoices-module .table-list td.status.s3{
    color:#da0812;
}

#invoices-module .table-list td.status.s4{
    color:#004899;
}

#invoices-module #content.add-client fieldset{
    padding-bottom:5px;
    margin-bottom:20px;
    border-bottom:1px solid #dfe2ea
}

#invoices-module #content.add-client .rowElem{
    width:320px;
	float:left;
}

#invoices-module #content.add-client .steps{
    padding:0 0 15px 0;
}

#invoices-module #content.add-client .steps .rowElem{
    width:620px;
    float:none;
	padding:20px;
	background:#eceef4;
}

#invoices-module #content.add-client .steps .rowElem:first-child{
    border-bottom:1px solid #d5d9e3;
}

#invoices-module #content.add-client .end-row{
    margin:0 330px 0 0;
}

#invoices-module #content.add-client form label{
	font-size:14px;
	font-weight:bold;
	color:#333950;
	float:none;
	padding:0 0 10px 0;
}

#invoices-module #content.add-client form .steps label{
    width:320px;
    float:left;
	padding:7px 0 0 0;
}

#invoices-module #content.add-client form .steps label{
    width:280px;
    float:left;
    padding:7px 0 0 10px;
}

#invoices-module #content.add-client form .formRight label{
	width:auto;
	float:left;
    font-weight:normal;
    margin-right:15px;
    padding:7px 10px;
    cursor:pointer
}

#invoices-module #content .record-not-found{
	font-size:13px;
	color:#666666;
	line-height:1.5;
	background:url("../../system/themes/default/images/user/information-icon.png") no-repeat left 20px center;
	margin:30px 0 10px 0;
    padding:0 30px 0 60px;
}

#invoices-module #content.add-client form .steps .number{
    width:30px;
	height:30px;
	line-height:30px;
	border-radius:15px;
	font-size:14px;
	font-weight:bold;
    text-align:center;
	float:left;
	color:#ffffff;
	background:#004699;
	margin:1px 0 0 0;
}

#invoices-module #content.add-client div.selector.fixedWidth{
    width:310px;
}

#invoices-module #content.add-client div.selector.fixedWidth span{
    width:280px;
}

#invoices-module #content.add-client .steps div.selector.fixedWidth{
    width:290px;
}

#invoices-module #content.add-client .steps div.selector.fixedWidth span{
    width:260px;
}

#invoices-module #content.add-client .steps input{
    background:#ffffff;
}

#invoices-module #content.add-client .formRight{
	float:none;
    width:100%;
    padding:0;
    margin:0 0 15px 0;
}

#invoices-module #content.add-client .steps .formRight{
    float:right;
	width:300px;
	margin:0;
}

#invoices-module #content.add-invoice .box.left,
#invoices-module #content.add-invoice .box .left{
	float:left;
}

#invoices-module #content.add-invoice .box.right,
#invoices-module #content.add-invoice .box .right{
    float:right;
}

#invoices-module #content.add-invoice .box{
    width:50%;
}

#invoices-module #content.add-invoice .invoice-header .box{
    width:43%;
    padding-right:7%;
}

#invoices-module #content.add-invoice .invoice-header,
#invoices-module #content.add-invoice .invoice-details,
#invoices-module #content.add-invoice .invoice-items{
	padding:0 0 25px 0;
	border-bottom:1px solid #dfe2ea;
}

#invoices-module #content.add-invoice .invoice-header h2{
    padding:0 0 20px 0;
}

#invoices-module #content.add-invoice .invoice-header .info{
	position:relative;
    font-size:15px;
	padding:0 0 20px 0;
}

#invoices-module #content.add-invoice .invoice-header .remove{
    position:absolute;
	right:0;
	top:-3px;
	text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    color: #da0812;
}

#invoices-module #content.add-invoice .invoice-header .contact{
    font-size:13px;
}

#invoices-module #content.add-invoice .invoice-header .client-form {
	text-align: center;
}

#invoices-module #content.add-invoice .invoice-header .client-form input{
    display: inline-block;
}

#invoices-module #content.add-invoice .invoice-header .client-form .alt{
    display: inline-block;
    padding: 15px 0;
}

#invoices-module #content.add-invoice .invoice-header .client-form .btn{
    float: none;
	margin: 0;
}

#invoices-module #content.add-invoice .invoice-details{
	padding-top:25px;
	padding-bottom:10px;
	font-size:13px;
}

#invoices-module #content.add-invoice .invoice-details .rowElem>label{
    float:none;
	color:#333950;
	font-weight:bold;
	padding:0 0 10px 0;
}

#invoices-module #content.add-invoice .invoice-details .formRight{
    float:none;
    width:100%;
	padding:0;
	margin:0 0 15px 0;
}

#invoices-module #content.add-invoice .invoice-details .left .rowElem{
    padding:0 0 5px 0;
}

#invoices-module #content.add-invoice .invoice-details .left .rowElem .left{
    width:35%;
}

#invoices-module #content.add-invoice .invoice-details .left .rowElem .right{
	float:left;
    text-align:left;
}

#invoices-module #content.add-invoice div.selector.fixedWidth{
    width:320px;
}

#invoices-module #content.add-invoice div.selector.fixedWidth span{
    width:290px;
}

#invoices-module #content.add-invoice .invoice-details .datepicker{
	padding:0 0 0 20px;
    color:#004699;
	text-decoration:underline;
	cursor:pointer;
	background:url("../../system/themes/default/images/user/icons/color/calendar.png") no-repeat left top;
}

#invoices-module #content.add-invoice .invoice-items{
    padding-top:25px;
    font-size:13px;
	margin:0 0 25px 0;
}

#invoices-module #content.add-invoice .invoice-items h2{
    padding:0 0 10px 0;
}

#invoices-module #content.add-invoice .invoice-items table{
    margin:0;
}

#invoices-module #content.add-invoice .invoice-items th span{
    color:#e3e7f0
}

#invoices-module #content.add-invoice .invoice-items th:nth-child(1){
	width:40%;
}

#invoices-module #content.add-invoice .invoice-items th:nth-child(2){
    width:15%;
}

#invoices-module #content.add-invoice .invoice-items th:nth-child(3){
    width:20%;
}

#invoices-module #content.add-invoice .invoice-items th:nth-child(4){
    width:10%;
}

#invoices-module #content.add-invoice .invoice-items th:nth-child(5){
    width:15%;
}

#invoices-module #content.add-invoice .invoice-items select{
    text-align:right;
}

#invoices-module #content.add-invoice .invoice-items div.selector.fixedWidth{
    width:60px;
}

#invoices-module #content.add-invoice .invoice-items div.selector.fixedWidth span{
	text-align:right;
    width:30px;
}

#invoices-module #content.add-invoice .invoice-items .right input{
    text-align:right;
}

#invoices-module #content.add-invoice .invoice-items tr td:nth-child(5){
    font-weight:bold;
	color:#6c9e3f;
}

#invoices-module #content.add-invoice .invoice-items .box.left{
    padding:15px 0 0 0;
}

#invoices-module #content.add-invoice .invoice-items .add-new{
	padding:0 0 0 18px;
	margin:0 0 0 15px;
    background:url("../../system/themes/default/images/user/icons/color/grey-plus.png") no-repeat left 1px;
}

#invoices-module #content.add-invoice .invoice-items .rowElem{
    padding:14px 10px;
}

#invoices-module #content.add-invoice .invoice-items .rowElem:nth-child(1){
    border-bottom:1px solid #dfe2ea;
}

#invoices-module #content.add-invoice .invoice-items .total{
    font-weight:bold;
	background:#6c9e3f;
}

#invoices-module #content.add-invoice .invoice-items .total div{
	color:#ffffff;
}

#invoices-module #content.add-invoice .invoice-items .total .right{
    font-size:16px;
}

#invoices-module #content.send-invoice form label{
    font-size:14px;
    font-weight:bold;
    color:#333950;
    float:none;
    padding:7px 0 0 10px;
    width:200px;
    float:left;
}

#invoices-module #content.send-invoice .formRight{
    float:right;
    width:450px;
	padding:0;
}

#invoices-module #content.send-invoice .formRight .text{
    margin:7px 0 7px 0;
}

#invoices-module #content.view-invoice .controls {
    text-align: center;
}

#invoices-module #content.view-invoice .controls .btn{
    display: inline-block;
	padding: 7px 15px;
	margin-bottom: 5px;
}

#invoices-module #content.view-invoice .controls .btn span{
    color: #ffffff;
}


/*
 * Price offers
 */
#price-offers-module #content h2{
    padding:0;
}

#price-offers-module #content .section-header h2{
    float:left;
}

#price-offers-module .filter{
    padding-top:20px;
    margin-top:20px;
    border-top:1px solid #dfe2ea;
}

#price-offers-module .filter .row-elem{
    float:left;
    width:150px;
    padding:0 0 20px 20px
}

#price-offers-module .filter .row-elem:first-child{
    padding-left:0
}

#price-offers-module .filter .row-elem label{
    display:block;
    width:100%;
    color:#333950;
    font-weight:bold;
    padding-bottom:5px
}

#price-offers-module .filter .row-elem label{
    display:block;
    width:100%;
    color:#333950;
    font-weight:bold;
    padding-bottom:5px
}

#price-offers-module .filter .row-elem div.selector.fixedWidth{
    width:140px;
}

#price-offers-module .filter .row-elem div.selector.fixedWidth span{
    width:110px;
}

#price-offers-module .clients .table-list{
    padding:20px 0 0 0;
}

#price-offers-module .table-list td strong{
    color:#333b50;
}

#price-offers-module .table-list td.status{
    font-weight:bold;
}

#price-offers-module .table-list td.status.s1{
    color:#fb8c00;
}

#price-offers-module .table-list td.status.s2{
    color:#6c9e3f;
}

#price-offers-module .table-list td.status.s3{
    color:#da0812;
}

#price-offers-module .table-list td.status.s4{
    color:#004899;
}

#price-offers-module #content.add-client fieldset{
    padding-bottom:5px;
    margin-bottom:20px;
    border-bottom:1px solid #dfe2ea
}

#price-offers-module #content.add-client .rowElem{
    width:320px;
    float:left;
}

#price-offers-module #content.add-client .steps{
    padding:0 0 15px 0;
}

#price-offers-module #content.add-client .steps .rowElem{
    width:620px;
    float:none;
    padding:20px;
    background:#eceef4;
}

#price-offers-module #content.add-client .steps .rowElem:first-child{
    border-bottom:1px solid #d5d9e3;
}

#price-offers-module #content.add-client .end-row{
    margin:0 330px 0 0;
}

#price-offers-module #content.add-client form label{
    font-size:14px;
    font-weight:bold;
    color:#333950;
    float:none;
    padding:0 0 10px 0;
}

#price-offers-module #content.add-client form .steps label{
    width:320px;
    float:left;
    padding:7px 0 0 0;
}

#price-offers-module #content.add-client form .steps label{
    width:280px;
    float:left;
    padding:7px 0 0 10px;
}

#price-offers-module #content.add-client form .formRight label{
    width:auto;
    float:left;
    font-weight:normal;
    margin-right:15px;
    padding:7px 10px;
    cursor:pointer
}

#price-offers-module #content .record-not-found{
    font-size:13px;
    color:#666666;
    line-height:1.5;
    background:url("../../system/themes/default/images/user/information-icon.png") no-repeat left 20px center;
    margin:30px 0 10px 0;
    padding:0 30px 0 60px;
}

#price-offers-module #content.add-client form .steps .number{
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:15px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    float:left;
    color:#ffffff;
    background:#004699;
    margin:1px 0 0 0;
}

#price-offers-module #content.add-client div.selector.fixedWidth{
    width:310px;
}

#price-offers-module #content.add-client div.selector.fixedWidth span{
    width:280px;
}

#price-offers-module #content.add-client .steps div.selector.fixedWidth{
    width:290px;
}

#price-offers-module #content.add-client .steps div.selector.fixedWidth span{
    width:260px;
}

#price-offers-module #content.add-client .steps input{
    background:#ffffff;
}

#price-offers-module #content.add-client .formRight{
    float:none;
    width:100%;
    padding:0;
    margin:0 0 15px 0;
}

#price-offers-module #content.add-client .steps .formRight{
    float:right;
    width:300px;
    margin:0;
}

#price-offers-module #content.add-offer .box.left,
#price-offers-module #content.add-offer .box .left{
    float:left;
}

#price-offers-module #content.add-offer .box.right,
#price-offers-module #content.add-offer .box .right{
    float:right;
}

#price-offers-module #content.add-offer .box{
    width:50%;
}

#price-offers-module #content.add-offer .offer-header .box{
    width:43%;
    padding-right:7%;
}

#price-offers-module #content.add-offer .offer-header,
#price-offers-module #content.add-offer .offer-details,
#price-offers-module #content.add-offer .offer-items{
    padding:0 0 25px 0;
    border-bottom:1px solid #dfe2ea;
}

#price-offers-module #content.add-offer .offer-header h2{
    padding:0 0 20px 0;
}

#price-offers-module #content.add-offer .offer-header .info{
    position:relative;
    font-size:15px;
    padding:0 0 20px 0;
}

#price-offers-module #content.add-offer .offer-header .remove{
    position:absolute;
    right:0;
    top:-3px;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    color: #da0812;
}

#price-offers-module #content.add-offer .offer-header .contact{
    font-size:13px;
}

#price-offers-module #content.add-offer .offer-header .client-form {
    text-align: center;
}

#price-offers-module #content.add-offer .offer-header .client-form input{
    display: inline-block;
}

#price-offers-module #content.add-offer .offer-header .client-form .alt{
    display: inline-block;
    padding: 15px 0;
}

#price-offers-module #content.add-offer .offer-header .client-form .btn{
    float: none;
    margin: 0;
}

#price-offers-module #content.add-offer .offer-details{
    padding-top:25px;
    padding-bottom:10px;
    font-size:13px;
}

#price-offers-module #content.add-offer .offer-details .rowElem>label{
    float:none;
    color:#333950;
    font-weight:bold;
    padding:0 0 10px 0;
}

#price-offers-module #content.add-offer .offer-details .formRight{
    float:none;
    width:100%;
    padding:0;
    margin:0 0 15px 0;
}

#price-offers-module #content.add-offer .offer-details .left .rowElem{
    padding:0 0 5px 0;
}

#price-offers-module #content.add-offer .offer-details .left .rowElem .left{
    width:35%;
}

#price-offers-module #content.add-offer .offer-details .left .rowElem .right{
    float:left;
    text-align:left;
}

#price-offers-module #content.add-offer div.selector.fixedWidth{
    width:320px;
}

#price-offers-module #content.add-offer div.selector.fixedWidth span{
    width:290px;
}

#price-offers-module #content.add-offer .offer-details .datepicker{
    padding:0 0 0 20px;
    color:#004699;
    text-decoration:underline;
    cursor:pointer;
    background:url("../../system/themes/default/images/user/icons/color/calendar.png") no-repeat left top;
}

#price-offers-module #content.add-offer .offer-items{
    padding-top:25px;
    font-size:13px;
    margin:0 0 25px 0;
}

#price-offers-module #content.add-offer .offer-items h2{
    padding:0 0 10px 0;
}

#price-offers-module #content.add-offer .offer-items table{
    margin:0;
}

#price-offers-module #content.add-offer .offer-items th span{
    color:#e3e7f0
}

#price-offers-module #content.add-offer .offer-items th:nth-child(1){
    width:40%;
}

#price-offers-module #content.add-offer .offer-items th:nth-child(2){
    width:15%;
}

#price-offers-module #content.add-offer .offer-items th:nth-child(3){
    width:20%;
}

#price-offers-module #content.add-offer .offer-items th:nth-child(4){
    width:10%;
}

#price-offers-module #content.add-offer .offer-items th:nth-child(5){
    width:15%;
}

#price-offers-module #content.add-offer .offer-items select{
    text-align:right;
}

#price-offers-module #content.add-offer .offer-items div.selector.fixedWidth{
    width:60px;
}

#price-offers-module #content.add-offer .offer-items div.selector.fixedWidth span{
    text-align:right;
    width:30px;
}

#price-offers-module #content.add-offer .offer-items .right input{
    text-align:right;
}

#price-offers-module #content.add-offer .offer-items tr td:nth-child(5){
    font-weight:bold;
    color:#6c9e3f;
}

#price-offers-module #content.add-offer .offer-items .box.left{
    padding:15px 0 0 0;
}

#price-offers-module #content.add-offer .offer-items .add-new{
    padding:0 0 0 18px;
    margin:0 0 0 15px;
    background:url("../../system/themes/default/images/user/icons/color/grey-plus.png") no-repeat left 1px;
}

#price-offers-module #content.add-offer .offer-items .rowElem{
    padding:14px 10px;
}

#price-offers-module #content.add-offer .offer-items .rowElem:nth-child(1){
    border-bottom:1px solid #dfe2ea;
}

#price-offers-module #content.add-offer .offer-items .total{
    font-weight:bold;
    background:#6c9e3f;
}

#price-offers-module #content.add-offer .offer-items .total div{
    color:#ffffff;
}

#price-offers-module #content.add-offer .offer-items .total .right{
    font-size:16px;
}

#price-offers-module #content.send-offer form label{
    font-size:14px;
    font-weight:bold;
    color:#333950;
    float:none;
    padding:7px 0 0 10px;
    width:200px;
    float:left;
}

#price-offers-module #content.send-offer .formRight{
    float:right;
    width:450px;
    padding:0;
}

#price-offers-module #content.send-offer .formRight .text{
    margin:7px 0 7px 0;
}

#price-offers-module #content.view-offer .controls {
    text-align: center;
}

#price-offers-module #content.view-offer .controls .btn{
    display: inline-block;
    padding: 7px 15px;
    margin-bottom: 5px;
}

#price-offers-module #content.view-offer .controls .btn span{
    color: #ffffff;
}

/*
 * Tecla Reports
 */
#tecla-reports-module #content .section-header h2{
    float:left;
}

/*
 * Employees
 */
#employees-module #content .btn-back{
	margin:0 0 10px 0;
}

#employees-module #content .section-header h2{
    border-bottom:0;
    float:left;
}

#employees-module #content.add-employee fieldset{
    padding-bottom:5px;
    margin-bottom:20px;
    border-bottom:1px solid #dfe2ea
}

#employees-module #content.add-employee .rowElem{
    width:320px;
    float:left;
}

#employees-module #content.add-employee .steps{
    padding:0 0 15px 0;
}

#employees-module #content.add-employee .steps .rowElem{
    width:620px;
    float:none;
    padding:20px;
    background:#eceef4;
	border-top:1px solid #d5d9e3;
}

#employees-module #content.add-employee .steps .rowElem:first-child{
    border:0;
}

#employees-module #content.add-employee .end-row{
    margin:0 330px 0 0;
}

#employees-module #content.add-employee form label{
	width:auto;
    font-size:14px;
    font-weight:bold;
    color:#333950;
    float:none;
    padding:0 0 10px 0;
}

#employees-module #content.add-employee form .steps label{
    width:320px;
    float:left;
    padding:7px 0 0 0;
}

#employees-module #content.add-employee form .steps label{
    width:280px;
    float:left;
    padding:7px 0 0 10px;
}

#employees-module #content .record-not-found{
    font-size:13px;
    color:#666666;
    line-height:1.5;
    background:url("../../system/themes/default/images/user/information-icon.png") no-repeat left 20px center;
    margin:30px 0 10px 0;
    padding:0 30px 0 60px;
}

#employees-module #content.add-employee h3{
	font-size:17px;
    font-weight:bold;
    padding:0 0 10px 0;
    color:#333950;
}

#employees-module #content.add-employee form .steps .number{
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:15px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    float:left;
    color:#ffffff;
    background:#004699;
    margin:1px 0 0 0;
}

#employees-module #content.add-employee div.selector.fixedWidth{
    width:310px;
}

#employees-module #content.add-employee div.selector.fixedWidth span{
    width:280px;
}

#employees-module .error div.selector span{
	background-position:right 0px;
}

#employees-module .error div.focus span{
    background-position:right -30px;
}

#employees-module #content.add-employee .steps input{
    background:#ffffff;
}

#employees-module #content.add-employee .formRight{
    float:none;
    width:100%;
    padding:0;
    margin:0 0 15px 0;
}

#employees-module #content.add-employee .formRight .checker{
    margin:0 10px 0 0;
}

#employees-module #content.add-employee .formRight label{
	float:left;
	font-weight:normal;
	padding:1px 0 0 0;
}

#employees-module #content.add-employee .steps .formRight{
    float:right;
    width:300px;
    margin:0;
}

#employees-module #content .inline-edit{
    position:relative;
}

#employees-module #content .inline-edit input{
    width:70%;
}

#employees-module #content .inline-edit .controls{
    position:absolute;
	right:10px;
	top:5px;
}

#employees-module #content .inline-edit .controls .loader{
	width:16px;
	height:16px;
	margin-top:11px;
    background:url("../../system/themes/default/images/loaders/loader3.gif") no-repeat;
}

#employees-module #content .inline-edit .controls .btn{
    padding:2px 7px;
}

#employees-module #content .inline-edit .controls .btn.save{
    margin-top:8px;
}

#employees-module #content .inline-edit .controls .btn span{
    font-size:11px;
	color:#ffffff;
}

.missing-files h3 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
}

.missing-files p {
	padding-bottom: 15px;
}

.missing-files ul {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 15px;
    padding-bottom: 15px;
}

.missing-files ul ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}

.missing-files li {
    font-size: 14px;
    line-height: 1.5;
}

.missing-files h2 + .message {
	margin-top: 10px;
}

.required-files p {
	padding-bottom: 15px;
}

.required-files p:last-child {
	padding-bottom: 0;
}

.required-files ul {
	list-style-type: square;
	list-style-position: inside;
	padding-left: 15px;
	padding-bottom: 15px;
}

.required-files ul ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 15px;
}

.required-files li {
	font-size: 14px;
	line-height: 1.5;
}

#invoices-module #content.moved-announcement img {
	display: block;
	margin: auto;
}

#invoices-module #content.moved-announcement h2 {
	font-size: 40px;
	margin: 40px 0 0 0;
	text-align: center;
}

#invoices-module #content.moved-announcement p {
	font-size: 16px;
	padding: 20px 20px 0 20px;
	text-align: center;
}

#invoices-module #content.moved-announcement p.note {
	font-size: 12px;
	padding: 20px 0 0 0;
	text-align: center;
}

#invoices-module #content.moved-announcement a.btn {
	margin: 20px auto 0 auto;
	display: block;
	width: max-content;
}

/*!
 * Datetimepicker for Bootstrap v3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.bootstrap-datetimepicker-widget {
	display:none;
	top:0;
	left:0;
	width:250px;
	padding:4px;
	margin-top:1px;
	z-index:99999 !important;
	border-radius: 4px;
	float: left;
	min-width: 160px;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
	color:#7b8293;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	width:14.2857%;
	
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	color:#333b50;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget table .separator{
	vertical-align:middle;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
	width:100%;
	margin:0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
	text-align: center;
	width: 20px;
	line-height: 20px;
	border-radius:4px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.hour,
.bootstrap-datetimepicker-widget td.day,
.bootstrap-datetimepicker-widget td .month,
.bootstrap-datetimepicker-widget td .year{
	font-weight:bold;
	color:#333b50;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new,
.bootstrap-datetimepicker-widget td .old,
.bootstrap-datetimepicker-widget td .new {
	font-weight:normal;
	color:#acb6ca;
}
.bootstrap-datetimepicker-widget td.today {
	position:relative;
}
.bootstrap-datetimepicker-widget td.today:before {
	content:'';
	display:inline-block;
	border-left:7px solid transparent;
	border-bottom:7px solid #004899;
	border-top-color:rgba(0, 0, 0, 0.2);
	position:absolute;
	bottom:4px;
	right:4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
	background-color:#0054b2;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
	border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
	display:block;
	width:52px;
	height:54px;
	line-height:54px;
	float:left;
	margin:2px;
	cursor:pointer;
	border-radius:4px;
}
.bootstrap-datetimepicker-widget td span:hover {
	background:#eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
	background-color:#0054b2;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
	color:#999999;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
	background:none;
	color:#999999;
	cursor:not-allowed;
}
.bootstrap-datetimepicker-widget th.switch {
	color:#343c50;
	width:145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
	color:#0054b2;
 	font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
	background:none;
	color:#999999;
	cursor:not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
	background:#ffffff;
	cursor:pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
	background:#eeeeee;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > th,
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > th,
.bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > th,
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > td{
	padding: 5px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}

.bootstrap-datetimepicker-widget .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.bootstrap-datetimepicker-widget .fade.in {
  opacity: 1;
}
.bootstrap-datetimepicker-widget .collapse {
  display: none;
}
.bootstrap-datetimepicker-widget .collapse.in {
  display: block;
}
.bootstrap-datetimepicker-widget .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.bootstrap-datetimepicker-widget .btn{
	display:inline-block;
	margin-bottom:0;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	padding:6px 0;
	font-size:14px;
	line-height:1.428571429;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.bootstrap-datetimepicker-widget .btn span{
	color:#0054b2;
}

.bootstrap-datetimepicker-widget .btn:focus span,
.bootstrap-datetimepicker-widget .btn:active:focus span,
.bootstrap-datetimepicker-widget .btn.active:focus span {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bootstrap-datetimepicker-widget .btn:hover span,
.bootstrap-datetimepicker-widget .btn:focus span {
  color: #333333;
  text-decoration: none;
}
.bootstrap-datetimepicker-widget .btn.disabled,
.bootstrap-datetimepicker-widget .btn[disabled],
fieldset[disabled] .bootstrap-datetimepicker-widget .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* ===== Tooltip ===== */

.tipsy { padding: 4px; font-size: 11px; opacity: 0.9; filter: alpha(opacity=90); background-repeat: no-repeat;  background-image: url("../../system/themes/default/images/tipsy.gif"); }
.tipsy-inner { padding: 2px 8px 2px 8px; background-color: black; color: white; max-width: 400px; text-align: left; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/* ====== Tablesorter ====== */
/* header */

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	cursor:pointer;
	white-space:normal;
	padding-right:0;
}
.tablesorter-default .tablesorter-header span{
	background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
}
.tablesorter-default thead .headerSortUp span,
.tablesorter-default thead .tablesorter-headerSortUp span,
.tablesorter-default thead .tablesorter-headerAsc span{
	background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.tablesorter-default thead .headerSortDown span,
.tablesorter-default thead .tablesorter-headerSortDown span,
.tablesorter-default thead .tablesorter-headerDesc span{
	background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.tablesorter-default thead .sorter-false {
	cursor:default;
}
.tablesorter-default thead .sorter-false span{
	background-image:none;
	padding-right:10px;
}


/* ======= Autocomplete ========== */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor:pointer; font-size:13px; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

#service-offer #body-container,
#ad-landing #body-container{
	width: auto;
	max-width: 600px;
	padding: 0 20px;
}

#service-offer #container,
#ad-landing #container{
	width: auto;
	margin: 0;
}

#service-offer form h2,
#ad-landing form h2{
    font-size: 21px;
    padding: 0 0 5px 0;
}

#service-offer form p,
#ad-landing form p{
    color: #333b50;
	padding: 0 0 15px 0;
}

#service-offer form p strong,
#ad-landing form p strong{
	color: #333b50;
}

#service-offer form .options,
#ad-landing form fieldset {
    padding: 0 0 20px 0;
}

#ad-landing form fieldset + .rowElem {
	margin-top: -20px;
}

#ad-landing form .rowElem.submit .formRight {
	margin: 0;
}

#service-offer form p + .options,
#ad-landing form p + .options{
	padding-top: 10px;
}

#service-offer form .options .rowElem {
    cursor: pointer;
    background: #eceef4;
    padding: 20px;
}

#service-offer div.radio,
#service-offer div.checker {
	position: absolute;
	float: none;
	top: 20px;
}

#service-offer div.radio span,
#service-offer div.checker span {
	position: relative;
}

#service-offer div.radio input,
#service-offer div.checker input {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
    visibility: hidden;
}

#service-offer form .options label {
    width: auto;
    float: none;
    font-weight: normal;
    color: #333b50;
    cursor: pointer;
    margin: 0;
    padding: 6px 10px 6px 26px;
}

#service-offer form .options label strong {
    color: #333b50;
}

#service-offer form .formLeft {
    float: left;
    width: 75%;
}

#service-offer form .formRight {
    float: right;
    width: 25%;
    margin: 0 0 5px 0;
}

#service-offer form .options .price {
    font-size: 19px;
    font-weight: bold;
    text-align: right;
    color: #333b50!important;
    padding: 4px 0;
}

#service-offer form .description {
    clear: both;
    margin: 0;
    padding: 0 0 0 42px;
}

#service-offer form .description li {
    font-size: 12px;
    list-style: square;
	padding: 2px 0;
}

#service-offer form .options .rowElem.selected {
    background: #c1ed9a;
}

#service-offer form .options .selected label {
    color: #333b50;
}

#service-offer form .options .selected label strong {
    color: #333b50;
}

#service-offer form .options .selected .price {
    color: #333b50!important;
}

#service-offer form .selected .description li {
    color: #666666;
}

#service-offer form .summary {
    border-top: 1px solid #dfe2ea;
    padding-top: 20px;
}


#service-offer form .summary .formLeft,
#service-offer form .summary .formLeft span {
    font-size: 21px;
    font-weight: bold;
    color: #343c50;
    padding: 9px 0;
}

#ad-landing form .rowElem > label {
	width: 25%;
	padding-right: 0;
}

#ad-landing form .formRight {
	width: 75%;
}

#ad-landing .btn.submit {
	float: none;
	margin: 0;
}

@media (max-width: 767.98px) {
	#service-offer #body-container,
	#ad-landing #body-container{
		margin-top: 130px;
		margin-bottom: 20px;
	}
}

@media (max-width: 575.98px) {
	#service-offer #container .header .icon,
    #service-offer #notLoggedLeft,
	#ad-landing #container .header .icon,
	#ad-landing #notLoggedLeft{
		display: none;
	}

	#service-offer #container .header h1,
	#ad-landing #container .header h1{
		font-size: 22px;
		padding: 25px 20px;
		line-height: normal;
	}

    #service-offer #notLoggedRight,
	#ad-landing #notLoggedRight{
        float: none;
        width: auto;
    }

	#service-offer form .formLeft,
	#service-offer form .formRight {
		float: none;
		width: auto;
	}

	#service-offer form .formRight {
		margin: 5px 0;
	}

	#service-offer form .options .price {
		font-size: 23px;
		text-align: center;
	}

	#service-offer form .description {
		padding: 0 0 0 18px;
	}

	#service-offer form .summary .formLeft,
	#service-offer form .summary .formLeft span {
		font-size: 25px;
	}

	#service-offer form .summary .formLeft {
		text-align: center;
	}

	#service-offer #content .saveBtn {
		display: block;
		float: none;
		margin: 20px 0 0 0;
	}

	#ad-landing #content .saveBtn {
		float: none;
		display: inline-block;
		margin: 0;
		padding-left: 40px;
		padding-right: 40px;
	}

	#service-offer #content .saveBtn span,
	#ad-landing #content .saveBtn span{
		font-size: 19px;
		line-height: 50px;
	}

	#ad-landing form .rowElem > label {
		width: 100%;
		padding: 0 0 5px 0;
	}

	#ad-landing form .formRight {
		width: 100%;
	}

	#ad-landing .rowElem.submit {
		text-align: center;
	}
}

@media (max-width: 400px) {
	#ad-landing #content .saveBtn {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
}


/*!
 * =============================================================
 * dropify v0.2.0 - Override your input files with style.
 * https://github.com/JeremyFagis/dropify
 *
 * (c) 2016 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr)
 * =============================================================
 */

.dropify-wrapper *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
  font-family: 'dropify';
  src: url("../../system/themes/default/fonts/dropify.eot");
  src: url("../../system/themes/default/fonts/dropify.eot#iefix") format("embedded-opentype"), url("../../system/themes/default/fonts/dropify.woff") format("woff"), url("../../system/themes/default/fonts/dropify.ttf") format("truetype"), url("../../system/themes/default/fonts/dropify.svg#dropify") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="dropify-font-"]:before, [class*=" dropify-font-"]:before, .dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before, .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before {
  font-family: "dropify";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: .2em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em; }

.dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {
  content: '\e800'; }

.dropify-font-file:before {
  content: '\e801'; }

.dropify-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 276px;
  max-width: 276px;
  height: 150px;
  padding: 5px 10px;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial";
  font-size: 14px;
  line-height: 22px;
  color: #777;
  background-color: #FFF;
  background-image: none;
  text-align: center;
  border: 2px solid #E5E5E5;
  -webkit-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear; }
  .dropify-wrapper:hover {
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
    -webkit-animation: stripes 2s linear infinite;
            animation: stripes 2s linear infinite; }
  .dropify-wrapper.has-preview .dropify-clear {
    display: block; }
  .dropify-wrapper.has-error {
    border-color: #F34141; }
    .dropify-wrapper.has-error .dropify-message .dropify-error {
      display: block; }
    .dropify-wrapper.has-error:hover .dropify-errors-container  {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
              transition-delay: 0s; }
  .dropify-wrapper.disabled input {
    cursor: not-allowed; }
  .dropify-wrapper.disabled:hover {
    background-image: none;
    -webkit-animation: none;
            animation: none; }
  .dropify-wrapper.disabled .dropify-message {
    opacity: 0.5;
    text-decoration: line-through; }
  .dropify-wrapper.disabled .dropify-infos-message {
    display: none; }
  .dropify-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5; }
  .dropify-wrapper .dropify-message {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .dropify-wrapper .dropify-message span.file-icon {
      font-size: 50px;
      color: #CCC; }
    .dropify-wrapper .dropify-message p {
      margin: 5px 0 0 0; }
      .dropify-wrapper .dropify-message p.dropify-error {
        color: #F34141;
        font-weight: bold;
        display: none; }
  .dropify-wrapper .dropify-clear {
    display: none;
    position: absolute;
    opacity: 0;
    z-index: 7;
    top: 10px;
    right: 10px;
    background: none;
    border: 2px solid #FFF;
    text-transform: uppercase;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial";
    font-size: 11px;
    padding: 4px 8px;
    font-weight: bold;
    color: #FFF;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear; }
    .dropify-wrapper .dropify-clear:hover {
      background: rgba(255, 255, 255, 0.2); }
  .dropify-wrapper .dropify-preview {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #FFF;
    padding: 5px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-align: center; }
    .dropify-wrapper .dropify-preview .dropify-render img {
      display: inline-block;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      position: relative;
      max-width: 100%;
      max-height: 100%;
      background-color: #FFF;
      -webkit-transition: border-color 0.15s linear;
      transition: border-color 0.15s linear; }
    .dropify-wrapper .dropify-preview .dropify-render i {
      font-size: 70px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      position: absolute;
      color: #777; }
    .dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin-top: 10px;
      text-transform: uppercase;
      font-weight: 900;
      letter-spacing: -0.03em;
      font-size: 13px;
      width: 42px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .dropify-wrapper .dropify-preview .dropify-infos {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      background: rgba(0, 0, 0, 0.7);
      opacity: 0;
      -webkit-transition: opacity 0.15s linear;
      transition: opacity 0.15s linear; }
      .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -40%);
                transform: translate(0, -40%);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        width: 100%;
        padding: 0 20px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease; }
        .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
          padding: 0;
          margin: 0;
          position: relative;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #FFF;
          text-align: center;
          line-height: 25px;
          font-weight: bold; }
          .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon {
            margin-right: 2px; }
          .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
            margin-top: 15px;
            padding-top: 15px;
            font-size: 12px;
            position: relative;
            opacity: 0.5; }
            .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
              content: '';
              position: absolute;
              top: 0;
              left: 50%;
              -webkit-transform: translate(-50%, 0);
                      transform: translate(-50%, 0);
              background: #FFF;
              width: 30px;
              height: 2px; }
  .dropify-wrapper:hover .dropify-clear {
    opacity: 1; }
  .dropify-wrapper:hover .dropify-preview .dropify-infos {
    opacity: 1; }
    .dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner {
      margin-top: -5px; }
  .dropify-wrapper.touch-fallback {
    height: auto !important; }
    .dropify-wrapper.touch-fallback:hover {
      background-image: none;
      -webkit-animation: none;
              animation: none; }
    .dropify-wrapper.touch-fallback .dropify-preview {
      position: relative;
      padding: 0; }
      .dropify-wrapper.touch-fallback .dropify-preview .dropify-render {
        display: block;
        position: relative; }
        .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file {
          position: relative;
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
          top: 0;
          left: 0; }
          .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before {
            margin-top: 30px;
            margin-bottom: 30px; }
        .dropify-wrapper.touch-fallback .dropify-preview .dropify-render img {
          position: relative;
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0); }
      .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {
        position: relative;
        opacity: 1;
        background: transparent; }
        .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner {
          position: relative;
          top: 0;
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
          padding: 5px 90px 5px 0; }
          .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p {
            padding: 0;
            margin: 0;
            position: relative;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #777;
            text-align: left;
            line-height: 25px; }
            .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename {
              font-weight: bold; }
            .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
              margin-top: 0;
              padding-top: 0;
              font-size: 11px;
              position: relative;
              opacity: 1; }
              .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
                display: none; }
    .dropify-wrapper.touch-fallback .dropify-message {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      padding: 40px 0; }
    .dropify-wrapper.touch-fallback .dropify-clear {
      top: auto;
      bottom: 23px;
      opacity: 1;
      border-color: rgba(119, 119, 119, 0.7);
      color: #777; }
    .dropify-wrapper.touch-fallback.has-preview .dropify-message {
      display: none; }
    .dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner {
      margin-top: 0; }
  .dropify-wrapper .dropify-loader {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    z-index: 9; }
    .dropify-wrapper .dropify-loader::after {
      display: block;
      position: relative;
      width: 20px;
      height: 20px;
      -webkit-animation: rotate 0.6s linear infinite;
              animation: rotate 0.6s linear infinite;
      border-radius: 100%;
      border-top: 1px solid #CCC;
      border-bottom: 1px solid #777;
      border-left: 1px solid #CCC;
      border-right: 1px solid #777;
      content: ''; }
  .dropify-wrapper .dropify-errors-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(243, 65, 65, 0.8);
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.15s,opacity 0.15s linear;
    transition: visibility 0s linear 0.15s,opacity 0.15s linear; }
    .dropify-wrapper .dropify-errors-container ul {
      padding: 10px 20px;
      margin: 0;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .dropify-wrapper .dropify-errors-container ul li {
        margin-left: 20px;
        color: #FFF;
        font-weight: bold; }
    .dropify-wrapper .dropify-errors-container.visible {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
              transition-delay: 0s; }
  .dropify-wrapper ~ .dropify-errors-container ul {
    padding: 0;
    margin: 15px 0; }
    .dropify-wrapper ~ .dropify-errors-container ul li {
      margin-left: 20px;
      color: #F34141;
      font-weight: bold; }

@-webkit-keyframes stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 60px 30px; } }

@keyframes stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 60px 30px; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(-360deg);
            transform: rotateZ(-360deg); }
  100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(-360deg);
            transform: rotateZ(-360deg); }
  100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); } }

.iti {
	width: 100%;
}

.iti__flag {background-image: url("../../system/themes/default/images/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.iti__flag {background-image: url("../../system/themes/default/images/flags@2x.png");}
}

.iti--separate-dial-code .iti__selected-dial-code {
	font-size: 13px;
}

#logged .iti--allow-dropdown input[type=text] {
	padding-right: 6px;
	padding-left: 52px;
}

