body,html {
    margin:0;
    font-family: 'Lato', sans-serif;
    color: #3a3a3a;
    font-size:14px;
    line-height: 18px;
}

.modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.font-size3 {  font-size: 18px; line-height: 22px; }
.font-size2 {  font-size: 16px;  }

.px15 {	width:25px; }
.px50 {	width:60px; }
.px60 { width:70px; }
.px90 { width:100px; }
.px120 { width:130px; }

#under-logo-title .font-size2{font-size: 27px; line-height: 22px;}
#under-logo-title .font-size3{font-size: 30px; line-height: 22px;}

a {color: #84b937;  outline: 0; text-decoration: underline;
    /*
    -o-transition:.3s ease-out;
    -ms-transition:.3s ease-out;
    -moz-transition:.3s ease-out;
    -webkit-transition:.3s ease-out;
    transition: .3s ease-out; */ }

a:hover {color: #84b937; text-decoration: none;  outline: 0;}
a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
}
a:hover {text-decoration:none;}
a:focus {outline: 2px solid #344b7c !important;outline-offset: -2px;}

img {border: 0 none;
    vertical-align: middle;}

i {font-style:italic;}
b, strong {font-weight: 700;}
ul {margin:0; padding:0; list-style: none;}
h1 {font-size: 26.5px;}
p {  margin: 0 0 10px;  }


.container {width:1216px;}
.container.container16{width: 1216px;}
.leftcol {width:128px; padding:0;}
.centercol {width:960px; padding:0;}
.rightcol {width:128px; padding:0;}

.maincontent {padding-top:342px;}
.desktop-block {  text-align: right;  }
.desktop-block ul {  display: inline-block;  text-align: right;  }
ol, ul {  list-style: outside none none;  }

.ul-default {
    list-style: disc inside;
    margin-left:15px;
}

.topmenu ul {
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
}

.topmenu {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    float: right;
    font-family: "Open Sans";
    font-size: 10px;
    height: 320px;
    padding-top: 0;
    width: 100%;
    z-index: 25;
}
.topmenu .header {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    position: relative;
    z-index: 100;
}
.header ul li {
    display: inline-block;
}
.header ul li a {
    border-right: 1px solid #fff;
    color: #fff;
    line-height: 44px;
    padding: 0 15px;
}
.header ul li a.last {
    border-right: medium none;
}

.header .language-menu {
    display: inline-block;
    float: right;
    margin-left: 10px;
    margin-right: -5px;
    margin-top: 10px;
}

.header .language-menu a {
    display: inline-block;
    height: 27px;
    margin-left: 3px;
    width: 27px;
}
.topmenu .service-title {
    color: #fff;

    font-size: 18px;
    font-weight: 700;
    left: 0;
    line-height: 46px;
    position: relative;
    float: left;
    text-transform: uppercase;
    top: 0;
    z-index: 50;
}
.menubar {background: url(../img/gdos_main_menu_background.png) repeat-x; height:47px; box-shadow: 0 2px 5px #808080;position:absolute; bottom:0; z-index:150; width:100%;}
.menu {margin:0; padding:0; list-style: none; }
.menu li {display: inline-block; font-size:14px;}
.menu li a {text-transform: uppercase; line-height: 45px;  padding: 1px 29px 0; color:#fff; display: block; font-family: 'Open Sans', sans-serif;}
.menu li a:hover, .menu li a.current, .menu li a.active{color: #888888 !important;text-decoration: none;background: #F5F5F4}
.first-affix {
    margin-left: 4000px;
    width: 100%;
    z-index: 25;
}
.LetterSize {
    vertical-align: middle;
}
.letter-size1 {
    color: #fff;
    font-size: 16px;
}
.letter-size2 {
    color: #fff;
    font-size: 16px;
}
.letter-size3 {
    color: #fff;
    font-size: 16px;
}
.topmenu .language-menu .contrast, .topmenu .language-menu .obsluga {
    vertical-align: middle;
}
#skipLinks {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 27px;
    overflow: hidden;
}

.high-contrast #skipLinks{
	background: black;
}

#top-container .la-anim-6 {
    left: 48%;
    position: relative;
    top: 90px;
}
.la-anim-6 {
    display: inline-block;
    height: 72px;
    margin-top: 10px;
    position: relative;
    width: 72px;
}
.la-anim-6 {
    display: inline-block;
    height: 72px;
    margin-top: 10px;
    position: relative;
    width: 72px;
}


.relative {
    position: relative;
}
#top-container .logo {
    display: block;
    height: 130px;
    left: -6px;
    position: absolute;
    top: 0;
    width: 130px;
}
#top-container .logo {
    background: rgba(0, 0, 0, 0) url("../img/metka_GDOS_www.png") no-repeat scroll 0 0;
    display: block;
    height: 144px;
    left: -6px;
    position: absolute;
    top: 0;
    width: 132px;
    z-index: 26;
}
#top-container .service-title {
    color: #fff;
    display: none;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    line-height: 46px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    z-index: 50;
}
#under-logo-title {
    color: #fff;
    display: none;
    font-size: 24px;
    font-weight: 700;
    margin-top: 240px;
    position: absolute;
    right:100px;
}
.box, .form-container, div.fieldset {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 0;
}
.box1 {
    position: relative;
}
.box-header {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 1px solid #dcdcdc;
    color: #535355;
    font-size: 16px;
    font-weight: 600;
    padding: 11px;
    text-align: left;
}
.serwisy .box-content {
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
}
.box-content {
    overflow: hidden;
    padding: 11px;
}
.serviceLink {
    background: #e1e1e1 none repeat scroll 0 0;
    border: 1px solid #c6c6c6;
    display: block;
    float: left;
    margin: 20px 13px 17px 0;
    padding: 2px;
}
.serviceLink {border:1px solid #c6c6c6;background: #e1e1e1;padding: 2px;display: block;float: left;margin: 20px 13px 17px 0;}
.serviceLink img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.serviceLink img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.slide-background {overflow: hidden;}

#return-menu {  display: inline-block;  margin-left: 580px;  margin-top: 10px;  position: absolute;  text-align: center;  width: 200px;  z-index: 200;  }
#return-menu-bip {display:inline-block;position:absolute;z-index:200;text-align:center;width:180px;margin-left:580px;margin-top:10px;}
#skipLinks a {
    color: #000;
    display: block;
    font-size: 12px;
    height: 25px;
    padding-top: 5px;
    line-height: normal;
    text-align: center;
}
#skipLinks {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 27px;
    overflow: hidden;
}
#skipLinks li {
    display: block;
    height: 27px;
    min-width: 140px;
    padding-top: 2px;
}
#skipLinks li a:focus {
    text-decoration: none;
}
#skipLinks li:focus a:focus {
    text-decoration: none;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 10px;
    padding: 8px 0;
    font-size:11px;
}
.breadcrumb>li+li:before {  padding: 0 2px;  color: #3a3a3a;  content: ">>";  }
.breadcrumb > li > a {  color:#57ab27;  }
.breadcrumb > .active {  color: #3a3a3a;  }

#footer {
    background: #57ab27 none repeat scroll 0 0;
    color: #fff;
    font-family: "Open sans";
    font-size: 12px;
    margin-top: 22px;
    text-align: left;
}
#footer .footer-box {  margin-bottom: 20px;  margin-top: 20px;  }
#footer hr {  margin: 5px 0;  }
#footer a {  color: #fff;  }

.newsletter {  color: #a4a4a4;  font-size: 12px;  }
.newsletter form {  margin: 0;  }
.newsletter form .pull-left {   }
.form-horizontal .control-group, .control-group {  margin-bottom: 15px;  }
label[for="NewsletterMailAddMailMail"] {  display: none;  }

.newsletter .input-mail {
    border-radius: 2px 0 0 2px;
    width: 100%;
}
form input[type="text"], form input[type="password"], form textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fdfdfd url("../img/input_bg.png") repeat-x scroll 0 0;
    border-color: #ccc #d9d9d9 #d9d9d9;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #fff;
    color: #666;
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 0;
    outline: medium none;
    padding: 10px 3px;
    resize: none;
}
input:first-of-type:focus, button:first-of-type:focus {
    outline: 2px solid #344b7c !important;
    outline-offset: -2px;
}

.form-horizontal .control-group, .control-group {
    margin-bottom: 15px;
}
.newsletter .submit-add-mail {
    border-radius: 0 2px 2px 0;
    height: 34px;
    width: 36px;
}
.btn-green {
    background-color: #57ab27;
    background-image: linear-gradient(to bottom, #57ab27, #57ab27);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.newsletter-box-text {text-align: center;}


.social-icons {  background: #fff none repeat scroll 0 0;  }

.social-icons a {
    border-bottom: 10px solid #fff;
    border-top: 10px solid #fff;
    margin-right: 0;
    padding: 0;
    float:left;
    width:44px;
}

.social-rss {
    border: 2px solid #fff;

}


.high-contrast {
    background: #000 none repeat scroll 0 0;
    color: yellow;
}

.high-contrast .menubar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    border-color: yellow -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px medium;
}
.high-contrast .topmenu .header {
    background: rgba(0, 0, 0, 1);
}

.high-contrast .menubar ul li a {
    color: yellow;
    padding: 1px 28px 0;
    color: #fff;
    display: block;
    line-height: 45px;
    padding: 1px 29px 0;
}

.high-contrast a {
    color: yellow !important;
    text-decoration: underline;
}
.high-contrast .menu li a:hover, .high-contrast  .menu li a.current, .high-contrast .menu li a.active {color: #000 !important; background: yellow}
.high-contrast #footer {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #000 none repeat scroll 0 0;
    border-color: yellow -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px medium;
    color: yellow;
}
.high-contrast hr {
    border-color: yellow;
}

.high-contrast .box {
    border: 1px solid yellow;
}
.high-contrast .box-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid yellow;
    border-color: yellow;
    color: yellow;
}

.high-contrast .box-content {
    color: yellow;
}
.high-contrast form input[type="text"], .high-contrast form input[type="password"], .high-contrast form textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: yellow;
    box-shadow: none;
    color: yellow;
}
.high-contrast .slide-container {
    display: none;
}
.high-contrast #under-logo-title {
    color: yellow;
}
.newsletter .input-mail {
    border-radius: 2px 0 0 2px;
    width: 145px;
}

.high-contrast .btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid yellow;
    box-shadow: none;
    color: yellow;
}
.high-contrast .breadcrumb>li+li:before {  padding: 0 2px;  color: yellow;  content: ">>";  }
.high-contrast .breadcrumb > .active {  color: yellow;  }

