body, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li, td, th, fieldset {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

h2 {
    font-size: 1.5em;
}

a {
	color: #008CC9;
	text-decoration-skip: ink;
}

a:hover {
        text-decoration: none !important;
    }

.acronym, abbr[title], acronym[title], span[title], label[title]  {
  cursor: help;
  border-bottom: 1px dashed #777;
}

:target {background: #E6F5FD; padding-right:6px; padding-left:6px; border: 1px solid #82C8EB; outline: 3px solid #FFFFFF; }
::-moz-selection { color: #FFFFFF; background: #5578a0; }
::selection { color: #FFFFFF; background: #5578a0; }
a[target^="_blank"]:after {	content: "↗"; }

label[for] 
{
	cursor: pointer;
}

button,html input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;
	cursor:pointer;
}

html input[type=radio],input[type=checkbox] {
	background-color: #FFFFFF;
	border-color: grey;
	cursor: pointer;
}

button[disabled],html input[disabled], html select[disabled] {
	cursor:not-allowed;
}

hr {
    background-color: #eee;
    color: #eee;
    border: 0px;
    height: 1px;
}

img, a img, fieldset {
    border: 0;
}

.odskokleft {
    padding-left: 20px;
}

.odskokleftdouble {
    padding-left: 40px;
}

.ir {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

a .ir {
    cursor: pointer;
}

.blue {
    color: #34ACEC !important;
}

.victor {
    clear: both;
    height: 1px;
    display: block;
    font-size: 1px;
}

body {
    font-family: Arial,sans-serif;
    text-align: left;
    padding: 0;
    height: 100%;
    background: url('../images/bg_gradient_top.png') left 17px repeat-x;
}

.language-selector {
    width: 970px;
    margin: 0 auto;
    text-align: right;
    font-size: 0.675em;
    padding-right: 20px;
    color: #000;
    position: absolute;
    right: 15px;
    top: 65px;
    z-index: 99;
}

    .language-selector * {
        margin-left: 5px;
        margin-right: 5px;
        color: #000;
    }

    .language-selector .language-current {
        font-weight: bold;
    }

.tcustombranding {
    position: absolute;
    top: 19px;
    left: 380px;
    font-size: 0.7em;
}

    .tcustombranding span {
        line-height: 80px;
        height: 80px;
        margin-right: 10px;
    }

    .tcustombranding img {
        vertical-align: middle;
    }

.global {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    min-height: calc(100% - 70px);
}

@media (min-width: 1300px) {
    .global {
        width: 1100px;
    }
}

@media (min-width: 1400px) {
    .global {
        width: 1200px;
    }
}

@media (min-width: 1500px) {
    .global {
        width: 1300px;
    }
}

.thead {
    width: 950px;
    padding-top: 33px;
    background-repeat: no-repeat;
}

    .thead div {
        padding-top: 4px;
    }

h1.tlogo {
    width: 302px;
    height: 47px;
    text-transform: lowercase;
    position: relative;
    left: 22px;
    font-size: 39px;
    margin-bottom: 26px;
}

    h1.tlogo a {
        text-decoration: none;
        background: url("../images/h1000000.gif") left center no-repeat;
        color: #d72331;
        display: block;
        height: 47px;
    }

    h1.tlogo .ir {
        visibility: hidden;
    }

.thead .dummyMainMenu {
    height: 36px;
    width: 911px;
}

.thead ul {
    list-style: none;
    display: block;
    height: 37px;
    width: 940px;
}

.thead li {
    list-style: none;
    float: left;
    height: 37px;
}

    .thead li a {
        color: #fff;
        display: block;
        text-decoration: none;
        text-align: center;
        font-size: 14px;
        height: 37px;
        line-height: 37px;
    }

    .thead li.smaller a {
        margin-top: 10px;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
    }

    .thead li a:hover {
        text-decoration: underline;
        color: #009bdb;
    }

    .thead li a .ir {
        height: 31px;
    }

    .thead li a:hover .ir, .thead li a.act .ir {
        background-position: 0 -30px;
    }

.tback-button {
  display: inline-block;
  margin-right: 0px;
  margin-left: 10px;
  padding-top:-3px;
  height:20px;
  vertical-align:middle;
}

/* New styles created */

.mainmenustdwhite {
    width: 911px;
    height: 37px;
}

    .mainmenustdwhite li a {
        padding-top: 0px;
        font-size: 15px;
        line-height: 37px;
        vertical-align: middle;
        font-family: Arial;
        color: black;
    }

        .mainmenustdwhite li a:hover {
            color: black;
            text-decoration: underline !important;
        }

    .mainmenustdwhite .lelement {
        /*width: 100px;*/
        margin-left: 12px;
        margin-right: 12px;
    }

    .mainmenustdwhite .lbetween {
        color: darkgray; /*#dbdbdb*/
        border: none !important;
        padding-top: 10px;
    }

.root {
    width: 941px;
    margin-top: 12px;
}

@media (min-width: 1300px) {
    .root {
        width: 1071px;
    }
}

@media (min-width: 1400px) {
    .root {
        width: 1171px;
    }
}

@media (min-width: 1500px) {
    .root {
        width: 1271px;
    }
}

body.loginpage .root {
    background: none;
}

.sekceeshop .rootl {
    width: 230px;
    float: left;
}

.rootl .lb {
    width: 231px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E9E9E9;
}

.rootl h2 {
    width: 215px;
    padding-left: 16px;
    padding-top: 8px;
    height: 23px;
    font-size: 16px;
    color: #34acec;
    font-weight: normal;
}

    .rootl h2 a {
        color: #000;
    }

.treeview .AspNet-TreeView > ul {
    padding: 15px;
}

.treeview div.AspNet-TreeView li ul {
    margin-top: 10px;
}

.lb ul, .lb .lbcontent {
    padding: 15px 15px 5px 15px;
    list-style: none;
    font-size: 12px;
    width: 199px;
}

    .lb .lbcontent .basketValue {
        font-weight: bold;
    }

ul.podkategorie {
    padding: 15px;
    background-color: #fafafa;
    border: 1px solid #ececec;
    list-style: none;
    font-size: 12px;
    width: 199px;
}

    .lb li, ul.podkategorie li {
        padding-left: 21px;
        margin-bottom: 8px;
        background-repeat: no-repeat;
        background-image: url("../images/list-image.gif");
        background-position: left center;
        list-style: none;
    }

        .lb li a {
            color: #34acec;
            text-decoration: none;
        }

            .lb li a:hover {
                text-decoration: underline;
            }

        .lb li.AspNet-TreeView-ChildSelected > a, .lb li.AspNet-TreeView-Selected > a {
            color: #00689f;
        }

        .lb li ul {
            border: 0;
            padding: 0;
            margin: 10px 0;
            width: 178px;
        }

        .lb li li {
            padding-left: 12px;
            background-image: url("../images/lbbul200.gif");
            background-position: 3px 5px;
            margin-bottom: 4px;
        }

            .lb li li ul {
                font-size: 11px;
                width: 166px;
            }

            .lb li li li {
                padding-left: 15px;
                background-image: url("../images/lbbul300.gif");
                background-position: 3px 4px;
            }

.lb .search {
    position: relative;
    height: 20px;
}

.lb .tbsearchwrap {
    position: absolute;
    /*background: white;*/
    border: 1px solid #E0E0E0;
    width: 160px;
    height: 18px;
    top: 0px;
    left: 0px;
}

.lb .tbsearch {
    border: 0px solid #E0E0E0;
    padding: 0px 3px;
    line-height: 18px;
    margin: 0px;
    width: 154px;
    height: 18px;
}

.lb .ibsearch {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 20px;
    border: 1px solid #E0E0E0;
}

.global .lb li li li.AspNet-TreeView-ChildSelected, .global .lb li li li.AspNet-TreeView-Selected {
    background-image: url("../images/lbbul3a.gif");
}

.global .lb li li.AspNet-TreeView-ChildSelected, .global .lb li li.AspNet-TreeView-Selected {
    background-image: url("../images/lbbul2a.gif");
}

.sekceeshop .rootr {
    width: 669px;
    float: right;
}

@media (min-width: 1300px) {
    .sekceeshop .rootr {
        width: 799px;
    }
}

@media (min-width: 1400px) {
    .sekceeshop .rootr {
        width: 899px;
    }
}

@media (min-width: 1500px) {
    .sekceeshop .rootr {
        width: 999px;
    }
}

.nobreadcrumbs .tcrumb {
    display: none;
}

.tcrumb {
    position: relative;
    height: 21px;
    padding-top: 5px;
    padding-left: 0px;
    font-size: 11px;
    color: #5f5f5f;
    margin-bottom: 15px;
}

    .tcrumb .tcrumbsleft {
        /*position: absolute;*/
		display: inline-block;
        left: 0px;
        top: 0px;
        width: 3px;
        height: 6px;
    }

    .tcrumb .tcrumbsright {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 6px;
        height: 26px;
    }

div.tcrumb a {
    color: #5f5f5f;
    margin-right: 3px;
}

div.tcrumb .separator {
    background-image: url("../images/list-image.gif");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 5px;
    width: 8px;
    display: inline-block;
}

.rootr h1 {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 15px;
}

a.targetblank {
    background-image: url("../images/targetbl.gif");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding-right: 17px;
    display: inline;
    display: inline-block;
}

.help .targetblank {
    padding: 0;
    background-image: none;
}

a.targetblank {
    background-image: url("../images/kancelar.gif");
}

.global a.targetblank {
    background-image: url("../images/produkcn.gif");
}

.global a, .global .tcontent h2, .global .tcontent h3, .global tcontent h4, .global tcontent a, .global .lb li strong, .global .rootr h1 {
    /*color: #6caf3c;*/
    color: #000;
}

.tcontent h2, .tcontent h3, .tcontent h4 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.usermenu {
    position: absolute;
    right: 40px;
    top: 87px;
    color: #9a9b9c;
    font-size: 11px;
    padding-top: 0px;
}

    .usermenu a {
        color: #606060;
    }

.help {
    position: absolute;
    right: 40px;
    top: 47px;
    color: #9a9b9c;
    font-size: 11px;
    padding-top: 25px;
}

    .help a {
        color: #606060;
    }

    .help div.form {
        margin: 0;
        padding: 0;
        width: 300px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: right;
    }

    .help .search {
        height: 16px;
        width: 197px;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        text-align: left;
    }

    .help input {
        vertical-align: middle;
    }

.tfoot {
    color: #878787;
    font-size: 11px;
    background: url('../images/bg_gradient_bottom.png') left 20px repeat-x;
    height: 70px;
}

body.loginpage .tfoot div {
}

.tfoot div {
    width: 970px;
    height: 58px;
    margin: 0 auto;
    text-align: left;
}

.tfoot p {
    float: left;
    padding: 0 40px;
    margin-top: 40px;
}

.tfoot .last {
    float: right;
    text-align: right;
}

.tfoot a {
    color: #878787;
}

    .tfoot a.targetblank {
        background: none;
        padding: 0;
    }

.tcontent {
    min-height: 500px;
    font-size: 11px;
}

/* IKONY A STYLY NADPISŮ (jednotlivých stránek + rozcestník) */
h1.creditBlock span {
    display: block;
    background: #e9e9e9;
    font-size: 15px;
    min-width: 150px;
    height: 33px;
    padding: 0px 25px 0px 20px;
    line-height: 33px;
    vertical-align: middle;
    color: Black;
    font-weight: normal;
    border-radius: 6px;
    margin-left: 5px;
}

h1.nadpis {
	height: 51px;
	padding: 13px 20px 0px 60px;
	margin: 0 -9px 0 0;
}

.rozcestnik h1.nadpis {
    margin: 0px;
}

h1.nadpis span {
    display: block;
    background: #e9e9e9;
    font-size: 15px;
    min-width: 150px;
    height: 33px;
    padding: 0px 25px 0px 20px;
    line-height: 33px;
    vertical-align: middle;
    color: Black;
    font-weight: normal;
    border-radius: 6px;
    margin-left: 5px;
}

.rozcestnik h1.nadpis span {
    display: block;
    font-size: 12px;
    height: 33px;
    padding: 0px 15px 0px 15px;
    color: #5e5e5e;
}

.sekcedefault h1.nadpis {
    background: url("../images/document.png") no-repeat;
}

.sekceeshop h1.nadpis {
    background: url("../images/eshop.png") no-repeat;
}

.sekceeshopfull h1.nadpis {
    background: url("../images/eshop.png") no-repeat;
}

.sekceproductfamily h1.nadpis {
    background: url("../images/eshop.png") no-repeat;
}

.sekcezarizeni h1.nadpis {
    background: url("../images/equipment.png") no-repeat;
}

.sekceservisnipozadavky h1.nadpis {
    background: url("../images/service-calls.png") no-repeat;
}

.sekceodvozspotrebnihomaterialu h1.nadpis {
    background: url("../images/service-calls.png") no-repeat;
}

.sekcepartnercontract h1.nadpis {
    background: url("../images/service-calls.png") no-repeat;
}

.sekcedoplnenispotrebnihomaterialu h1.nadpis {
    background: url("../images/consumables.png") no-repeat;
}

.sekcestoragelocation h1.nadpis {
    background: url("../images/on-site-kit.png") no-repeat;
}

.sekcestockmovement h1.nadpis {
    background: url("../images/on-site-kit.png") no-repeat;
}

.sekceadministracezakaznika h1.nadpis {
    background: url("../images/administration.png") no-repeat;
}

.sekcebid h1.nadpis {
    background: url("../images/eshop.png") no-repeat;
}

.sekceprodlouzenezaruky h1.nadpis {
    background: url("../images/warranty-registration-online.png") no-repeat;
}

.sekceodvozpouzitehomaterialu h1.nadpis {
    background: url("../images/document.png") no-repeat;
}

.sekceadministrace h1.nadpis {
    background: url("../images/complains.png") no-repeat;
}

.sekcesamplepacks h1.nadpis {
    background: url("../images/sample-packs.png") no-repeat;
}

.sekcecontractapprovalrequest h1.nadpis {
    background: url("../images/service-calls.png") no-repeat;
}
/* rozcestník */
.rozcestnikbox {
    width: 313px;
    min-height: 150px;
    float: left;
}

    .rozcestnikbox ul {
        margin-left: 85px;
        list-style: url("../images/list-image.gif");
        font-size: 11px;
    }

        .rozcestnikbox ul a {
            color: #34acec;
        }

    .rozcestnikbox.vyberuzivatele {
        min-height: 100px;
        float: none;
        width: auto;
    }

        .rozcestnikbox.vyberuzivatele div {
            margin-left: 85px;
        }

            .rozcestnikbox.vyberuzivatele div span {
                margin-right: 15px;
            }

input, textarea, select {
    font-size: 11px;
    color: #808080;
}

.textbox {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 2px;
    width: 150px;
}

.tbasm {
    border-bottom-width: 2px;
}

.tblong {
    width: 250px;
}

.tbshort {
    width: 75px;
}

.tbdoublelong {
    width: 450px;
}

.loginTextbox {
    width: 174px;
}

.tbdatum {
    width: 80px;
}

.tbdatumcas {
    width: 100px;
}

.tbcas {
    width: 30px;
}

.tbtime {
    width: 70px;
	width: unset;
    font-family: Arial;
    padding-top:1px;
    padding-bottom:1px;
}

.tbcasshort {
    width: 20px;
}

.tbnumericbox {
    width: 80px;
}

.tbnumericboxdecimalcustomattributeitem {
    width: 170px;
    text-align: right;
}

.tnbmnozstvi {
    width: 30px;
}

.tnbbidcode {
    width: 60px;
}

.tdatetimepicker {
    vertical-align: middle;
    padding-bottom: 2px;
}

.fileupload {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 2px;
    width: 250px;
}

select {
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.tlogoapplicationname {
    position: absolute;
    right: 0px;
    top: 8px;
    color: #5f5f5f;
    text-transform: none;
    font-size: 0.7em;
    vertical-align: bottom;
    display: inline-block;
    font-weight: normal;
}

.tbutton, .tbuttonlong, .tbuttondoublelong {
    color: #fff;
    font-size: 11px;
    /* display: inline-block; */
    vertical-align: text-top;
    height: 17px;
    line-height: 17px;
    border: 0px;
}

.tbutton {
    width: 101px;
    background: url("../images/button.png") #34ACEC;
}

input[type="file"]::-webkit-file-upload-button {
	width: 101px;
	background: url("../images/button.png") #34ACEC;
	color: #fff;
	font-size: 11px;
	/* display: inline-block; */
	vertical-align: text-top;
	height: 17px;
	line-height: 17px;
	border: 0px;
}

input[type="file"]::-ms-browse {
	background: url("../images/button.png") #34ACEC;
	color: #fff;
	font-weight: bold;
	border: hidden;
}

input[type="file"]::-ms-value {
	background-color: #FFFFFF;
	border: #E0E0E0 1px solid;
	border-right: #E0E0E0 0px solid;
	color: #808080;
}

.tbuttonlong {
    width: 160px;
    background: url("../images/button-long.png") #34ACEC;
}

.tbuttondoublelong {
    width: 280px;
    background: url("../images/button-double-long.png") #34ACEC;
}

a.tbutton, a.tbuttonlong, a.tbuttondoublelong {
    color: Black;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
}

table.filter, table.filtr, table.edit, table.view {
    border: 0px;
    margin: 0px;
    color: #808080;
    font-size: 11px;
}

    table.filter td, table.filtr td {
        padding: 3px 10px;
    }

    table.filtr .ebutton {
        text-align: right;
    }

        table.filtr .ebutton .tbutton, table.filtr .ebutton .tbuttonlong {
            margin-top: 5px;
            margin-bottom: 5px;
        }

table.grid {
    margin: 5px 0;
    background-color: #eee;
    border-collapse: separate !important;
    width: 100%;
}

    table.grid table.transparent, table.grid table.transparent td, table.grid table.transparent th {
        border: none;
        background: transparent;
    }

table.edit, table.view {
    border-collapse: separate !important;
    background-position: bottom;
    background-repeat: repeat-x;
    border-bottom: 1px solid #E9E9E9;
}

    table.edit.roundedCorners, table.view.roundedCorners {
        border: 1px solid #E9E9E9;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.grid tr th, .grid tr td {
    border: 0; /* pro Chrome */
}

.grid tr td {
    color: #606060;
    font-size: 11px;
    background: #f4f4f4;
    padding: 4px 7px;
    height: 17px;
    line-height: 25px;
    border-right: 1px solid #e2e4e6;
}

.grid tr th {
    padding: 9px;
    vertical-align: middle;
    background: white;
    text-align: center;
    background: white;
    border-right: 1px solid #e2e4e6;
}

.grid tr.galternating td {
    background: white;
}

.grid tr.gheader a {
    color: Black;
}

.grid tr.gfooter td {
    color: Black;
    font-weight: bold;
    background-color: #f2f2f2;
}

.grid tr .first {
    background-color: #f5f5f5;
}

.grid tr.galternating td.first {
    background-color: #fafafa;
}

.grid tr .last {
    border-right: none;
}

.grid .innerRights, .grid .innerRights tr td, .grid .innerRights tr th, .grid .innerRights tr {
    border: none;
    background: none;
}

    .grid .innerRights tr td, .grid .innerRights tr th {
        padding: 0;
        text-align: left;
    }

    .grid .innerRights .firstCol {
        width: 180px;
    }

.grid .registeredsamplepacktypesinnertable tr td:first-child {
    width: 100px;
}

.tbuttonicon {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

.textBoxShort {
    width: 130px;
}

.textBoxTelefon {
    width: 100px;
}

/* div.tmessenger div.[tmessageinformation | tmessagewarning | tmessageerror] span.tmessagetext */

.tmessenger {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .tmessenger div {
        min-height: 40px;
        padding: 4px 0px 0px 43px;
    }

.tmessageinformation {
    background: url("../images/message-information.gif") no-repeat;
}

.tmessagewarning {
    background: url("../images/message-warning.gif") no-repeat;
}

.tmessageerror {
    background: url("../images/message-error.gif") no-repeat;
}

.tmessagetext {
    display: block;
    line-height: 27px;
    background: #e9e9e9 url("../images/message-right.gif") no-repeat right top;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
}

.validator, .validationsummary ul {
    color: #ee7e00;
}

.validationsummary ul {
    font-size: 12px;
    list-style-type: none;
}

    .validationsummary ul li {
        background: url("../images/validatoricon.gif") no-repeat 0 0;
        padding-left: 30px;
        margin-bottom: 5px;
        line-height: 22px;
    }

.topbanner {
    position: relative;
    width: auto;
    height: 160px;
    background: url("../images/login-blue.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .topbanner .topbannernadpis {
        position: absolute;
        left: 20px;
        top: 20px;
        font-size: 27px;
    }

    .topbanner .topbannerpopis {
        position: absolute;
        left: 20px;
        top: 55px;
        font-size: 20px;
    }

        .topbanner .topbannerpopis ul {
            font-size: 12px;
            margin-left: 17px;
            margin-top: 20px;
        }

            .topbanner .topbannerpopis ul li {
                margin-top: 8px;
                list-style-type: none;
            }
/****** rozcestník *****/
.rozcestnik .topbanner .topbannernadpis {
    font-size: 20px;
}

    .rozcestnik .topbanner .topbannernadpis strong {
        color: White;
    }

.rozcestnik .topbanner .topbannerpopis {
    top: 45px;
    font-size: 14px;
}

/***** messages ******/
.dialogHeader {
    position: relative;
    width: 650px;
    height: 50px;
    background: #e9e9e9;
    display: table;
}

.dialogShow {
    float: left;
    margin-left: 7px;
}

.dialogTitle {
    margin: 10px;
    font-size: 25px;
}

.dialogFooter {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 20px;
}

.dialogContent {
    font-size: 12px;
    overflow: auto;
    height: 153px !important;
}

.dialogContentNonScrollable {
    font-size: 12px;
    overflow: auto;
    height: auto !important;
}

.dialogButton {
    text-align: right;
    margin-right: 25px;
}

.topbanner-messages {
    position: relative;
    width: 100%;
    height: auto;
    background: url("../images/login-green.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table;
    padding: 0;
    overflow: hidden;
}

    .topbanner-messages .topbannernadpis {
        position: absolute;
        left: 20px;
        top: 20px;
        font-size: 27px;
    }

    .topbanner-messages .topbannerpopis {
        display: table-cell;
        font-size: 20px;
    }

        .topbanner-messages .topbannerpopis ul {
            font-size: 12px;
            margin: 20px;
        }

            .topbanner-messages .topbannerpopis ul li {
                margin-top: 8px;
                list-style-type: none;
            }

                .topbanner-messages .topbannerpopis ul li a {
                    color: #fff !important;
                }

                    .topbanner-messages .topbannerpopis ul li a.dontshowmessagelink {
                        color: #000 !important;
                    }

/****** loginpage ******/
.loginpageleft {
    float: left;
    width: 440px;
    height: 300px;
    padding-right: 20px;
    padding-left: 5%;
}

.loginpageright {
    padding-left: 50%;
}

.loginpage .tcontent {
    color: #595959;
}

    .loginpage .tcontent h1 {
        color: Black;
        font-size: 19px;
    }

    .loginpage .tcontent p {
        margin: 13px 0px;
    }

.loginpage .edit {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
}

    .loginpage .edit a {
        color: #34acec;
    }

.chestercarlsonimage {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
}

.prodlouzenizaruky {
    margin-top: 40px;
}

    .prodlouzenizaruky a {
        text-decoration: none;
        color: #939393;
    }

.overenizarukylogo {
    margin-left: 15px;
    background-image: url(../images/warranty-verification-online.png);
    width: 165px;
    height: 37px;
    padding-top: 25px;
    padding-left: 64px;
    display: inline-block;
    background-repeat: no-repeat;
}

    .prodlouzenezarukylogo span, .overenizarukylogo span, .samplepacklogo span {
        padding: 10px;
        border: 1px solid #E9E9E9;
        border-radius: 7px;
        margin-left: -4px;
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.samplepacklogo span {
    margin-left: -21px;
}

.prodlouzenezarukylogo {
    background-image: url(../images/warranty-registration-online-i.png);
    width: 165px;
    height: 40px;
    padding-top: 25px;
    padding-left: 64px;
    display: inline-block;
    background-repeat: no-repeat;
}

.samplepacklogo {
    background-image: url(../images/sample-packs-i.png);
    width: 160px;
    height: 41px;
    padding-top: 25px;
    padding-left: 81px;
    display: inline-block;
    background-repeat: no-repeat;
}

.tloginbutton {
    text-align: right;
}

.zpetnehlasenizadanicislapozadavku {
    display: inline-block;
}

    .zpetnehlasenizadanicislapozadavku > * {
        vertical-align: middle;
    }

fieldset.filtr, fieldset.edit, fieldset.view {
    margin: 5px 0 15px 0;
    float: left;
    background-color: White;
}

fieldset.edit, fieldset.view {
    padding: 13px;
    /*background-image: url(../images/edit-bg.gif);*/
}

    fieldset.edit h2 {
        border-bottom: 1px solid #E9E9E9;
    }

.edit .tbuttons, .view .tbuttons {
    text-align: right;
    margin: 10px 0px 5px 0px;
}

fieldset.filtr {
    border: 1px solid #d1d1d1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    fieldset.filtr legend {
        margin-left: 20px;
        border: 1px solid #34acec;
        background-color: #34acec;
        color: White;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        min-width: 100px;
        font-size: 12px;
        font-weight: bold;
        padding: 5px 30px 5px 10px;
    }

    fieldset.filtr table.filtr td {
        white-space: nowrap;
    }

table.edit td, table.view td {
    height: 25px;
    padding: 0 5px;
    vertical-align: middle;
}

.intablelabel {
    display: inline-block;
    min-width: 38px;
    padding-left: 20px;
    text-align: left;
}

table.edit td.label, table.view td.label {
    vertical-align: top;
    line-height: 25px;
    white-space: nowrap;
}

table.edit table.innertable .label, table.view table.innertable .label {
    padding-left: 0;
}

span.validator {
    margin: 2px;
    padding-left: 9px;
    background-image: url(../images/validator-small.gif);
    background-repeat: no-repeat;
    background-position: center;
}

td.validator {
    width: 20px;
}
/****** registrace prodlouzene zaruky *****/
.registraceprodlouzenezarukyaktivacnikod td {
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 65px;
}

.registraceprodlouzenezarukyaktivacnikod input {
    width: 40px;
    text-transform: uppercase;
}

div.registraceprodlouzenezarukypodekovani {
    font-weight: bold;
    margin-bottom: 10px;
}

.inlineBlock {
    display: inline-block;
}

/****** lokalizace *****/
.tbpreklad {
    width: 210px;
}

.emailtemplatewidetextbox {
    width: 570px;
}

/****** AJAX modal dialog *****/
.dialogContent {
    padding: 1em;
}

.dialogContentNonScrollable {
    padding: 1em;
}

.verticalalignmiddle {
    vertical-align: middle;
}

/****** EquipmentMultiPickerDialog *****/
.equipmentpickerdialog {
    margin: 5px 10px 10px 10px;
}

    .equipmentpickerdialog div.equipmentlist {
        overflow: auto;
    }

    .equipmentpickerdialog .equipmentbuttons {
        margin-top: 15px;
    }

/****** ContactPersonMultiPickerDialog *****/
.contactpersonpickerdialog {
    margin: 5px 10px 10px 10px;
}

    .contactpersonpickerdialog div.contactpersonlist {
        overflow: auto;
    }

    .contactpersonpickerdialog .contactpersonbuttons {
        margin-top: 15px;
    }

/******* Adresa picker ********/
td.adresamistnost label {
    margin-left: 50px;
}

/******* CounterCard-Edit ********/

div.vyberZarizeni {
    float: left;
    min-width: 350px;
}

div.legendaPopisBarev {
    margin-left: 20px;
    width: 300px;
    float: left;
}

    div.legendaPopisBarev .dt {
    }

    div.legendaPopisBarev .dl {
        padding-left: 20px;
    }

/******* CounterCards-Contract ********/
.cccgrid tr td {
    line-height: 15px;
    min-width: 100px;
}

.cccgrid tr.gpager td {
    min-width: 0px;
}

.cccgrid tr td.counter {
    width: 105px;
}

.cccgrid tr td.last {
    width: 20px;
    min-width: 20px;
}

div.vyberSmlouvy {
    float: left;
    min-width: 250px;
}

.requiredFieldDescription {
    color: #808080;
    margin-top: 10px;
    padding-left: 5px;
}

.searchPage .requiredFieldDescription {
    margin-top: 0px;
    margin-bottom: 10px;
}

/* Shoping-Cart.aspx */
table.vyhledavaniDleProductNumber {
    width: auto;
    border-collapse: collapse;
}

    table.vyhledavaniDleProductNumber td.mnozstvi {
        width: 50px;
        text-align: center;
    }

    table.vyhledavaniDleProductNumber th.mnozstvi {
        width: 70px;
    }

.bidcodevalidation {
    vertical-align: middle;
}

.submitCreditRequestAttachFile {
    margin-bottom: 20px;
}

/* ServiceCall-Edit.aspx */
fieldset.edit div.attachments {
    padding-top: 20px;
    color: #808080;
}

    fieldset.edit div.attachments p {
        margin-bottom: 10px;
    }

/* Použito v MaterialAttributesControl.ascx */
/* Jedná se o převzatý kód, nerad bych v něm něco upravoval*/
/* Funguje to? Tak na to nešahej :-) */
.tooltip {
    position: relative;
}

    .tooltip > div {
        display: none;
        position: absolute;
        bottom: 100%;
        right: 0%;
        min-width: 200px;
    }

.tooltipContent {
    background-color: #eee;
    border: 1px solid #555;
    border-radius: 5px;
    padding: 5px;
}

    .tooltipContent tr td {
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: transparent !important;
    }

/* CustomerDetails.ascx */
.customerDetails {
    width: 100%;
    font-size: 1.1em;
}

    .customerDetails > div {
        padding: 5px 10px 10px 10px;
    }

/* TagPicker.ascx */

.usedtags {
    display: none;
}

.tagpicker .tag-link {
    white-space: nowrap;
    padding-right: 10px;
    font-weight: bold;
}

.tagpicker {
    line-height: 17px;
    white-space: normal;
}

.tagpicker_tags {
    display: inline;
}

    .tagpicker_tags .label {
        padding: 0;
    }

.tagpicker_tag {
    margin: 4px 8px 3px 0;
    background-color: #3F90CF;
    color: White;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 18px;
    display: inline-block;
    position: relative;
}

.tag-delete {
    background: url('../images/delete.gif') 0 0 no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    position: absolute;
    top: -3px;
    right: -3px;
}

.tag-disabled {
    text-decoration: none;
    cursor: not-allowed;
}

.tag-unused {
    color: #3F90CF;
}

/*** jQuery-UI-autocomplete ************/
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

.ui-widget-content {
    border: 1px solid Black;
    background-color: White;
    color: #505050;
}

    .ui-widget-content a {
        color: #505050;
    }

/* menu */
.ui-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        -ms-zoom: 1;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            -ms-zoom: 1;
            zoom: 1;
            font-size: 8pt;
            border: 1px solid white;
            padding-left: 2px;
            white-space: nowrap;
        }

            .ui-menu .ui-menu-item a.ui-state-focus,
            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                border: 1px dotted rgb(245, 219, 149);
                color: white;
                background-color: rgb(10, 36, 106);
            }

.ui-helper-hidden-accessible {
    display: none !important;
}

.disabled, .aspNetDisabled {
    color: gray;
    background-color: #EEEEEE;
    cursor: not-allowed;
}

    .disabled a {
        color: gray;
    }

.notopmargin {
    margin-top: 0;
}

.webdialog > div .dialogContent {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    padding-bottom: 35px;
}

    .webdialog > div .dialogContent .buttons {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .webdialog > div .dialogContent input[type="checkbox"] {
        vertical-align: sub;
    }

.currency {
    width: 60px;
}

.autocomplete-textbox input {
    width: 400px;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
    font-size: 9pt;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.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;
    }

.autocomplete-popup {
    position: absolute;
    background-color: #eee;
    padding: 10px;
    border: 1px solid #e2e4e6;
}

.autocomplete-no-suggestion {
    background: #FFF;
    overflow: auto;
    font-size: 9pt;
    padding: 2px 5px;
    white-space: nowrap;
    color: #808080;
    font-weight: bold;
}

.equipment {
    display: block;
    float: left;
    color: black;
    background-color: lightgray;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 2px;
    padding: 2px 4px;
    white-space: nowrap;
}

.newlines {
    white-space: pre-line;
}

.signaturePadDialog {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.errorBackgound {
    background-color: #ffcdcd !important;
    color: black !important;
}

.warningBackground {
    background-color: #ffecd7 !important;
    color: black !important;
}

.notActiveBackgound {
    background-color: #9e9d9d !important;
    color: black !important;
}

.activitiesTitle {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .activitiesTitle:before,
    .activitiesTitle:after {
        content: '';
        border-top: 1px solid;
        margin: 0 4px 0 0;
        flex: 1 0 20px;
        color: darkgray;
    }

    .activitiesTitle:after {
        margin: 0 0 0 4px;
    }