.cmf-skinned-select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) url("../img/select.png") no-repeat scroll right center;
    border-color: #d9d9d9 #d9d9d9 #ccc;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin-right: 2px;
    width:100%;
}
.cmf-skinned-text {
    font-size: 14px;
    line-height: 23px !important;
    text-transform: uppercase;
    width: 100% !important;
}
.cmf-skinned-text {
    color: #666;
    margin-top: 4px;
    padding-left: 11px;
    text-align: left;
}





/* tabela  */

.rf-dt-c {
    text-align: left !important;
    padding: 10px 0;
}
.rf-dt-r {
    border-top: 1px solid #DDD;
}
.rf-dt-shdr-c {
    text-align: left;
}
.nrColumn {
    width: 20px !important;
    text-align:left;
}
.rf-dt-shdr-c {
    padding: 4px 0;
}
.optionColumn {
    text-align: right !important;
}

.rf-ds-nmb-btn, .rf-ds-btn {
    margin-bottom: 10px;
    border-radius: 0;
    display: inline-block;
    float: left;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 4px 6px;
    text-align: center;
    vertical-align: middle;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #a8a8a8;
    cursor: pointer;
    display: inline-block;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    width: auto;
}

.rf-ds-act, .rf-ds-act:hover {
    background: #57ab27;
    color:#fff;
}
.rf-ds-btn-first, .rf-ds-btn-fastrwd, .rf-ds-btn-prev {
    margin-right: 0;
}

.high-contrast .rf-ds-nmb-btn{
	background-color: black;
	background-image: none;
	color: yellow;
	text-shadow: none;
}

.high-contrast .rf-ds-btn{
	background-color: black;
	background-image: none;
	color: yellow;
	text-shadow: none;
}

@media (min-width: 1024px) and (max-width: 1368px) {
}
@media (max-width: 1023px) {
}
@media (min-width: 640px) and (max-width: 1024px) {
}
@media (max-width: 639px) {
}
@media (max-width: 360px) {
}

span.rf-sel-cntr{
	background: transparent url(../img/select.png) no-repeat scroll right center !important;
	color: rgb(85, 85, 85) !important;
	font-family: 'Lato',sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	height: 34px !important;
	position: relative !important;
	width: 100% !important;
	border-radius: 2px !important;
	float: left !important;
	margin-right: 2px !important;
	border: medium none !important;
}

.high-contrast span.rf-sel-cntr {background: transparent url(../img/select_c.png) no-repeat scroll right center !important;}

div.rf-sel{
	width: 100% !important;
}

span.rf-sel-btn{
	display: none;
}

span.rf-sel-btn-arrow{
	background: transparent url(../img/select.png) no-repeat scroll 0% 0% !important;
	height: 34px !important;
	display: none !important;
}

span.rf-sel-btn{
	border-width: 1px 1px 1px medium !important;
	border-style: solid solid solid none !important;
	border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217) -moz-use-text-color !important;
	border-top-right-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
}

input.rf-sel-inp{
	width: 100% !important;
	box-shadow: none !important;
	background: transparent none repeat scroll 0% 0% !important;
	border-radius: 2px !important;
	padding-left: 10px !important;
}

.rf-au{
	border-style: none !important;
	width: 100% !important;
}

.rf-au-inp{
	width: 100% !important;
}

.rf-sel-lst-scrl{
	background-color: white !important;
}

.high-contrast .rf-sel-lst-scrl {background-color: black !important;}

.rf-au-lst-scrl{
	background-color: white !important;
}

.high-contrast .rf-au-lst-scrl {background-color: black !important;}

.rf-pp-shdw{
	display: none;
}

.rf-pp-cntr{
	border-color: rgb(217, 217, 217);
	border-radius: 2px !important;
	background-color: white;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.high-contrast .rf-pp-cntr{
	background-color: black;
}

.rf-pp-cnt{
	background-color: white !important;
	width: 99%;
}

.high-contrast .rf-pp-cnt {background-color: black !important;}

.rf-dt-shdr-c table{
	width: 100% !important;
}

.rf-dt-c{
	text-align: center !important;
}

.rf-dt-shdr-c{
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 1px 2px rgba(0, 0, 0, 0.17);
}

.high-contrast .rf-dt-shdr-c {
	background-color: black;
	background-image: none;
	box-shadow: none;
}

.rf-dt-ftr-c{
	background-color: white;
}

.high-contrast .rf-dt-ftr-c {background-color: black;}

.optionColumn {
    width: 125px !important;
}

.optionColumn100px {
    min-width: 100px !important;
}

.rf-cal-extr td{
	background-color: white !important;
}

.rf-cal-monthpicker-cnt tbody{
	background-color: white !important;
}

.rf-cal-time-btn {
	border: 0px;
}

.high-contrast .rf-cal-extr td {background-color: black !important;}
.high-contrast .rf-cal-monthpicker-cnt tbody{background-color: black !important;}
.high-contrast .rf-dt {background-color: black !important;}
.high-contrast section {background-color: black !important;}

.rf-dt td{
	text-align: center;
	padding: 2px;
}

.rf-dt th{
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	margin: 2px !important;
}

h2{
	font-size: 18px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: url("../img/horizontal_bg.png") no-repeat left center;
}

h2 span {
	background-color:white;
	margin-left:10px;
	padding:0px 5px;
}

.high-contrast h2 span {
	background-color:black;
	margin-left:10px;
	padding:0px 5px;
}

select{
	 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: white;
    border-color: #d9d9d9 #d9d9d9 #ccc;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin-right: 2px;
    width:100%;
}

.high-contrast select{
	background-color: black !important;
}

.rf-pp-hdr {
	background-color: white !important;
	border-bottom: 1px solid #e5e5e5;
}

.high-contrast .rf-pp-hdr{
	background-color: black !important;
}

.rf-pp-hdr-cnt {
	color: #888;
	padding: 11px;
	font-size: 16px;
	margin: 0;
    line-height: 1.42857143;
}

.rf-pp-hdr-cntrls {
	top: 10px;
	right: 10px;
}

.rf-pp-shade {
	background-color: #000;
}

#checkboxesForm input[type="checkbox"]{
	margin-left: 10px !important;
	margin-right: 2px !important;
}

.longLabelPanel .form-group .col-sm-4 label{
	padding-left: 50%;
}

.shortLabelPanel .form-group .col-sm-4{
	padding-left: 9px;
	padding-right: 1px;
}

.rf-fu-btn-cnt-add{
	background-color: #f5f5f5 !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;	
}

.rf-fu-btn-clr{
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgb(217, 217, 217) !important;
	border-radius: 2px !important;
}

.rf-fu-btn-upl{
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgb(217, 217, 217) !important;
	border-radius: 2px !important;
}

.rf-fu-btn-add{
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgb(217, 217, 217) !important;
	border-radius: 2px !important;
}

.rf-fu-btn-cnt-upl{
	background-color: #f5f5f5 !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;	
}

.rf-fu-btn-cnt-clr{
	background-color: #f5f5f5 !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;	
}

.rf-fu-hdr{
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgb(217, 217, 217) !important;
	border-radius: 2px !important;
}

.rf-fu{
	border: none;
}

.dokladnosc td{
	vertical-align: text-top;
	padding: 5px;
}

.tableTitleContent{
	max-width: 350px;
	overflow-wrap: break-word;
}

.raport-valid{
    color:green;
}

.raport-invalid{
    color:red;
}

*.rf-pb-rmng {
    height: 20px !important;
    width: 100% !important;
}

table.importn2kraport td {
    border: 1px solid green;
    vertical-align: top;
    padding:10px;
}