.desktop-visible {
	display: inherit;
}

.mobile-visible {
	display: none !important;
}


svg {
	width: 100%;
	height: 100%;
}

*:focus {
    outline: none;
}

ul, li, p, h1, h2, h3, h4 {
    list-style: none;
    margin: 0;
    padding: 0;
}

fieldset {
    border: none;
}

.plus {
    color: #3f5e22;
}

.minus {
    color: #a51d1c;
}

.naziv {
    font-weight: bold;
}

    .naziv a {
        color: #4a68a6;
        text-decoration: none;
    }

.light {
    color: #999999;
}

.mail {
    background: url(images/iconMail.png) 0 3px no-repeat;
    padding: 0 0 0 14px;
    color: #777777;
    text-decoration: none;
}

.web {
    background: url(images/iconWeb.png) 0 3px no-repeat;
    padding: 0 0 0 14px;
    color: #5272b7;
    text-decoration: none;
}

.mail a {
    color: #777;
    text-decoration: none;
}

.web a {
    color: #5272B7;
    text-decoration: none;
}

.phone {
    background: url(images/iconPhone.png) 0 3px no-repeat;
    padding: 0 0 0 14px;
}

.fax {
    background: url(images/iconFax.png) 0 3px no-repeat;
    padding: 0 0 0 14px;
}

.contactForm {
    background: url(images/iconContactForm.png) 0 3px no-repeat;
    padding: 0 0 0 14px;
}

#tooltip {
    border: 1px solid #BFBFBF;
    float: left;
    font-size: 11px;
    max-width: 250px;
    padding: 5px;
    position: absolute;
    color: #464646;
    z-index: 999999;
}

.rounded {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.DistributionGlossaryLink {
    color: #333;
    line-height: 23px;
}

.footerInfo .mail {
    background: url(images/iconMailGray.png) 0 3px no-repeat;
}

.footerInfo .web {
    background: url(images/iconWebGray.png) 0 3px no-repeat;
}

.footerInfo .phone {
    background: url(images/iconPhoneGray.png) 0 3px no-repeat;
}

    .footerInfo .phone a {
        text-decoration: none;
    }

.footerInfo .fax {
    background: url(images/iconFaxGray.png) 0 3px no-repeat;
}

.footerInfo .contactForm {
    background: url(images/iconContactFormGray.png) 0 3px no-repeat;
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background: #e6e6e5 url(images/bodyBgr.png) top repeat-x;
}

.inactive {
    color: #bbb;
}

#transparentDiv {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: Black;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    display: block;
}

.SendSuccess {
    text-align: center;
    color: #89181C;
    margin-top: 20px;
}

.toggleTransAccounts, .togglePersons, .toggleSecurity, .toggleBudget, .toggleFinancial, .toggleConnected {
    display: none;
}

#addTransAccount {
    color: #666;
    font-size: 12px;
    float: right;
    margin-right: 24px;
    margin-top: 7px;
}


::-webkit-input-placeholder {
    color: #999;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

.mainSearch .tbox input:-moz-placeholder, .userDetails .tbox input:-moz-placeholder, #accountEmailConfirm .tbox input:-moz-placeholder, #accountPasswordConfirm .tbox input:-moz-placeholder, .paymentChoice .tbox input:-moz-placeholder, .companyAccount .tbox input, input.hasDatepicker:-moz-placeholder, input#ActivityCompanies:-moz-placeholder, .mainSearch .cbox input.ui-autocomplete-input:-moz-placeholder, input#ActivityPersons:-moz-placeholder, input#ActivityNews:-moz-placeholder {
    color: #999;
}

#accountEmailConfirm, #accountPasswordConfirm {
    position: absolute;
    z-index: 9999999;
}

#accountEmailConfirm {
    background: url(images/accountEmailConfirmBgr.png) 0 0 no-repeat;
    width: 509px;
    height: 210px;
    top: 274px;
}

#accountPasswordConfirm {
    background: url(images/accountPasswordConfirmBgr.png) 0 0 no-repeat;
    width: 509px;
    height: 246px;
    top: 310px;
}

    #accountEmailConfirm h1, #accountPasswordConfirm h1 {
        font-size: 16px;
        font-weight: bold;
        color: #4a68a6;
        padding: 20px 0 0 20px;
    }

    #accountEmailConfirm p, #accountPasswordConfirm p {
        font-size: 12px;
        color: #777777;
        padding: 5px 30px 10px 20px;
    }

    #accountEmailConfirm .label, #accountPasswordConfirm .label {
        float: left;
        width: 140px;
        text-align: right;
        margin: 3px 5px 0 0;
        padding: 7px 0 0 3px;
        font-size: 12px;
        color: #777777;
    }

    #accountEmailConfirm .tbox input, #accountPasswordConfirm .tbox input {
        width: 300px;
    }

    #accountEmailConfirm .confirm, #accountPasswordConfirm .confirm {
        float: left;
        margin: 12px 0 0 413px;
        background: url(images/iconUserDataConfirm.png) 0 0 no-repeat;
        width: 55px;
        height: 19px;
    }

        #accountEmailConfirm .confirm a, #accountPasswordConfirm .confirm a {
            display: block;
            width: 52px;
            height: 19px;
        }

    #accountEmailConfirm .close, #accountPasswordConfirm .close {
        float: left;
        margin: 16px 0 0 8px;
        background: url(images/iconClose.png) 0 0 no-repeat;
        width: 10px;
        height: 10px;
    }

        #accountEmailConfirm .close a, #accountPasswordConfirm .close a {
            display: block;
            width: 10px;
            height: 10px;
        }

.contentWide {
    width: 100%; /*background: url(images/contentWideBgr.png) 0 0 repeat-x;*/
    position: relative;
    z-index: 5;
    float: left;
}

.footerWide {
    width: 100%;
    height: 300px;
    float: left;
    border-top: solid 1px #c5c4c2;
    position: relative;
    top: 60px;
    z-index: 1;
}

.footer {
    width: 957px;
    height: 240px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    font-size: 11px;
    color: #777777;
    position: relative;
}

    .footer .logo {
        width: 96px;
        height: 16px;
        background: url(images/footer_logo.png) 0 0 no-repeat;
        position: absolute;
        top: 22px;
        left: 0;
    }

	.footer .logo-awards {
		width: 200px;
		height: 100px;		
		position: absolute;
		bottom: -43px;
		left: 17px;
	}

		.footer .logo-awards .eureka {
			position: absolute;
			top: 0px;
			left: 0px;
		}

		.footer .logo-awards .izvorno-hrvatsko {
			position: absolute;
			top: 0px;
			left: 83px;
		}

.footerInfo {
	position: absolute;
	top: 55px;
	left: 0;
}

.footer h2 {
    font-size: 11px;
    font-weight: bold;
}

.footerInfo p {
    padding: 35px 0 10px 0;
}

.footerInfo ul {
    margin: 5px 0 0 0;
}

    .footerInfo ul li {
        margin: 3px 0 0 0;
    }

.footer a, .footer a:hover {
    color: #777777;
    text-decoration: underline;
}

.footerNav {
    position: absolute;
    top: 20px;
    left: 138px;
    border-left: solid 1px #c5c4c2;
    padding: 8px 0 0 17px;
    height: 190px;
}

    .footerNav .footerFirst, .footerNav .footerSecond, .footerNav .footerThird, .footerNav .footerFourth, .footerNav .footerFifth, .footerNav .footerSixth, .footerNav .footerSeventh {
        float: left;
        margin: 0 20px 0 0;
        padding: 0;
    }

    .footerNav .footerEight {
        padding-top: 4em;
    }

    .footerNav .footerFirst {
        width: 100px;
    }

    .footerNav .footerSecond {
        width: 130px;
    }

    .footerNav .footerThird {
        width: 95px;
    }

    .footerNav .footerFourth {
        width: 120px;
    }

    .footerNav .footerFifth {
        width: 190px;
    }

    .footerNav .footerSixth {
        width: 167px;
    }

    .footerNav .footerSeventh {
        width: 115px;
        margin-right: 0;
    }

    .footerNav ul {
        margin: 5px 0 0 0;
    }

        .footerNav ul li {
            display: block;
            padding-bottom: 3px;
        }

            .footerNav ul li a {
                text-decoration: none;
                padding: 0 0 0 8px;
                background: url(images/footerBullet.png) 0 4px no-repeat;
                display: block;
            }
/* Added this because of removing the styles from the element definitions. It was needed for Responsive */
.footer .footerBottomMisc .artiflex {
    position: absolute;
    bottom: 25px;
    right: 420px;
}
/* Added this because of removing the styles from the element definitions. It was needed for Responsive */
.footer .footerBottomMisc .apps {
    position: absolute;
    bottom: 24px;
    width: 150px;
    right: 200px;
}
/* Added this because of removing the styles from the element definitions. It was needed for Responsive */
    .footer .footerBottomMisc .apps a img.google {
        padding-bottom: 8px;
        height: 37px;
    }

    .footer .footerBottomMisc .apps a img.apple {
        height: 37px;
    }

.footerKartice {
    position: absolute;
    right: 484px;
    bottom: 15px;
}

    .footerKartice .master {
        background: url(images/svg/mastercard-4.svg) 0 0 no-repeat;
        width: 69px;
        height: 21px;
        position: absolute;
        right: 33px;
        bottom: 66px;
    }
    .footerKartice .maestro {
        background: url(images/svg/maestro-2.svg) 0 0 no-repeat;
        width: 69px;
        height: 21px;
        position: absolute;
        right: 33px;
        bottom: 38px;
    }
    .footerKartice .visa {
        background: url(images/svg/visa.svg) 0 0 no-repeat;
        width: 69px;
        height: 14px;
        position: absolute;
        right: 38px;
        bottom: 14px;
    }

.social-networking {
    position: absolute;
    right: 0px;
    bottom: 23px;
    width: 172px;
    display: grid;
    grid-template-areas: 
                       'msg-area' 
                       'fb-area' 
                       'ln-area';
    grid-gap: 8px;
}

    .social-networking .facebook { grid-area: fb-area; }

    .social-networking a.facebook {
        background: url(images/facebook-button.png) 0 0 no-repeat;
        grid-area: fb-area;
        width: 120px;
        height: 32px;
    }

    .social-networking .linkedin {
        grid-area: ln-area;
        height: 45px;
    }

    .social-networking .message { 
        grid-area: msg-area; 
        padding: 8px 0px;
    }
    .social-networking .message span {
        font-size: 19px;
        font-weight: 600;
        font-family: Arial, Helvetica, sans-serif;
    }

.header {
    width: 957px;
    height: 106px;
    margin: 0 auto;
    background: url(images/mainSearchTopBgr.png) 0 95px no-repeat;
    position: relative;
}

.logo {
	position: absolute;
	
/*	top: 16px;
	left: 3px;
	background: url(images/fininfo_logo_holidays.png) 0 0 no-repeat;	
*/	top: 22px;
	left: 10px;
	background: url(images/fininfo_logo.png) 0 0 no-repeat; 
	
	width: 170px;
	height: 35px;
	cursor: pointer;
}

    .logo h1 {
        color: #ffffff;
        font-size: 25px;
    }


.header label.toggle-menu {
	display: none;
}

.header input#toggle-1 {
	position: absolute;
	top: -9999px;
	left: -9999px;
	background: none;
}


.menu {
    position: absolute;
    height: 40px;
    top: 59px;
    left: 10px;
}

    .menu ul {
        display: inline-block;
    }

        .menu ul li {
            float: left;
            height: 40px;
            margin: 0 0 0 -7px;
        }

		/* This must be display:none because it would brake the layout in desktop CSS layout*/
		.menu ul li .icon-wrapper {
			display:none;
		}

		.menu ul i {
			display:none;
		}

            .menu ul li a {
                color: #ffffff;
                text-decoration: none;
                font-size: 13px;
                padding: 0 20px;
                line-height: 46px;
            }

                .menu ul li a.home {
                    background: url(images/menuItemHome.png) 0 0 no-repeat;
                    height: 40px;
                    display: block;
                    padding: 0 0 0 40px;
                }

                    .menu ul li a.home span {
                        background: url(images/menuItemHome.png) right 0 no-repeat;
                        height: 40px;
                        display: block;
                        padding: 0 20px 0 0;
                        cursor: pointer;
                    }

                .menu ul li a.homeSel {
                    background: url(images/menuItemHome.png) 0 -40px no-repeat;
                }

                    .menu ul li a.homeSel span {
                        background: url(images/menuItemHome.png) right -40px no-repeat;
                    }

                .menu ul li a.magnifier {
                    background: url(images/menuItemMagnifier.png) 0 0 no-repeat;
                    height: 40px;
                    display: block;
                    padding: 0 0 0 36px;
                }

                    .menu ul li a.magnifier span {
                        background: url(images/menuItemMagnifier.png) right 0 no-repeat;
                        height: 40px;
                        display: block;
                        padding: 0 20px 0 0;
                        cursor: pointer;
                    }

                .menu ul li a.magnifierSel {
                    background: url(images/menuItemMagnifier.png) 0 -40px no-repeat;
                    color: #777777;
                }

                    .menu ul li a.magnifierSel span {
                        background: url(images/menuItemMagnifier.png) right -40px no-repeat;
                    }

                .menu ul li a.detailed {
                    background: url(images/menuItemDetailed.png) 0 0 no-repeat;
                    font-weight: bold;
                    line-height: 16px;
                    text-align: center;
                    display: block;
                    height: 39px;
                    padding: 0 0 0 18px;
                    margin: 0 0 0 8px;
                }

                    .menu ul li a.detailed:hover, .menu ul li a.detailedSel {
                        background: url(images/menuItemDetailed.png) 0 -40px no-repeat;
                        font-weight: bold;
                        line-height: 16px;
                        text-align: center;
                        display: block;
                        height: 40px;
                        padding: 0 0 0 18px;
                        margin: 0 0 0 8px;
                        color: #777777;
                    }

                    .menu ul li a.detailed span {
                        background: url(images/menuItemDetailed.png) right 0 no-repeat;
                        height: 36px;
                        display: block;
                        padding: 3px 20px 0 0;
                        margin: 0 0 0 0px;
                        cursor: pointer;
                    }

                    .menu ul li a.detailed:hover span, .menu ul li a.detailedSel span {
                        background: url(images/menuItemDetailed.png) right -40px no-repeat;
                        height: 37px;
                        display: block;
                        padding: 3px 20px 0 0;
                        cursor: pointer;
                    }

.languageSwitcher {
    position: absolute;
    top: 10px;
    right: 4px;
    font-size: 11px;
}

    .languageSwitcher ul {
        display: inline-block;
    }

        .languageSwitcher ul li {
            float: left;
            margin: 0 12px 0 0;
            height: 17px;
            line-height: 17px;
        }

            .languageSwitcher ul li.langDel {
                background: url(images/langDel.png) 0 0 no-repeat;
            }

            .languageSwitcher ul li a {
                color: #fff;
                text-decoration: none;
            }

                .languageSwitcher ul li a:hover, .languageSwitcher ul li a.selected {
                    color: #a9b9dc;
                }

.user {
    position: absolute;
    /*top: 75px;*/
    right: 4px;
    font-size: 11px;
}

#currentCurrency {
    position: relative;
}

.user .vrstaPrikaza {
    right: -27px !important;
    top: 8px !important;
}

.notLogged {
    position: absolute;
    top: 72px;
    right: 4px;
}
    /*.upper {
	top: 30px;
}*/
    .user ul, .notLogged ul {
        display: inline-block;
        height: 33px;
        line-height: 33px;
    }

        .user ul li, .notLogged ul li {
            float: left;
            margin: 0 12px 0 0;
        }

            .user ul li a {
                color: #ffffff;
                text-decoration: none;
                display: block;
            }

            .user ul li.trialFormLink a {
                background: url(images/header-btn-probaj-animacija.gif) 0 0 no-repeat;
                width: 117px;
                height: 33px;
            }

            .user ul li a.dd {
                background: url(images/ddArrow.png) right 13px no-repeat;
                padding: 0 13px 0 0;
            }

            .notLogged ul li a {
                color: #ffffff;
                text-decoration: none;
                font-size: 12px;
                margin: 0 0 0 5px;
                padding: 0 0 0 20px;
                height: 20px;
                line-height: 20px;
                display: block;
            }

                .notLogged ul li a.login {
                    background: url(images/iconLogin.png) 0 0 no-repeat;
                }

                .notLogged ul li a.register {
                    background: url(images/iconRegister.png) 0 2px no-repeat;
                }

.mainSearchWide {
    width: 100%;
    background: #faf9f7;
    border-bottom: solid 1px #c5c4c2;
    float: left;
    padding: 0;
    margin: 0;
    z-index: 99;
    position: relative;
}

.mainSearchHolder {
    width: 957px;
    margin: 0 auto 0 auto;
    padding: 0;
}

html > body .mainSearch {
    height: auto;
    min-height: 20px; /* Provjera u IE8+*/
}

.mainSearch {
    width: 942px;
    float: left;
    background: url(images/mainSearchBgr.png) bottom no-repeat;
    position: relative;
    margin: 0 0 -10px 0;
    padding: 0 0 35px 15px;
    height: 20px;
}

.search {
    position: absolute;
    margin: 0 auto;
    bottom: -23px;
    left: 190px;
    width: 617px;
    height: 57px;
    background: url(images/search.png) bottom no-repeat;
}

.EmptyNoteList {
	color: #999;
	float: left;
	text-align: center;
	margin-top: 20px;
	font-size: 17px;
	padding-left: 45px;
	padding-top: 30px;
	width: 100%;
	box-sizing: border-box;
}

.EmptySubjectList {
    color: #999;
    float: left;
    margin-top: 20px;
    font-size: 17px;
    padding-left: 45px;
    padding-top: 30px;
    width: 100%;
    box-sizing: border-box;
}

.EmptyRadarList {
    color: #999;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 17px;
    padding-left: 45px;
    width: 100%;
    box-sizing: border-box;
}

.mainSearch .toolbar {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 4;
}

.toolbarCriteriaSave {
    position: absolute;
    top: -36px;
    right: 15px;
    z-index: 5;
}

#analysisHolder .toolbarCriteriaSave:has(#exportAnalysisExcel) {
    margin-top: 10px;
}


#fininfoHolder .fininfoTableHolder .toolbarCriteriaSave {
    position: absolute;
    top: -26px;
    right: 4px;
    z-index: 5;
}

.toolbarCriteriaSave .help {
    float: left;
    margin: -2px 0 0 -5px;
    background: url(images/helpIcon.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
}

    .toolbarCriteriaSave .help a {
        display: block;
        width: 17px;
        height: 17px;
    }

.spiderParams .help {
    float: left;
    margin: 10px 0 0 15px;
    background: url(images/helpIcon.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
}

    .spiderParams .help a {
        display: block;
        width: 17px;
        height: 17px;
    }

.mainSearch .toolbar ul, .toolbarCriteriaSave ul {
    display: inline;
}

    .mainSearch .toolbar ul li, .toolbarCriteriaSave ul li {
        float: left;
        line-height: 10px;
    }

        .mainSearch .toolbar ul li.save, .toolbarCriteriaSave ul li.save {
            background: url(images/iconSaveSearch.png) center 0 no-repeat;
        }

        .mainSearch .toolbar ul li.delete {
            background: url(images/iconDeleteSearch.png) center 0 no-repeat;
        }

        .mainSearch .toolbar ul li.export, .toolbarCriteriaSave ul li.export {
            background: url(images/iconExportSearch.png) center 0 no-repeat;
        }

        .mainSearch .toolbar ul li.export.inline, .toolbarCriteriaSave ul li.export.inline
	    {
            background: none;
		    padding: 0;
		    line-height: 28px;
	    }

        .mainSearch .toolbar ul li.radar {
            background: url(images/iconRadarSearch.png) center 0 no-repeat;
        }

        .mainSearch .toolbar ul li.exportpdf {
            background: url(images/iconExportPdfSearch.png) center 0 no-repeat;
        }

        .mainSearch .toolbar ul li.pdvCheck {
            background: Transparent url(images/pdvCheckBgr.png) 0 0 no-repeat;
            margin: 3px 18px 0 0;
        }

        .mainSearch .toolbar ul li.email {
            background: url(images/iconEmailSearch.png) center 0 no-repeat;
        }

        .mainSearch .toolbar ul li a, .toolbarCriteriaSave ul li a {
            color: #777777;
            text-decoration: none;
            font-size: 10px;
            text-align: center;
            width: 50px;
            padding: 30px 7px 5px 7px;
            display: block;
        }

        .mainSearch .toolbar ul li.pdvCheck a {
            color: #4a68a6;
            text-align: left;
            padding: 5px 12px 5px 29px;
            height: 25px;
            width: auto;
            line-height: 11px;
        }


        .mainSearch .toolbar ul li.export.inline a, .toolbarCriteriaSave ul li.export.inline a
	    {
		    width: auto;
		    padding: 0 10px 0 35px;
            background: url(images/iconExportSearch.png) 0 0 no-repeat;
		    font-weight: bold;
	    }

            .mainSearch .toolbar ul li a.dd, .toolbarCriteriaSave ul li a.dd {
                background: url(images/searchToolbarDDArrow.png) right 33px no-repeat;
            }

.mainSearch .tbox, 
.userDetails .tbox, 
#CustomerUpdatedData .edit .tbox, 
#CustomerUpdatedData .create .tbox, 
#accountEmailConfirm .tbox, 
#accountPasswordConfirm .tbox, 
.paymentChoice .tbox, 
.companyAccount .tbox, 
.mainSearch .tboxDummy, 
.staticPageHolder .tbox, 
.pdvCheckModal .tbox {
    float: left;
    height: 33px;
    background: url(images/tboxBgr.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    margin: 0 -1px 0 0;
    position: relative;
}

.tboxClearLeft {
    clear: left;
}

.mainSearch .tbox-bank-account {
    float: left;
    height: 33px;
    background: url(images/tboxBgrDisabled.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    margin: 0 -1px 0 0;
    position: relative;
}

.userDetails .tboxEdit {
    border: solid 2px #89181c;
}

.userDetails .tbox, .staticPageHolder .tbox {
    margin: 5px -1px 0 0;
}

    .mainSearch .tbox span,
    .userDetails .tbox span,
    #CustomerUpdatedData .edit .tbox span,
    #CustomerUpdatedData .create .tbox span,
    #accountEmailConfirm .tbox span,
    #accountPasswordConfirm .tbox span,
    .paymentChoice .tbox span,
    .companyAccount .tbox span,
    .staticPageHolder .tbox span,
    .pdvCheckModal .tbox span {
        float: left;
        height: 23px;
        background: url(images/tboxBgr.png) right 0 no-repeat;
        padding: 5px 5px 5px 0;
    }

.mainSearch .tbox-bank-account span {
    float: left;
    height: 23px;
    background: url(images/tboxBgrDisabled.png) right 0 no-repeat;
    padding: 5px 5px 5px 0;
}

.mainSearch .tboxDummy div {
    float: left;
    height: 33px;
    background: url(images/tboxBgr.png) right 0 no-repeat;
    padding: 5px;
    color: #666;
    font-size: 11px;
    line-height: 24px;
}

.mainSearch .tboxDummy .name {
    width: 620px;
}

.mainSearch .tboxDummy .vocation {
    width: 200px;
}

.mainSearch .tboxDummy .connections {
    width: 156px;
}

.mainSearch .facebookLink {
    float: left;
    width: 13px;
    height: 13px;
    background: url(images/facebookS.png) 0 0 no-repeat;
    margin: 12px 0 0 8px;
}

    .mainSearch .facebookLink a {
        width: 13px;
        height: 13px;
        display: block;
    }

.mainSearch .linkedinLink {
    float: left;
    width: 13px;
    height: 13px;
    background: url(images/linkedinS.png) 0 0 no-repeat;
    margin: 12px 0 0 8px;
}

    .mainSearch .linkedinLink a {
        width: 44px;
        height: 12px;
        display: block;
    }

.mainSearch .tboxDummy span.name {
    margin: 0 8px 0 0px;
    padding: 0;
    background: none;
    font-weight: bold;
    font-size: 14px;
    color: #4a68a6;
}

.mainSearch .tbox input,
.userDetails .tbox input,
#CustomerUpdatedData .edit .tbox input,
#CustomerUpdatedData .create .tbox input,
#accountEmailConfirm .tbox input,
#accountPasswordConfirm .tbox input,
.paymentChoice .tbox input,
.companyAccount .tbox input,
input.hasDatepicker,
.staticPageHolder .tbox input {
    color: #777777;
    border: none;
    background: Transparent;
    margin: 0;
    padding: 0 5px;
    height: 23px;
    font-size: 12px;
    font-family: Arial;
}

input.hasDatepicker {
    padding-top: 5px;
    width: 130px;
}

.procurementProcedureTypeWidth input.hasDatepicker {
    width: 92px;
}

.paymentChoice .tbox {
    margin-left: 33px;
}

    .paymentChoice .tbox input {
        width: 269px;
    }

.companyAccount .tbox input {
    width: 450px;
}
/*#Regions, #Functions, #Blockages, #LegalForms, #Statuses, #combobox6, #combobox9, #datepicker1,
#datepicker2, #Banks, #BankAccount
{
    position:absolute;
    top:-9999px;
}*/
.mainSearch .tbox input.threequarterWidth, .userDetails .tbox input.threequarterWidth {
    width: 590px;
}

.mainSearch .tbox input.halfWidth, .userDetails .tbox input.halfWidth, .staticPageHolder .tbox input.halfWidth {
    width: 438px;
}

.mainSearch .tbox input.quarterWidth, .paymentChoice .tbox input.quarterWidth {
    width: 204px;
}

.mainSearch .tbox input.thirdWidth, .paymentChoice .tbox input.thirdWidth {
    width: 279px;
}

.mainSearch .tbox input.sixthWidth, .mainSearch .tbox-bank-account input.sixthWidth {
    width: 130px;
}

.mainSearch .tbox input.twelfthWidth, .paymentChoice .tbox input.twelfthWidth {
    width: 55px;
}

.mainSearch .cbox,
.userDetails .cbox,
#CustomerUpdatedData .cbox,
.paymentChoice .cbox {
    float: left;
    height: 33px;
    background: url(images/cboxBgr.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    position: relative;
    margin: 0 3px 0 0;
}

.paymentChoice .cbox {
    width: 240px;
}

.userDetails .cbox, .paymentChoice .cbox {
    margin: 5px 3px 0 0;
}

.mainSearch .cboxHalfWidth, .userDetails .cboxHalfWidth, .paymentChoice .cboxHalfWidth {
    width: 450px;
}

.mainSearch .cboxQuarterWidth, .paymentChoice .cboxQuarterWidth {
    width: 215px;
}

.mainSearch .cboxSixthWidth {
    width: 141px;
}

    .mainSearch .cboxSixthWidth.procurementProcedureTypeWidth {
        width: 215px;
    }

.clearboth {
    clear: both;
}

.mainSearch span.label {
    color: #777777;
    font-size: 11px;
    margin: 8px 5px 0 0;
    float: left;
}

.mainSearch .chart {
    width: 438px;
    height: 33px;
    float: left;
    padding: 0 0 0 5px;
    background: url(images/graphBackground.png) 0 0 no-repeat;
}

    .mainSearch .chart span {
        width: 433px;
        float: left;
        height: 33px;
        background: url(images/tboxBgr.png) right 0 no-repeat;
        padding: 0 5px 0 0;
    }

.mainSearch .newsSearchBgr {
    float: left;
    width: 100%;
    height: 200px;
}

.mainSearch .peopleListHolder, .mainSearch .newsListHolder {
    float: right;
    width: 455px;
    height: 130px;
    margin: 0 15px 0 0;
}

    .mainSearch .peopleListHolder .title, .mainSearch .newsListHolder .title {
        float: left;
        color: #4c68a6;
        font-weight: bold;
        font-size: 12px;
        margin: 10px 5px 0 10px;
    }

    .mainSearch .newsListHolder .title {
        margin: 42px 5px 0 10px;
    }

.mainSearch .peopleList, .mainSearch .newsList {
    float: left;
    margin: 8px 0 0 0;
    width: 455px;
    height: 104px;
    background: url(images/peopleListBgr.png) 0 0 no-repeat;
}

.mainSearch .newsList {
    height: 72px;
    background: url(images/newsListBgr.png) 0 0 no-repeat;
}

    .mainSearch .peopleList ul.left, .mainSearch .peopleList ul.right, .mainSearch .newsList ul {
        font-size: 11px;
        padding: 5px 10px;
        float: left;
        width: 205px;
    }

    .mainSearch .newsList ul {
        width: 435px;
    }

.mainSearch .peopleList ul li {
    padding: 1px 0 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 205px;
}

.mainSearch .newsList ul li {
    padding: 1px 0 2px 0;
    float: left;
    width: 217px;
}

    .mainSearch .newsList ul li .newsTitle {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 140px;
        height: 13px;
        display: inline-block;
        color: #777777;
    }

    .mainSearch .newsList ul li span.lider, .mainSearch .newsList ul li span.business, .mainSearch .newsList ul li span.poslovni, .mainSearch .newsList ul li span.seebiz {
        width: 11px;
        height: 13px;
        display: inline-block;
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    .mainSearch .newsList ul li span.lider {
        background-image: url(images/newsIconLiderpressSmall.png);
    }

    .mainSearch .newsList ul li span.business {
        background-image: url(images/newsIconBusinessSmall.png);
    }

    .mainSearch .newsList ul li span.poslovni {
        background-image: url(images/newsIconPoslovniSmall.png);
    }

    .mainSearch .newsList ul li span.seebiz {
        background-image: url(images/newsIconSeebizSmall.png);
    }

.mainSearch .peopleList ul li a {
    color: #777777;
    text-decoration: none;
}

.mainSearch .newsList ul li a {
    display: inline-block;
    height: 13px;
    overflow: hidden;
    margin-left: 5px;
}

.mainSearch .line {
    width: 926px;
    float: left;
    clear: both;
    padding: 0 0 5px 0;
    margin: 5px 0 0 0;
    height: 1px;
    border-top: solid 1px #e7e6e6;
}

.mainSearch .help,
#CustomerUpdatedData .help,
.mainSearch .dummyHelp {
    float: left;
    margin: 12px 4px 0 1px;
    background: url(images/helpIcon.png) 0 0 no-repeat;
    width: 6px;
    height: 11px;
}

.mainSearch .dummyHelp {
    background: none;
}

.mainSearch .clear {
    float: left;
    margin: 12px 2px 0 70px;
    background: url(images/deleteIcon.png) 1px 1px no-repeat;
    width: 12px;
    height: 12px;
}

.mainSearch .add {
    float: left;
    margin: 12px 2px 0 2px;
    background: url(images/addIcon.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
}

    .mainSearch .clear a, .mainSearch .add a {
        display: block;
        width: 12px;
        height: 12px;
    }

.mainSearch .help a,
#CustomerUpdatedData .help a {
    display: block;
    width: 6px;
    height: 11px;
}

.mainSearch input.mainSearchTBox {
    margin: 8px 0 0 8px;
    padding: 5px 10px;
    width: 541px;
    height: 28px;
    border: none;
    background: Transparent;
    color: #969292;
    font-style: italic;
    float: left;
}

.mainSearch .submitHolder {
    position: relative;
    float: left;
    width: 925px;
    height: 62px;
    margin: 12px 0 0 0;
    border: solid 1px #d9d9da;
    background: url(images/searchSubmitHolderBgr.png) 0 0 repeat-x;
    z-index: 1;
}

    .mainSearch .submitHolder input.searchSubmit {
        border: none;
        background: Transparent url(images/searchSubmitBgr.png) 0 0 no-repeat;
        width: 116px;
        height: 36px;
        line-height: 33px;
        margin: 0;
        padding: 0 0 0 40px;
        cursor: pointer;
        position: absolute;
        top: 13px;
        left: 404px;
        color: #fff;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
    }

        .mainSearch .submitHolder input.searchSubmit:hover {
            background: Transparent url(images/searchSubmitBgr.png) 0 -38px no-repeat;
            color: #4a68a6;
        }

.mainSearch input.mainSearchSubmit {
    border: none;
    background: Transparent;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 10px;
}

.headerSearch {
    position: absolute;
    top: 26px;
    right: 10px;
    width: 197px;
    height: 31px;
    background: url(images/headerSearch.png) bottom no-repeat;
}

input.headerSearchTBox {
    margin: 3px 0;
    padding: 0 10px;
    width: 149px;
    height: 25px;
    border: none;
    line-height: 25px;
    background: Transparent;
    color: #969292;
    font-size: 11px;
    font-style: italic;
    float: left;
}

input.headerSearchSubmit {
    border: none;
    background: Transparent;
    width: 25px;
    height: 24px;
    margin: 3px 0 0 0;
    padding: 0;
    float: left;
    cursor: pointer;
}

.contentNav, .contentNav_company, .contentNav_person, .contentNav_companies_bottom, .contentNav_free_bottom {
    width: 957px;
    float: left;
    clear: both;
    font-size: 10px;
    color: #777777;
    position: relative;
    /*z-index: 9;*/
    text-align: center;
}

.homeContentNav {
    /* float: none;
    max-width: 130px;
    margin: 0 auto;
    z-index: 11;*/
    height: 15px;
}

.contentNav_company {
    top: -10px;
}

.contentNav_person {
    margin-top: 24px;
}

.contentNav_companies_bottom {
    margin-top: 14px;
    margin-bottom: 5px;
}

.contentNav_free_bottom {
    margin-top: 20px;
}

.contentNav .searchResults {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-weight: bold;
    padding-right: 10px;
}

.contentNav .searchResultsFilter {
    float: right;
    margin-right: 0; /**/
    height: 30px;
    position: relative;
}
/*  IMPLEMENTACIJA POPUP-a*/


.contentNav .searchResultsFilter {
    width: 280px;
}

    .contentNav .searchResultsFilter .searchResultFilterTrigger {
        float: right; /**/
        margin-left: 15px; /**/
        padding: 3px;
        height: 15px;
    }

        .contentNav .searchResults .searchResultFilterTrigger a.dd, .contentNav .searchResultsFilter .searchResultFilterTrigger a.dd {
            background: url(images/ddArrow.png) right -16px no-repeat;
            padding: 0 13px 0 0;
        }

        .contentNav .searchResults .searchResultFilterTrigger a, .contentNav .searchResultsFilter .searchResultFilterTrigger a {
            color: #636363;
            text-decoration: none;
            display: block;
            font-weight: normal;
        }

.searchResultFilterPopup {
    display: none;
    position: absolute;
    z-index: 9999;
    padding: 0;
    width: auto;
}

    .searchResultFilterPopup a {
        color: #777777 !important;
        font-size: 11px;
        text-decoration: none;
        font-weight: normal;
        padding: 2px 10px;
        display: block;
        width: 100%;
        line-height: 15px;
        text-align: left;
    }

        .searchResultFilterPopup a:hover {
            color: #4c68a6;
        }

.contentNav .searchResultFilterTrigger.FilterItem {
    float: left;
    margin-right: 15px;
    padding: 3px;
    height: 15px;
}
/*  eof IMPLEMENTACIJA POPUP-a*/
.contentNav .searchResults ul, .contentNav .searchResultsFilter ul {
    display: inline-block;
}

    .contentNav .searchResults ul li, .contentNav .searchResultsFilter ul li {
        float: left;
        margin: 0 8px 0 0;
    }

    .contentNav .searchResultsFilter ul li {
        margin: 0 0 0 8px;
    }

        .contentNav .searchResults ul li a, .contentNav .searchResultsFilter ul li a {
            color: #636363;
            text-decoration: none;
            display: block;
            font-weight: normal;
        }

            .contentNav .searchResults ul li a.dd, .contentNav .searchResultsFilter ul li a.dd {
                background: url(images/ddArrow.png) right -16px no-repeat;
                padding: 0 13px 0 0;
            }

.contentNav .pagination {
    position: absolute;
    left: 225px;
    top: 2px;
    color: #777777;
    text-align: center;
    z-index: 2;
}

    .contentNav .pagination a {
        padding: 0 5px;
        line-height: 13px;
        text-decoration: none;
        color: #777777;
    }

#scroll .radarInfo {
    position: absolute;
    top: 5px;
    left: 23px;
    color: #777777;
    font-size: 10px;
    font-weight: bold;
}

#scroll .pagination {
    color: #777777;
    text-align: center;
    z-index: 2;
}

    #scroll .pagination a {
        padding: 0 5px;
        text-decoration: none;
        font-size: 10px;
        color: #777777;
    }

        #scroll .pagination a.previous, #scroll .pagination a.next, .pagination span.current, .pagination span.disabled {
            color: #4c68a6;
            font-size: 12px;
            font-weight: bold;
        }

.contentNav .pagination a.previous, .contentNav .pagination a.next, .pagination span.current, .pagination span.disabled {
    color: #4c68a6;
    font-size: 12px;
    font-weight: bold;
}

.pagination span.disabled {
    color: #777777;
}

.pagination span.current {
    padding: 0 5px;
}

.contentNav .breadcrumb, .contentNav_company .breadcrumb, .contentNav_person .breadcrumb, .contentNav_companies_bottom .breadcrumb, .contentNav_free_bottom .breadcrumb {
    /*position: absolute;
	left: 290px;
	top: 3px;
	width: 380px;
	text-align: center;
	z-index: 1;*/
    /*margin-top: 3px;*/
    position: absolute;
    width: 100%;
}

    .contentNav .breadcrumb a, .contentNav_company .breadcrumb a, .contentNav_person .breadcrumb a, .contentNav_companies_bottom .breadcrumb a, .contentNav_free_bottom .breadcrumb a {
        text-decoration: none;
        color: #777777;
    }

        .contentNav .breadcrumb a.selected, .contentNav_company .breadcrumb a.selected, .contentNav_person .breadcrumb a.selected, .contentNav_companies_bottom .breadcrumb a.selected, .contentNav_free_bottom .breadcrumb a.selected {
            text-decoration: none;
            color: #4c68a6;
        }

.contentHolder > .contentNav > .breadcrumb {
    margin-bottom: -14px;
    position: relative;
    margin-top: 6px;
}

ul.breadcrumb {
    margin-top: 3px;
}

    ul.breadcrumb li {
        display: inline;
        padding: 0 2px;
        color: #777777;
    }

        ul.breadcrumb li.selected {
            color: #4c68a6;
        }

.contentHolder {
    width: 957px;
    margin: 0 auto 0 auto;
    clear: both;
    position: relative;
    top: 35px;
}

.contentOneColumn {
    float: left;
    width: 957px;
    margin-bottom: 15px;
    position: relative;
    z-index: 0;
}

    .contentOneColumn #contentOneColumnHolder #roundedEdges {
        width: 958px;
        float: left;
        background: url(images/foldedBottom.png) bottom left no-repeat;
        border-right: solid 1px #c8c6c5;
        margin: -25px 0 0 0;
        padding: 0;
        height: 25px;
    }

.contentLeft {
    float: left;
    width: 643px;
    padding-bottom: 10px;
    position: relative;
    z-index: 10;
    margin-top: -13px;
}

    .contentLeft .toolbar, .contentOneColumn .toolbar {
        float: left;
        height: 25px;
        padding: 0 0 0 14px;
        position: relative;
        top: -5px;
    }

#free {
    top: 5px;
}

.contentLeft .toolbar a, .contentOneColumn .toolbar a {
    display: inline-block;
    width: 29px;
    height: 23px;
    margin: 0 3px 0 0;
}

    .contentLeft .toolbar a.icon01, .contentOneColumn .toolbar a.icon01 {
        background: url(images/toolbarIcon01.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon02, .contentOneColumn .toolbar a.icon02 {
        background: url(images/toolbarIcon02.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon03, .contentOneColumn .toolbar a.icon03 {
        background: url(images/toolbarIcon03.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon04, .contentOneColumn .toolbar a.icon04 {
        background: url(images/toolbarIcon04.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon05, .contentOneColumn .toolbar a.icon05 {
        background: url(images/toolbarIcon05.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon06, .contentOneColumn .toolbar a.icon06 {
        background: url(images/toolbarIcon06.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon07, .contentOneColumn .toolbar a.icon07 {
        background: url(images/toolbarIcon07.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon08, .contentOneColumn .toolbar a.icon08 {
        background: url(images/toolbarIcon08.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon09, .contentOneColumn .toolbar a.icon09 {
        background: url(images/toolbarIcon09.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon10, .contentOneColumn .toolbar a.icon10 {
        background: url(images/toolbarIcon10.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon11, .contentOneColumn .toolbar a.icon11 {
        background: url(images/toolbarIcon11.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon12, .contentOneColumn .toolbar a.icon12 {
        background: url(images/toolbarIcon12.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.icon17, .contentOneColumn .toolbar a.icon17 {
        background: url(images/toolbarIcon17.png) 0 0 no-repeat;
    }

    .contentLeft .toolbar a.selectAll, .contentOneColumn .toolbar a.selectAll {
        background: url(images/toolbarIconSelectAll.png) 0 -23px no-repeat;
    }

    .contentLeft .toolbar a.deselectAll, .contentOneColumn .toolbar a.deselectAll {
        background: url(images/toolbarIconDeselectAll.png) 0 -23px no-repeat;
    }

    .contentLeft .toolbar a.selected, .contentOneColumn .toolbar a.selected, .contentLeft .toolbar a:hover, .contentOneColumn .toolbar a:hover {
        background-position: 0 -23px;
    }

.contentLeft .toolbar .toolbarDel, .contentOneColumn .toolbar .toolbarDel {
    display: inline-block;
    width: 2px;
    height: 23px;
    margin: 0 6px 0 0;
    background: url(images/toolbarDel.png) 0 0 no-repeat;
}

.contentLeft .tabs, .contentOneColumn .tabs {
    float: left;
    clear: both;
    display: inline-block;
    position: relative;
    left: 10px;
    top: -5px;
    z-index: 3;
}

    .contentLeft .tabs ul li, .contentOneColumn .tabs ul li {
        float: left;
        height: 36px;
        line-height: 34px;
        margin: 0 1px 0 0;
    }

        .contentLeft .tabs ul li a, .contentOneColumn .tabs ul li a {
            color: #777777;
            text-decoration: none;
            text-align: center;
            font-size: 12px;
            height: 36px;
            display: block;
            background: url(images/tabsBgr.png) 1px 0 no-repeat;
            padding: 0 0 0 20px;
        }

            .contentOneColumn .tabs ul li a.elearning {
                color: #777777;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: block;
                background: url(images/elearningHomeTabsBgr.png) 1px 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.dictionary {
                color: #777777;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: block;
                background: url(images/elearningDictionaryTabsBgr.png) 1px 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.elesons {
                color: #777777;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: block;
                background: url(images/elearningLessonsTabsBgr.png) 0 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.blog {
                color: #777777;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: block;
                background: url(images/elearningBlogTabsBgr.png) 1px 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.results {
                color: #666;
                text-decoration: none;
                text-align: center;
                font-size: 12px;
                height: 36px;
                display: none;
                background: url(images/elearningResultsTabsBgr.png) 0 0 no-repeat;
                padding: 0 0 0 53px;
            }

            .contentOneColumn .tabs ul li a.elearning.selected, .contentOneColumn .tabs ul li a.elearning:hover {
                color: #ffffff;
                background: url(images/elearningHomeTabsBgr.png) 1px -63px no-repeat;
            }

                .contentOneColumn .tabs ul li a.elearning.selected span, .contentOneColumn .tabs ul li a.elearning:hover span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentOneColumn .tabs ul li a.dictionary.selected, .contentOneColumn .tabs ul li a.dictionary:hover {
                color: #ffffff;
                background: url(images/elearningDictionaryTabsBgr.png) 1px -63px no-repeat;
            }

                .contentOneColumn .tabs ul li a.dictionary.selected span, .contentOneColumn .tabs ul li a.dictionary:hover span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentOneColumn .tabs ul li a.blog.selected, .contentOneColumn .tabs ul li a.blog:hover {
                color: #ffffff;
                background: url(images/elearningBlogTabsBgr.png) 1px -63px no-repeat;
            }

                .contentOneColumn .tabs ul li a.blog.selected span, .contentOneColumn .tabs ul li a.blog:hover span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentOneColumn .tabs ul li a.elesons.selected, .contentOneColumn .tabs ul li a.elesons:hover {
                color: #ffffff;
                background: url(images/elearningLessonsTabsBgr.png) 0 -63px no-repeat;
            }

                .contentOneColumn .tabs ul li a.elesons.selected span, .contentOneColumn .tabs ul li a.elesons:hover span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentOneColumn .tabs ul li a.results {
                background: url(images/elearningResultsTabsBgr.png) 0 0px no-repeat;
            }

                .contentOneColumn .tabs ul li a.results.selected {
                    color: white;
                    background: url(images/elearningResultsTabsBgr.png) 0 -63px no-repeat;
                }

                .contentOneColumn .tabs ul li a.results span {
                    background: url(images/tabsBgr.png) right 0px no-repeat;
                }

                .contentOneColumn .tabs ul li a.results.selected span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

            .contentLeft .tabs ul li a span, .contentOneColumn .tabs ul li a span {
                height: 36px;
                display: block;
                background: url(images/tabsBgr.png) right 0 no-repeat;
                padding: 0 13px 0 0;
                cursor: pointer;
            }

            .contentLeft .tabs ul li a.selected, .contentOneColumn .tabs ul li a.selected {
                color: #ffffff;
                background: url(images/tabsBgr.png) 1px -63px no-repeat;
            }

                .contentLeft .tabs ul li a.selected span, .contentOneColumn .tabs ul li a.selected span {
                    background: url(images/tabsBgr.png) right -63px no-repeat;
                }

.contentLeft #scrollHolder, .contentOneColumn #scrollHolder, .contentOneColumn #oneColumnTabContent {
    width: 100%;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: -25px;
    z-index: 2;
    clear: both;
    padding: 20px 0 0 0;
    min-height: 50px;
}

.contentOneColumn #oneColumnTabContent {
    background: none;
    border-left: solid 1px #c8c6c5;
    background-color: #ffffff;
}

.contentOneColumn .oneColumnTabContentBottom {
    width: 958px;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 0px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: -25px;
    z-index: 1;
    clear: both;
    padding: 0;
}

.contentLeft #scrollHolder, .contentOneColumn #scrollHolder, .contentOneColumn #oneColumnTabContentFree {
    width: 100%;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 15px;
    z-index: 2;
    clear: both;
    padding: 20px 0 0 0;
}

.contentLeft #scrollHolder {
    width: 100%;
    float: left;
    background: #fff;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: -25px;
    z-index: 1;
    clear: both;
}

.contentOneColumn #scrollHolder {
    width: 100%;
    float: left;
    background: #fff;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 15px;
    z-index: 1;
    clear: both;
}

.contentLeft #scrollHolder.free, .scrollHolderNews {
    width: 100%;
    float: left;
    background: #fff !important;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 10px;
    z-index: 1;
    clear: both;
}

.contentLeft #scrollHolder.free {
    overflow-y: scroll;
    height: 550px;
}

a.newsMoreLink {
    background: url("images/linkMoreArrow.png") no-repeat scroll right 4px rgba(0, 0, 0, 0);
    color: #4C68A6 !important;
    padding: 0 15px 0 0;
    text-decoration: none;
    margin-left: 5px;
    text-decoration: none !important;
}

a.procurementLink {
    color: #4C68A6 !important;
    padding: 0 5px 0 0;
    text-decoration: none;
    text-decoration: none !important;
}

.scrollHolderNews a {
    text-decoration: underline !important;
}

.newsDetails, .procurementDetails {
    width: 1040px !important;
    height: 570px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 40px 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;
}

    .newsDetails .newsDetailsScroller,
    .procurementDetails .newsDetailsScroller {
        float: left;
        width: 976px;
        height: 500px !important;
        padding: 10px 0;
        margin-top: 30px;
        overflow-y: scroll;
    }

    .procurementDetails span.follow {
        position: absolute;
        top: 170px;
        right: 150px;
        width: 54px;
        height: 32px;
        display: block;
        z-index: 2;
        background: #4a68a6 url(images/tickOrange.png) 6px 7px no-repeat;
        padding: 0;
        padding: 4px 0 0 18px;
        font-size: 12px;
        color: #fff;
        cursor: pointer;
    }

        .procurementDetails span.follow.unfollow {
            background: #787878 url(images/tickGrey.png) 6px 7px no-repeat;
        }

        .procurementDetails span.follow a {
            margin: 0 !important;
            width: 54px;
            height: 32px;
            line-height: 14px;
            padding: 4px 0 0 18px;
            display: block;
            font-size: 12px;
            color: #fff;
            text-decoration: none;
            margin: -4px 0 0 -18px !important;
        }



    .newsDetails .newsContent,
    .procurementDetails .newsContent {
        float: left;
        width: 600px;
    }

.newsContent.bankruptcyContent {
    width: auto;
}

.newsDetails .newsContent h1,
.procurementDetails .newsContent h1 {
    font-size: 24px;
    font-weight: bold;
    color: #4c68a6;
    max-height: 56px;
    overflow: hidden;
}

.procurementDetails .newsContent p {
    padding-top: 10px;
}

    .newsDetails .newsContent p.summary,
    .procurementDetails .newsContent p.summary {
        font-family: Times New Roman, Georgia;
        font-weight: bold;
        font-size: 16px;
        font-style: italic;
        margin-top: 10px;
    }

    .newsDetails .newsContent p.details,
    .procurementDetails .newsContent p.details {
        font-size: 16px;
        padding-top: 10px;
    }

    .newsDetails .newsContent p.client,
    .procurementDetails .newsContent p.client {
        font-size: 16px;
    }

        .newsDetails .newsContent p.client label:first-child,
        .procurementDetails .newsContent p.client label:first-child {
            color: #4c68a6;
        }

        .newsDetails .newsContent p.client a,
        .procurementDetails .newsContent p.client a {
            color: #777777;
        }

    .newsDetails .newsContent p label,
    .procurementDetails .newsContent p label {
        font-weight: bold;
        cursor: auto;
    }

    .newsDetails .newsContent p.content, .newsDetails .newsContent p.source,
    .procurementDetails .newsContent p.content, .procurementDetails .newsContent p.source {
        line-height: 17px;
        padding-top: 10px;
        float: left;
        clear: left;
    }

        .newsDetails .newsContent p.source a,
        .procurementDetails .newsContent p.source a {
            color: #4a68a6;
            font-weight: bold;
        }

        .newsDetails .newsContent p.source .announcement,
        .procurementDetails .newsContent p.source .announcement {
            font-weight: bold;
        }

.procurementDetailsItem {
    max-width: 620px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    clear: left;
}

.newsDetails .newsContent a.poslovni {
    background: url(images/newsIconPoslovniSmall.png) 0 3px no-repeat;
    padding: 2px 0 2px 13px;
}

.newsDetails .newsContent a.business {
    background: url(images/newsIconBusinessSmall.png) 0 3px no-repeat;
    padding: 2px 0 2px 13px;
}

.newsDetails .newsContent a.lider {
    background: url(images/newsIconLiderpressSmall.png) 0 3px no-repeat;
    padding: 2px 0 2px 13px;
}

.newsDetails .newsContent a.seebiz {
    background: url(images/newsIconSeebizSmall.png) 0 3px no-repeat;
    padding: 2px 0 2px 13px;
}

.newsContent span.date,
.newsContent span.docNum,
.newsContent span.docType {
    display: inline-block;
    float: left;
}

.newsContent span.date {
    width: 100px;
}

.newsContent span.docNum {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}

.newsContent span.span200px {
    width: 200px;
    float: left;
}

.newsContent span.span195px {
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
    float: left;
}

.newsContent span.docType {
    max-width: 490px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
}
    
    .newsContent span.docType.pdf a,
    .newsContent span.docType._pdf a {
        background: url(images/pdficon_small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.odt a,
    .newsContent span.docType.ods a,
    .newsContent span.docType.rtf a,
    .newsContent span.docType.txt a,
    .newsContent span.docType.doc a,
    .newsContent span.docType.docx a {
        background: url(images/docxicon_small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.csv a,
    .newsContent span.docType.xlsb a,
    .newsContent span.docType.xls a,
    .newsContent span.docType.xlsx a {
        background: url(images/xlsxicon_small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.zip a,
    .newsContent span.docType.rar a,
    .newsContent span.docType._7z a {
        background: url(images/compressed-black-white.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.jpeg a,
    .newsContent span.docType.jpg a,
    .newsContent span.docType.png a,
    .newsContent span.docType.bmp a,
    .newsContent span.docType.tif a,
    .newsContent span.docType.jpg a {
        background: url(images/image2-icon-small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }

    .newsContent span.docType.bin a,
    .newsContent span.docType.msg a,
    .newsContent span.docType.html a,
    .newsContent span.docType.eml a,
    .newsContent span.docType.dl_ a,
    .newsContent span.docType.km_ a,
    .newsContent span.docType.kp_ a,
    .newsContent span.docType.ex_ a,
    .newsContent span.docType.dwg a {
        background: url(images/blank-icon-small.png) 0 4px no-repeat;
        padding: 5px 0 1px 22px;
    }


.newsDetails .newsConnections,
.procurementDetails .newsConnections {
    float: right;
    width: 250px;
    padding-top: 8px;
    padding-right: 8px;
}

    .newsDetails .newsConnections h2,
    .procurementDetails .newsConnections h2,
    .procurementDetails p.source .subtitle,
    .newsDetails p.source .subtitle {
        color: #4c68a6;
        font-size: 16px;
        font-weight: bold;
    }

    .newsDetails .newsConnections ul,
    .procurementDetails .newsConnections ul {
        padding: 10px 0 30px;
    }

.contentOneColumn #oneColumnTabContentFree {
    width: 100%;
    float: left;
    background: #fff;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 15px;
    z-index: 2;
    clear: both;
    padding: 20px 0 0 0;
}

.contentLeft .scrollHolderBottom, .contentOneColumn .scrollHolderBottom, .scrollHolderNewsBottom {
    width: 100%;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) -1px bottom no-repeat;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px Transparent;
    clear: both;
    position: relative;
    left: 0;
    top: -25px;
}

.scrollHolderNewsBottom {
    top: 15px;
}

.contentLeft .scrollHolderBottom#scrollHolderBottomFree {
    width: 100%;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) -1px bottom no-repeat;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px Transparent;
    clear: both;
    position: relative;
    left: 0;
    top: 10px;
}

.contentOneColumn .oneColumnTabContentFreeBottom {
    width: 100%;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) -1px bottom no-repeat;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px Transparent;
    clear: both;
    position: relative;
    left: 0;
    top: 15px;
}

.contentOneColumn #contentOneColumnHolder p.note {
    color: #777777;
    text-align: center;
    font-size: 13px;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0;
}

div.validation-summary-valid {
    display: none;
}

.fin_video_elearning {
    margin-top: 22px;
}

.contentOneColumn #contentOneColumnHolder div.validation-summary-errors {
    color: #777777;
    text-align: left;
    font-size: 15px;
    float: left;
    clear: both;
    width: 910px;
    padding: 10px 20px;
    border: solid 2px #89181c;
    margin: 20px 0 10px 0;
}

.contentOneColumn #contentOneColumnHolder .validation-summary-errors {
    padding: 0 0 10px 0;
}

    .contentOneColumn #contentOneColumnHolder .validation-summary-errors span {
        font-weight: bold;
        font-size: 14px;
    }

.contentOneColumn #contentOneColumnHolder span.field-validation-error {
    float: left;
    clear: left;
    font-size: 12px;
    background: url(images/ddArrowBullet.png) 0 4px no-repeat;
    padding: 2px 0 2px 13px;
    margin: 0 0 0 15px;
}

.mainSearch div.validation-summary-errors,
#CustomerUpdatedData div.validation-summary-errors {
    color: #4A68A6;
    text-align: left;
    font-size: 15px;
    float: left;
    clear: both;
    width: 882px;
    padding: 10px 20px;
    border: solid 2px #89181c;
    margin: 20px 0 10px 0;
}

    .mainSearch div.validation-summary-errors ul li,
    #CustomerUpdatedData div.validation-summary-errors ul li {
        color: #777777;
    }

.mainSearch .validation-summary-errors {
    padding: 0 0 10px 0;
}

    .mainSearch .validation-summary-errors span {
        font-weight: bold;
        font-size: 14px;
    }

.contentHolder span.field-validation-error,
.contentHolder #CustomerUpdatedData .fields span.field-validation-error {
    float: left;
    clear: left;
    font-size: 12px;
    background: url(images/ddArrowBullet.png) 0 4px no-repeat;
    padding: 2px 0 2px 13px;
    margin: 0 0 0 15px;
}

.contentOneColumn #contentOneColumnHolder .userDetails, .contentOneColumn #contentOneColumnHolder .contactBanner {
    width: 950px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 20px 0 0 0;
    padding: 0 0 15px 0;
}

.contentOneColumn #contentOneColumnHolder .stepRegister, .contentOneColumn #contentOneColumnHolder .register {
    padding: 0 0 80px 0;
    position: relative;
}

.contentOneColumn #contentOneColumnHolder .stepPayment, .contentOneColumn #contentOneColumnHolder .stepCheck {
    width: 954px;
    float: left;
    position: relative;
    padding: 0 0 60px 0;
    margin: 20px 0 0 0;
}

.contentOneColumn #contentOneColumnHolder .stepFinished {
    margin: 20px 0 0 0;
    float: left;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck, .contentOneColumn #contentOneColumnHolder .stepFinished .stepFinishedInfo {
        width: 910px;
        float: left;
        background: #ffffff;
        border: solid 2px #4e6cad;
        padding: 10px 20px;
        position: relative;
    }

.contentOneColumn #contentOneColumnHolder .stepPayment .detailsToCheck {
    float: left;
    width: 100%;
    padding: 0 0 15px;
    margin: 0;
    color: #464646;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .detailsToCheck ul {
        display: inline;
        margin: 0;
        padding: 0;
        font-size: 15px;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .detailsToCheck ul li {
            display: inline;
            margin: 0;
            padding: 0;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .detailsToCheck ul li.cpt {
                font-weight: bold;
                color: #4a68a6;
            }

.contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right {
    float: left;
    width: 50%;
}

    .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left h2, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right h2, .contentOneColumn #contentOneColumnHolder .stepFinished .stepFinishedInfo h2 {
        font-size: 20px;
        font-weight: bold;
        color: #4a68a6;
        padding: 5px 0 5px 15px;
    }

.contentOneColumn #contentOneColumnHolder .stepFinished .stepFinishedInfo p {
    padding: 25px 15px;
    font-size: 15px;
    color: #777777;
}

.contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left ul, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right ul {
    font-size: 16px;
    padding: 5px 0 5px 15px;
}

    .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left ul li, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right ul li {
        line-height: 26px;
    }

        .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .left ul li.cpt, .contentOneColumn #contentOneColumnHolder .stepCheck .detailsToCheck .right ul li.cpt {
            font-weight: bold;
            color: #4a68a6;
        }

.contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount {
    width: 912px;
    float: left;
    background: #e5e6f2;
    border: solid 1px #bac0dd;
    padding: 10px 20px 20px 20px;
    margin: 10px 0 0 0;
    position: relative;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount h2, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription h2 {
        color: #4a68a6;
        font-size: 17px;
        font-weight: bold;
        padding: 0 0 5px 0;
    }

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox, .contentOneColumn #contentOneColumnHolder .login .loginBox {
    width: 460px;
    height: 270px;
    float: left;
    background: url(images/foldedBottomGray.png) bottom left no-repeat;
    border-top: solid 1px #e6e5e8;
    border-right: solid 1px #e6e5e8;
    margin: 20px 0 0 0;
    padding: 0 0 15px 0;
    position: relative;
}

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .label, .contentOneColumn #contentOneColumnHolder .login .loginBox .label {
        color: #777777;
        font-size: 12px;
        font-weight: bold;
        margin: 5px 0 0 30px;
        float: left;
        clear: both;
    }

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .tboxLogin, .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin {
        float: left;
        height: 49px;
        background: url(images/tboxBgrLogin.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        margin: 0 -1px 0 25px;
    }

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginBox a.login, .contentOneColumn #contentOneColumnHolder .login .loginBox a.login {
        display: block;
        height: 40px;
        line-height: 40px;
        background: #4e6cad;
        border: solid 1px #6778aa;
        padding: 0 20px;
        font-size: 17px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        bottom: 30px;
        left: 30px;
        cursor: pointer;
    }

input.login {
    display: block;
    height: 42px;
    line-height: 40px;
    background: #4e6cad;
    border: solid 1px #6778aa;
    padding: 0 21px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 28px;
    cursor: pointer;
    border: none;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check, .contentOneColumn #contentOneColumnHolder .login .loginBox .check {
    padding: 25px 0 0 15px;
    position: absolute;
    bottom: 40px;
    left: 160px;
}

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check .ez-hide, .contentOneColumn #contentOneColumnHolder .login .loginBox .check .ez-hide, .multiSelectOptions .ez-hide {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .login .loginBox .check .ez-checkbox {
        background: transparent url(images/check.png) 0 1px no-repeat;
        display: inline-block;
    }

.multiSelectOptions .ez-checkbox {
    background: transparent url(images/multiSelectOptionsBgr.png) 5px 5px no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check .ez-checked, .contentOneColumn #contentOneColumnHolder .login .loginBox .check .ez-checked {
    background-position: 0 -18px;
}

.multiSelectOptions .ez-checked {
    background-position: 5px -17px;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .login .loginBox .check .ez-checkbox {
    zoom: 1;
    display: inline;
    _height: 30px;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .check label, .contentOneColumn #contentOneColumnHolder .login .loginBox .check label {
    color: #777777;
    font-size: 12px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check, .contentOneColumn #contentOneColumnHolder .register .check {
    position: absolute;
    bottom: 30px;
    left: 215px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check {
    float: left;
    width: 100%;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .checkChecked {
    padding: 0 0 15px 0;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo img {
    position: absolute;
    top: 6px;
    left: 555px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked img {
    position: absolute;
    top: 43px;
    left: 435px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check input, .contentOneColumn #contentOneColumnHolder .register .check input, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check input, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check input {
    width: 28px;
    height: 28px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-hide, .contentOneColumn #contentOneColumnHolder .register .check .ez-hide, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-hide, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .register .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-checkbox {
    background: Transparent url(images/checkBig.png) 0 1px no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    float: left;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-checked, .contentOneColumn #contentOneColumnHolder .register .check .ez-checked, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-checked, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-checked {
    background-position: 0 -31px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-radio, .contentOneColumn #contentOneColumnHolder .register .check .ez-radio, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-radio, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-radio {
    background: Transparent url(images/radioBig.png) 3px 3px no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    float: left;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-checked, .contentOneColumn #contentOneColumnHolder .register .check .ez-checked, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-checked, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-checked {
    background-position: 0 -31px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-selected, .contentOneColumn #contentOneColumnHolder .register .check .ez-selected, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-selected, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-selected {
    background-position: 3px -26px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .register .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check .ez-checkbox, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check .ez-checkbox {
    zoom: 1;
    display: inline;
    _height: 32px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check label, .contentOneColumn #contentOneColumnHolder .register .check label {
    color: #777777;
    font-size: 14px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 0 0 5px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check label, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check label {
    color: #777777;
    font-size: 18px;
    display: inline-block;
    padding: 3px 0 0 5px;
    float: left;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceOne .sublabel {
    font-size: 12px;
    color: #7a7a7a;
    float: left;
    clear: left;
    margin: -5px 0 0 37px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceOne, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo {
    position: relative;
    float: left;
    width: 448px;
    height: 150px;
    border-right: solid 1px #cccccc;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo {
    margin-left: 9px;
    border-right: none;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs {
        position: relative;
        z-index: 1;
        width: 380px;
        margin: 10px 0 0 37px;
        text-align: center;
        height: auto;
        float: left;
        height: 20px;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo #tabs {
            display: inline-block;
            height: auto;
            margin: 0;
            padding: 0;
            border: none;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li {
                padding: 0;
                margin: 0 1px;
                float: left;
                border: none;
                font-weight: normal;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabs ul li a {
                background: #fff;
                background-image: none;
                text-align: center;
                height: auto;
            }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li a {
                    margin: 0;
                    padding: 0;
                    font-size: 13px;
                    color: #a7a7a7;
                    text-decoration: none;
                    height: 20px;
                    line-height: 20px;
                    border: solid 1px #e1e1e1;
                    padding-right: 7px;
                    display: block;
                }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.ui-tabs-active a {
                    border: solid 1px #4c68a6;
                    color: #999999;
                    cursor: default;
                }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li a:hover {
                    color: #999999;
                }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.amex a {
                    background: url(images/karticaAmex.png) 3px -31px no-repeat;
                    padding-left: 25px;
                }

                    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.amex.ui-tabs-active a, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.amex a:hover {
                        background: url(images/karticaAmex.png) 3px 3px no-repeat;
                        padding-left: 25px;
                    }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.master a {
                    background: url(images/karticaMaster.png) 3px -22px no-repeat;
                    padding-left: 30px;
                }

                    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.master.ui-tabs-active a, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.master a:hover {
                        background: url(images/karticaMaster.png) 3px 3px no-repeat;
                        padding-left: 30px;
                    }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.maestro a {
                    background: url(images/karticaMaestro.png) 3px -32px no-repeat;
                    padding-left: 32px;
                }

                    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.maestro.ui-tabs-active a, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.maestro a:hover {
                        background: url(images/karticaMaestro.png) 3px 3px no-repeat;
                        padding-left: 32px;
                    }

                .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.visa a {
                    background: url(images/karticaVisa.png) 3px -24px no-repeat;
                    padding-left: 34px;
                }

                    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.visa.ui-tabs-active a, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .karticeTabs ul li.visa a:hover {
                        background: url(images/karticaVisa.png) 3px 5px no-repeat;
                        padding-left: 34px;
                    }

    .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent {
        border-top: solid 1px #cecece;
        width: 380px;
        float: left;
        margin: 2px 0 0 37px;
        padding: 20px 0 10px;
        position: relative;
        z-index: 2;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent div {
            margin: 0;
            padding: 0;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent div .paymentNote {
                float: left;
                clear: left;
                margin: 10px 0 0 10px;
                font-size: 11px;
                font-style: italic;
                color: #777777;
            }

        .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent .check {
            width: auto;
            margin-left: 9px;
            float: left;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent .check .ez-radio {
                background: Transparent url(images/radio.png) 0px 0px no-repeat;
                display: inline-block;
                height: 18px;
                width: 18px;
                float: left;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent .check .ez-selected {
                background-position: 0 -18px;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwo .tabContent .check label {
                color: #777777;
                font-size: 11px;
                display: inline-block;
                padding: 2px 0 0 3px;
                float: left;
            }

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceOneChecked label, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked label {
    color: #4a68a6;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .note {
    color: #777777;
    font-size: 13px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    float: left;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .noteColor, .contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .noteColor a {
    color: #4a68a6;
    text-decoration: none;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .noteAligned {
    text-align: right;
    padding-right: 0;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .width01 {
    width: 80px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .choiceTwoChecked .width02 {
    width: 170px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .check label {
    font-size: 16px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .paymentChoice .check label span {
    font-size: 12px;
    color: #777777;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .check label a, .contentOneColumn #contentOneColumnHolder .register .check label a {
    color: #4c68a6;
    font-weight: bold;
    text-decoration: none;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .registerRequired, .contentOneColumn #contentOneColumnHolder .register .registerRequired, .contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .companyAccountRequired {
    position: absolute;
    color: #777777;
    font-size: 12px;
}

.contentOneColumn #contentOneColumnHolder .stepRegister .registerRequired, .contentOneColumn #contentOneColumnHolder .register .registerRequired {
    bottom: 7px;
    left: 30px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .companyAccount .companyAccountRequired {
    bottom: -25px;
    left: 20px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription {
    margin: 46px 0 0;
}

    .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table {
        color: #464646;
        font-size: 12px;
        margin: 0;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table td {
            padding: 0;
            vertical-align: text-top;
            padding: 10px 0;
        }

        .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td.next {
            padding-left: 3em;
        }

            .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td span.fullPrice, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table td span.fullPrice {
                font-weight: bold;
                font-size: 16px;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td img, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table td img {
                position: relative;
                top: 6px;
                margin: 0;
                padding: 0;
            }

            .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription table td.alignRight, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li table td.alignRight {
                text-align: right;
                padding-right: 8px;
                width: 500px;
            }

    .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion {
        position: relative;
        padding: 0 0 50px;
        margin: 0;
        float: left;
        width: 100%;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription ul.accordion li ul.acitem li {
            padding: 0;
            margin: 0;
        }

    .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription a.moreLess, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription a.moreLess.active, .packageDescription a.moreLess.active:hover {
        width: 209px;
        height: 39px;
        display: block;
        background: url(images/packageDescriptionMoreLess.png) 0 0 no-repeat;
        margin: 0 0 0 500px;
        position: absolute;
        bottom: 10px;
        left: 0;
    }

        .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription a.moreLess.active, .contentOneColumn #contentOneColumnHolder .stepPayment .packageDescription a.moreLess.active:hover {
            background-position: 0 -38px;
        }

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .tboxLogin span, .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin span {
    float: left;
    height: 49px;
    background: url(images/tboxBgrLogin.png) right 0 no-repeat;
    padding: 5px 5px 5px 0;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .loginBox .tboxLogin input, .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin input {
    border: none;
    background: Transparent;
    margin: 0;
    padding: 5px;
    height: 29px;
    color: #777777;
    font-size: 14px;
    width: 400px;
}

.contentOneColumn #contentOneColumnHolder .stepLogin .registerBox, .contentOneColumn #contentOneColumnHolder .login .registerBox {
    width: 460px;
    height: 270px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: 20px 0 0 30px;
    padding: 0 0 15px 0;
    position: relative;
}

    .contentOneColumn #contentOneColumnHolder .stepLogin .registerBox p, .contentOneColumn #contentOneColumnHolder .login .registerBox p {
        color: #777777;
        font-size: 14px;
        padding: 30px;
        line-height: 22px;
    }

    .contentOneColumn #contentOneColumnHolder .stepLogin .registerBox a.register, .contentOneColumn #contentOneColumnHolder .login .registerBox a.register {
        display: block;
        height: 40px;
        line-height: 40px;
        background: #f8981d;
        border: solid 1px #fed197;
        padding: 0 30px;
        font-size: 17px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        bottom: 30px;
        right: 30px;
    }

.contentOneColumn #contentOneColumnHolder .stepLogin .loginUtilities, .contentOneColumn #contentOneColumnHolder .login .loginUtilities {
    float: left;
}

    .contentOneColumn #contentOneColumnHolder .stepLogin .loginUtilities ul, .contentOneColumn #contentOneColumnHolder .login .loginUtilities ul {
        display: inline-block;
        padding: 20px 0 0 30px;
        font-size: 13px;
        color: #777777;
    }

        .contentOneColumn #contentOneColumnHolder .stepLogin .loginUtilities ul li, .contentOneColumn #contentOneColumnHolder .login .loginUtilities ul li {
            float: left;
            margin: 0 20px 0 0;
        }

            .contentOneColumn #contentOneColumnHolder .stepLogin .loginUtilities ul li a, .contentOneColumn #contentOneColumnHolder .login .loginUtilities ul li a {
                color: #4c68a6;
                text-decoration: none;
            }

.contentOneColumn #contentOneColumnHolder .contactBanner ul {
    display: inline;
    font-size: 25px;
    font-weight: bold;
    color: #777777;
}

    .contentOneColumn #contentOneColumnHolder .contactBanner ul li {
        float: left;
        padding: 10px 0 0 30px;
    }

        .contentOneColumn #contentOneColumnHolder .contactBanner ul li.phone {
            background: url(images/iconPhoneBig.png) 0 15px no-repeat;
            margin: 0 0 0 220px;
        }

        .contentOneColumn #contentOneColumnHolder .contactBanner ul li.phonePoslovni {
            background: url(images/iconPhoneBig.png) 0 15px no-repeat;
            margin: 0 0 0 40px;
        }

        .contentOneColumn #contentOneColumnHolder .contactBanner ul li.mail {
            background: url(images/iconMailBig.png) 0 15px no-repeat;
            margin: 0 0 0 40px;
        }

        .contentOneColumn #contentOneColumnHolder .contactBanner ul li a {
            color: #777777;
            text-decoration: none;
        }

.contentOneColumn #contentOneColumnHolder .stepsIndicator {
    width: 950px;
    height: 40px;
    float: left;
    margin: 20px 0 0 0;
    position: relative;
    text-align: center;
    line-height: 40px;
}

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step01 {
        position: absolute;
        width: 188px;
        height: 40px;
        left: 1px;
        top: 0;
        background: url(images/stepIndicatorBgrFirst.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step01 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step02 {
        position: absolute;
        width: 205px;
        height: 40px;
        left: 174px;
        top: 0;
        background: url(images/stepIndicatorBgr.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step02 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step03 {
        position: absolute;
        width: 205px;
        height: 40px;
        left: 364px;
        top: 0;
        background: url(images/stepIndicatorBgr.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step03 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step04 {
        position: absolute;
        width: 205px;
        height: 40px;
        left: 554px;
        top: 0;
        background: url(images/stepIndicatorBgr.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step04 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .step05 {
        position: absolute;
        width: 208px;
        height: 40px;
        left: 744px;
        top: 0;
        background: url(images/stepIndicatorBgrLast.png) 0 0 no-repeat;
    }

        .contentOneColumn #contentOneColumnHolder .stepsIndicator .step05 a {
            color: #fff;
            text-decoration: none;
        }

    .contentOneColumn #contentOneColumnHolder .stepsIndicator .selected {
        background-position: 0 -40px;
    }

.contentOneColumn #contentOneColumnHolder .stepsIndicator {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}

.contentOneColumn #contentOneColumnHolder .package, .contentOneColumn #contentOneColumnHolder .stepPackage {
    width: 952px;
    float: left;
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
    position: relative;
}

.contentOneColumn #contentOneColumnHolder .stepCheck .package {
    margin: 20px 0 0 0;
}

.contentOneColumn #contentOneColumnHolder .comparePackages {
    height: 1050px;
}

.contentOneColumn #contentOneColumnHolder .packageAdvancedHeight {
    height: 950px;
}

.contentOneColumn #contentOneColumnHolder .packageComboHeight {
    height: 1160px;
}

.contentOneColumn #contentOneColumnHolder .packageBasicHeight {
    height: 800px;
}

.contentOneColumn #contentOneColumnHolder .packageSingleHeight {
    height: 610px;
}

.contentOneColumn #contentOneColumnHolder .packageFree {
    background: url(images/foldedBottomOrange.png) bottom left no-repeat;
    border-top: solid 1px #eda02d;
    border-right: solid 1px #eda02d;
}

.contentOneColumn #contentOneColumnHolder .packageBasic {
    background: url(images/foldedBottomBlue.png) bottom left no-repeat;
    border-top: solid 1px #657cb3;
    border-right: solid 1px #657cb3;
}

.contentOneColumn #contentOneColumnHolder .packageBasicPlus {
    background: url(images/foldedBottomPurple.png) bottom left no-repeat;
    border-top: solid 1px #5e5ba3;
    border-right: solid 1px #5e5ba3;
}

.contentOneColumn #contentOneColumnHolder .packageAdvanced {
    background: url(images/foldedBottomGreen.png) bottom left no-repeat;
    border-top: solid 1px #87983c;
    border-right: solid 1px #87983c;
}

.contentOneColumn #contentOneColumnHolder .packagePremium {
    background: url(images/foldedBottomRed02.png) bottom left no-repeat;
    border-top: solid 1px #CC2B11;
    border-right: solid 1px #CC2B11;
}

.contentOneColumn #contentOneColumnHolder .packageCombo {
    background: url(images/foldedBottomRed.png) bottom left no-repeat;
    border-top: solid 1px #d97166;
    border-right: solid 1px #d97166;
}

.contentOneColumn #contentOneColumnHolder .packageSingle {
    background: url(images/foldedBottomLightBlue.png) bottom left no-repeat;
    border-top: solid 1px #c8d1f9;
    border-right: solid 1px #c8d1f9;
}

.package .packageIcon, .stepPackage .packageIcon {
    float: left;
    width: 100px;
    height: 80px;
    top: 30px;
    left: 20px;
    position: relative;
    z-index: 2;
}

.package .iconBasic, .stepPackage .iconBasic {
    background: url(images/iconPackageBasic.png) 0 0 no-repeat;
}

.package .iconBasicPlus, .stepPackage .iconBasicPlus {
    background: url(images/iconPackageBasicPlus.png) 0 0 no-repeat;
}

.package .iconAdvanced, .stepPackage .iconAdvanced {
    background: url(images/iconPackageAdvanced.png) 0 0 no-repeat;
}

.package .iconPremium, .stepPackage .iconPremium {
    background: url(images/iconPackagePremium.png) 0 0 no-repeat;
}

.package .iconCombo, .stepPackage .iconCombo {
    background: url(images/iconPackageCombo.png) 0 0 no-repeat;
}

.package .iconSingle, .stepPackage .iconSingle {
    background: url(images/iconPackageSingle.png) 0 0 no-repeat;
    width: 43px;
    height: 98px;
    left: 40px;
}

.package .packageInfo, .stepPackage .packageInfo {
    float: right;
    width: 800px;
    padding: 30px 20px 20px 20px;
}

.contentOneColumn #contentOneColumnHolder .package .packageInfo h1, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0;
    float: left;
    width: 105%;
}

.contentOneColumn #contentOneColumnHolder .packageSingle .packageInfo h1 {
    color: #4e6cad;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.oldPrice {
    position: absolute;
    bottom: 220px;
    left: 185px;
    text-align: left;
    font-size: 24px;
    width: 300px;
    height: 58px;
    background: url(images/packageOldPriceBgr.png) top left no-repeat;
}

.contentOneColumn #contentOneColumnHolder .packageCombo .packageInfo h1.oldPrice {
    position: absolute;
    bottom: 250px;
    left: 185px;
    text-align: left;
    font-size: 24px;
    width: 300px;
    height: 58px;
    background: url(images/packageOldPriceBgr.png) top left no-repeat;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPercentage {
    position: absolute;
    bottom: 190px;
    left: 230px;
    text-align: center;
    font-size: 26px;
    width: 78px;
    height: 75px;
    line-height: 75px;
    background: url(images/packageDiscountPercentageBgr.png) top center no-repeat;
    font-weight: bold;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageAdvanced h1.discountPercentage {
    color: #778f14;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageBasic h1.discountPercentage {
    color: #4a68a6;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageCombo h1.discountPercentage {
    color: #cf4d40;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPrice {
    position: absolute;
    bottom: 120px;
    left: 85px;
    text-align: right;
    font-size: 24px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.regularPrice {
    position: absolute;
    bottom: 120px;
    left: 85px;
    text-align: right;
    font-size: 24px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.pdvAmount {
    position: absolute;
    bottom: 90px;
    left: 85px;
    text-align: right;
    font-size: 24px;
    width: 300px;
}

    .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPrice span, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPriceFull span, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.regularPrice span, .contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.regularPriceFull span {
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
    }

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.discountPriceFull {
    position: absolute;
    bottom: 35px;
    left: 68px;
    text-align: right;
    font-size: 30px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage .packageInfo h1.regularPriceFull {
    position: absolute;
    bottom: 35px;
    left: 68px;
    text-align: right;
    font-size: 30px;
    width: 300px;
}

.package .packageInfo p, .stepPackage .packageInfo p {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
}

.stepPackage .packageInfo ul {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 15px;
    float: left;
    clear: left;
}

.packageSingle .packageInfo ul, .packageSingle .packageInfo p {
    color: #4e6cad;
}

    .packageSingle .packageInfo ul li.specialSingle {
        list-style: none;
        margin-top: 10px;
        margin-left: 10px;
    }

.packageSingle .packageInfo .specialSingleSpan {
    color: #4e6cad;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 15px;
}

.specialAsterix {
    font-size: 26px;
}

.stepPackage .packageInfo ul li, .stepPackage .packageInfo ul li {
    list-style-type: disc;
}

.contentOneColumn #contentOneColumnHolder .package a.nextStep, .contentOneColumn #contentOneColumnHolder .stepPackage a.nextStep, .contentOneColumn #contentOneColumnHolder .stepRegister a.nextStep, .contentOneColumn #contentOneColumnHolder .register a.nextStep {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #f8981d;
    border: solid 1px #fed197;
    padding: 0 15px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.contentOneColumn #contentOneColumnHolder .stepPayment a.nextStep, .contentOneColumn #contentOneColumnHolder .stepCheck a.nextStep {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #f8981d;
    border: solid 1px #fed197;
    padding: 0 40px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage a.packageSwitchToBasic, .contentOneColumn #contentOneColumnHolder .stepPackage a.packageSwitchToAdvanced {
    display: block;
    width: 262px;
    height: 97px;
    line-height: 97px;
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    right: 20px;
    top: 20px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage a.packageSwitchToBasic {
    background: url(images/packageSwitchToBasic.png) 0 0 no-repeat;
    text-indent: 65px;
}

.contentOneColumn #contentOneColumnHolder .stepPackage a.packageSwitchToAdvanced {
    background: url(images/packageSwitchToAdvanced.png) 0 0 no-repeat;
    text-indent: 65px;
}

.package .watermark, .stepPackage .watermark {
    position: absolute;
    z-index: 1;
}

.package .watermarkBasic {
    width: 250px;
    height: 200px;
    background: url(images/watermarkPackageBasic.png) 0 0 no-repeat;
    top: 35px;
    left: 210px;
}

.stepPackage .watermarkBasicBig {
    width: 347px;
    height: 259px;
    background: url(images/watermarkPackageBasicBig.png) 0 0 no-repeat;
    bottom: 45px;
    left: 210px;
}

.package .watermarkPremium {
    width: 272px;
    height: 200px;
    background: url(images/watermarkPackagePremium.png) 0 0 no-repeat;
    top: 45px;
    left: 210px;
}

.package .watermarkAdvanced {
    width: 272px;
    height: 200px;
    background: url(images/watermarkPackageAdvanced.png) 0 0 no-repeat;
    top: 45px;
    left: 210px;
}

.package .watermarkCombo {
    width: 272px;
    height: 200px;
    background: url(images/watermarkPackageCombo.png) 0 0 no-repeat;
    top: 45px;
    left: 210px;
}

.package .watermarkSingle {
    width: 272px;
    height: 200px;
    background: url(images/watermarkPackageSingle.png) 0 0 no-repeat;
    top: 90px;
    left: 400px;
}

.stepPackage .watermarkSingleBig {
    width: 347px;
    height: 259px;
    background: url(images/watermarkPackageSingleBig.png) 0 0 no-repeat;
    bottom: 10px;
    left: 380px;
}

.contentOneColumn #contentOneColumnHolder .editPackagePremium .package {
    /*height: 600px;*/
    position: relative;
    padding-bottom: 30px;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package {
    /*height: 600px;*/
    position: relative;
    padding-bottom: 30px;
}

.contentOneColumn #contentOneColumnHolder .editPackageCombo .package {
    /*height: 600px;*/
    position: relative;
    padding-bottom: 30px;
}

.contentOneColumn #contentOneColumnHolder .editPackageBasic .package {
    /*height: 600px;*/
    position: relative;
    padding-bottom: 30px;
}

.contentOneColumn #contentOneColumnHolder .editPackageSingle .package {
    /*height: 600px;*/
    position: relative;
    padding-bottom: 30px;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.oldPrice, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.oldPrice, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.oldPrice {
    position: absolute;
    bottom: 220px;
    left: 185px;
    text-align: left;
    font-size: 24px;
    height: 58px;
    background: url(images/packageOldPriceBgr.png) top left no-repeat;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPercentage, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPercentage, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPercentage {
    position: absolute;
    bottom: 190px;
    left: 230px;
    text-align: center;
    font-size: 26px;
    width: 78px;
    height: 75px;
    line-height: 75px;
    background: url(images/packageDiscountPercentageBgr.png) top center no-repeat;
    font-weight: bold;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.pdvAmount, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.pdvAmount, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.pdvAmount {
    position: absolute;
    bottom: 90px;
    left: 212px;
    text-align: left;
    font-size: 24px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.pdvAmount {
    position: absolute;
    bottom: 90px;
    left: 206px;
    text-align: left;
    font-size: 24px;
    width: 300px;
}

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPrice, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPrice, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.regularPrice, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPrice {
    position: absolute;
    bottom: 120px;
    left: 192px;
    text-align: left;
    font-size: 24px;
    width: 300px;
}

    .contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPrice span, .contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPriceFull span, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPrice span, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPriceFull span, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPrice span, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPriceFull span, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.pdvAmount span, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.regularPrice span, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.regularPriceFull span {
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
    }

.contentOneColumn #contentOneColumnHolder .editPackageAdvanced .package .packageInfo h1.discountPriceFull, .contentOneColumn #contentOneColumnHolder .editPackageBasic .package .packageInfo h1.discountPriceFull, .contentOneColumn #contentOneColumnHolder .editPackageSingle .package .packageInfo h1.regularPriceFull, .contentOneColumn #contentOneColumnHolder .editPackageCombo .package .packageInfo h1.discountPriceFull {
    position: absolute;
    bottom: 35px;
    left: 162px;
    text-align: left;
    font-size: 30px;
    width: 400px;
}

.stepPackage .watermarkAdvancedBig {
    width: 418px;
    height: 261px;
    background: url(images/watermarkPackageAdvancedBig.png) 0 0 no-repeat;
    bottom: 45px;
    left: 250px;
}

.stepPackage .watermarkPremiumBig {
    width: 418px;
    height: 261px;
    background: url(images/watermarkPackageAdvancedBig.png) 0 0 no-repeat;
    bottom: 45px;
    left: 250px;
}

.stepPackage .watermarkComboBig {
    width: 418px;
    height: 261px;
    background: url(images/watermarkPackageComboBig.png) 0 0 no-repeat;
    bottom: 45px;
    left: 250px;
}

.comparePackages {
    float: left;
    width: 290px;
    height: 1060px;
    margin: 35px 0 0 20px;
    position: relative;
}

.comparePackagesFirst {
    margin-left: 20px;
}

.comparePackages .packageInfo {
    float: left;
    width: 250px;
    padding: 10px 20px 20px 20px;
    z-index: 3;
}

.contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo h1 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 0 30px 0;
    float: left;
    width: 100%;
}

    .contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo h1.oldPrice {
        position: absolute;
        bottom: 188px;
        right: 25px;
        text-align: right;
        font-size: 24px;
        height: 58px;
        background: url(images/packageOldPriceBgr.png) top right no-repeat;
        z-index: 2;
    }

    .contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo h1.discountPercentage {
        position: absolute;
        bottom: 165px;
        right: 45px;
        text-align: center;
        font-size: 26px;
        width: 78px;
        height: 75px;
        line-height: 75px;
        background: url(images/packageDiscountPercentageBgr.png) top center no-repeat;
        font-weight: bold;
        margin: 0;
        padding: 0;
        z-index: 2;
    }

.contentOneColumn #contentOneColumnHolder .packageAdvanced .packageInfo h1.discountPercentage {
    color: #778f14;
}

.contentOneColumn #contentOneColumnHolder .packageBasic .packageInfo h1.discountPercentage {
    color: #4a68a6;
}

.contentOneColumn #contentOneColumnHolder .packageCombo .packageInfo h1.discountPercentage {
    color: #cf4d40;
    width: 128px;
    height: 128px;
    line-height: 128px;
    background: url(images/packageDiscountPercentageComboBgr.png) top center no-repeat;
    bottom: 170px;
    left: 185px;
}

.contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo h1.discountPrice {
    position: absolute;
    bottom: 90px;
    right: 25px;
    text-align: right;
    font-size: 30px;
}

.contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo p.priceNote {
    position: absolute;
    bottom: 75px;
    right: 25px;
    text-align: right;
    color: #ffffff;
    font-style: italic;
    font-size: 12px;
    line-height: normal;
    z-index: 2;
    padding-left: 65px;
}

.contentOneColumn #contentOneColumnHolder .comparePackages .packageInfo p.note {
    text-align: left;
    color: #ffffff;
    font-style: italic;
    line-height: normal;
    padding: 20px 0 0 0;
    margin: 0;
}

.comparePackages a {
    display: block;
    border: solid 2px #ffffff;
    padding: 3px 15px;
    color: #ffffff;
    background: url(images/transparentWhite30.png);
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    bottom: 25px;
    right: 25px;
    z-index: 3;
}

.comparePackages .packageInfo p {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
}

.comparePackages .packageInfo ul {
    color: #ffffff;
    font-size: 14px;
    line-height: 15px;
    padding: 0 0 0 15px;
}

    .comparePackages .packageInfo ul li {
        list-style-type: disc;
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
    }

.comparePackages .watermark {
    position: absolute;
    z-index: 1;
    width: 237px;
    height: 217px;
}

.comparePackages .watermarkPackageComparisonFree {
    background: url(images/watermarkPackageComparisonFree.png) 0 0 no-repeat;
    bottom: 20px;
    left: 25px;
}

.comparePackages .watermarkPackageComparisonBasic {
    background: url(images/watermarkPackageComparisonBasic.png) 0 0 no-repeat;
    bottom: 10px;
    left: 18px;
}

.comparePackages .watermarkPackageComparisonAdvanced {
    background: url(images/watermarkPackageComparisonAdvanced.png) 0 0 no-repeat;
    bottom: 10px;
    left: 25px;
}

.contentOneColumn #contentOneColumnHolder h1 {
    color: #4a68a6;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0 10px 30px;
    float: left;
    width: 100%;
}

.contentOneColumn #contentOneColumnHolder h2 {
    color: #777;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 10px 30px;
    float: left;
    width: 100%;
}

.contentOneColumn #contentOneColumnHolder .userDetails .label,
.contentOneColumn #contentOneColumnHolder .staticPageHolder .label {
	float: left;
	width: 245px;
	text-align: right;
	margin: 6px 5px 0 0;
	padding: 7px 0 0 0;
	font-size: 12px;
	color: #777777;
}

.contentOneColumn #contentOneColumnHolder .paymentChoice .choiceOne .label {
    float: left;
    text-align: left;
    margin: 15px 5px 0 37px;
    padding: 3px 0 10px 0;
    font-size: 15px;
    color: #777777;
}

.contentOneColumn #contentOneColumnHolder .paymentChoice .choiceTwo .label, .contentOneColumn #contentOneColumnHolder .companyAccount .label {
    float: left;
    width: 110px;
    text-align: right;
    margin: 6px 5px 0 47px;
    padding: 3px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #777777;
}

.contentOneColumn #contentOneColumnHolder .companyAccount .label {
    width: 100px;
}

.contentOneColumn #contentOneColumnHolder .userDetails .edit, .contentOneColumn #contentOneColumnHolder .userDetails .confirm {
    float: left;
    margin: 12px 0 0 10px;
    background: url(images/iconUserDataEdit.png) 0 0 no-repeat;
    width: 52px;
    height: 19px;
}

.contentOneColumn #contentOneColumnHolder .userDetails .confirm {
    background: url(images/iconUserDataConfirm.png) 0 0 no-repeat;
}

    .contentOneColumn #contentOneColumnHolder .userDetails .edit a, .contentOneColumn #contentOneColumnHolder .userDetails .confirm a {
        display: block;
        width: 52px;
        height: 19px;
    }

.contentOneColumn #contentOneColumnHolder {
    width: 100%;
    float: left;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    clear: both;
}

.contentLeft #scroll, .contentOneColumn #scroll {
    width: 100%;
    overflow: auto;
    position: relative;
}

.contentLeft .scrollgeneric, .contentOneColumn .scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.contentLeft .vscrollerbase, .contentOneColumn .vscrollerbase {
    visibility: visible !important;
    width: 22px;
    background: url(images/scrollbarBgr.png) 0 0 repeat-y;
}

.contentLeft .vscrollerbasebeg, .contentOneColumn .vscrollerbasebeg {
    width: 22px;
    height: 15px !important;
    background: url(images/scrollbarArrowUp.png) 0 0 no-repeat;
    cursor: pointer;
}

.contentLeft .vscrollerbaseend, .contentOneColumn .vscrollerbaseend {
    background: url(images/scrollbarArrowDown.png) 0 bottom no-repeat;
    height: 15px;
    width: 22px;
    cursor: pointer;
}

.contentLeft .vscrollerbar, .contentOneColumn .vscrollerbar {
    width: 22px;
    height: 21px !important;
    background: url(images/scrollbarDragger.png) 0 0 no-repeat;
    padding: 15px 0 17px 0;
    cursor: pointer;
    z-index: 2;
}

.contentLeft .vscrollerbarbeg, .contentOneColumn .vscrollerbarbeg {
}

.contentLeft .vscrollerbarend, .contentOneColumn .vscrollerbarend {
}
/*********************** tables common ******************************/

table#followPoduzeca, table#follow, table#traziPoduzeca, table#followOsobe, table#followprocurements, table#searchProcurements, .listOfNotes, .list-vm-items {
	margin: 0 20px;
	color: #777777;
	font-size: 12px;
	width: 91%;
	float: left;
}

    table#followPoduzeca td, table#follow td, table#followOsobe td, table#followprocurements td, table#searchProcurements td, table#searchProcurements td, .listOfNotes td, .list-vm-items td {
        vertical-align: top;
    }

		table#followPoduzeca td.number, table#follow td.number, table#traziPoduzeca td.number, table#followPoduzeca th.number, table#follow th.number, table#traziPoduzeca th.number, table#followOsobe td.number, table#followOsobe th number, table#followprocurements td.number, table#followprocurements th.number, table#searchProcurements th.number, table#searchProcurements td.number, .listOfNotes td.number {
			text-align: right;
		}

		table#followPoduzeca td a, table#follow td a, table#traziPoduzeca td a, table#followOsobe td a, table#followprocurements td a, .listOfNotes td a {
			color: #777777;
			text-decoration: none;
		}

.fake_box_follow {
    display: block;
    width: 63px;
    height: 33px;
    margin: 5px 0 0 0;
}

table#searchProcurements {
    background: #ffffff;
}
    /*********************** end tables common ******************************/

    /******************* table followPoduzeca ************************/

	table#followPoduzeca th, table#traziPoduzeca th, table#followOsobe th, table#followprocurements th, table#searchProcurements th, .listOfNotes th {
		font-size: 10px;
		text-align: left;
	}

	table#followPoduzeca td, table#followPoduzeca th, table#traziPoduzeca td, table#traziPoduzeca th, table#followOsobe td, table#followOsobe th, table#followprocurements td, table#followprocurements th, table#searchProcurements td, table#searchProcurements th, .listOfNotes td, .listOfNotes th {
		padding: 4px;
		border-bottom: solid 1px #dcdcdc;
	}

        table#followPoduzeca td.following div.follow, table#traziPoduzeca td.following {
            width: 75px;
            height: 28px;
            background: url(images/iconFollowngTable.png) 0 0 no-repeat;
        }

        table#followPoduzeca td.following div.unfollow, table#traziPoduzeca .followingDisabled {
            width: 75px;
            height: 16px;
            background: url(images/iconFollowngTable.png) 0 -16px no-repeat;
        }

        table#followOsobe td.following div.follow {
            width: 75px;
            height: 28px;
            background: url(images/iconFollowngPersonTable.png) 0 0 no-repeat;
        }

        table#followOsobe td.following div.unfollow {
            width: 75px;
            height: 16px;
            background: url(images/iconFollowngPersonTable.png) 0 -16px no-repeat;
        }

        table#followprocurements td.following div.follow {
            /*width: 75px;
	height: 16px;
	background: url(images/iconFollowngProcurementTable.png) 0 0 no-repeat;*/
        }

        table#followprocurements td.following div.unfollow {
            /*width: 75px;
	height: 16px;
	background: url(images/iconFollowngProcurementTable.png) 0 -16px no-repeat;*/
        }

        table#searchProcurements td.following div.follow {
            height: auto;
            max-width: 60px;
            line-height: 11px;
            background: #4a68a6 url(images/tickOrange.png) 6px 6px no-repeat;
            padding: 3px 8px 3px 16px;
            font-size: 9px;
            color: #fff;
        }

            table#followprocurements td.following div.follow.radar,
            table#searchProcurements td.following div.follow.radar {
                height: auto;
                max-width: 60px;
                line-height: 11px;
                background-color: #4a68a6;
                background-image: url(images/tickOrange.png), url(images/followUnfollowRadar.png);
                background-position: 6px 6px, 46px 2px;
                padding: 3px 8px 3px 16px;
                font-size: 9px;
                color: #fff;
            }

        table#searchProcurements td.following div.unfollow,
        table#followprocurements td.following div.unfollow {
            height: auto;
            max-width: 60px;
            line-height: 11px;
            background: #787878 url(images/tickGrey.png) 6px 6px no-repeat;
            padding: 3px 8px 3px 16px;
            font-size: 9px;
            color: #fff;
        }

        table#followprocurements td.following div.follow.radar.unfollow,
        table#searchProcurements td.following div.follow.radar.unfollow {
            height: auto;
            max-width: 60px;
            line-height: 11px;
            background-color: #787878;
            background-image: url(images/tickGrey.png), url(images/followUnfollowRadar.png);
            background-position: 6px 6px, 46px 2px;
            padding: 3px 8px 3px 16px;
            font-size: 9px;
            color: #fff;
        }

div.follow:hover, div.unfollow:hover {
    cursor: pointer;
}

table#followPoduzeca td span.naziv, table#traziPoduzeca td span.naziv, table#followOsobe td span.naziv, .listOfNotes td span.naziv {
    font-weight: bold;
}

table#followOsobe td.pname {
    width: 144px;
}

table#followPoduzeca td span.naziv a, table#traziPoduzeca td span.naziv a, table#followOsobe td span.naziv a, .listOfNotes td span.naziv {
    color: #4a68a6;
    text-decoration: none;
}

table#followPoduzeca td.icon00, table#followPoduzeca td.icon01, table#followPoduzeca td.icon02, table#followPoduzeca td.icon03, table#followPoduzeca td.icon04, table#followPoduzeca td.icon05, table#followPoduzeca td.icon06, table#followPoduzeca td.icon07, table#followPoduzeca td.icon08, table#traziPoduzeca td.icon00, table#traziPoduzeca td.icon01, table#traziPoduzeca td.icon02, table#traziPoduzeca td.icon03, table#traziPoduzeca td.icon04, table#traziPoduzeca td.icon05, table#traziPoduzeca td.icon06, table#traziPoduzeca td.icon07, table#traziPoduzeca td.icon08 {
    width: 23px;
    background: 8px 3px no-repeat;
}

table#connectedCompanies td.icon01, table#connectedCompanies td.icon02, table#connectedCompanies td.icon03, table#connectedCompanies td.icon04, table#connectedCompanies td.icon05, table#connectedCompanies td.icon06, table#connectedCompanies td.icon07, table#connectedCompanies td.icon08, table#competitors td.icon01, table#competitors td.icon02, table#competitors td.icon03, table#competitors td.icon04, table#competitors td.icon05, table#competitors td.icon06, table#competitors td.icon07, table#competitors td.icon08 {
    width: 24px;
    background: 0 0 no-repeat;
}

table#followPoduzeca td.icon01, table#traziPoduzeca td.icon01, table#connectedCompanies td.icon01, table#competitors td.icon01 {
    background-image: url(images/iconBonitetA2.png);
}

table#followPoduzeca td.icon02, table#traziPoduzeca td.icon02, table#connectedCompanies td.icon02, table#competitors td.icon02 {
    background-image: url(images/iconBonitetB2.png);
}

table#followPoduzeca td.icon03, table#traziPoduzeca td.icon03, table#connectedCompanies td.icon03, table#competitors td.icon03 {
    background-image: url(images/iconBonitetC2.png);
}

table#followPoduzeca td.icon04, table#traziPoduzeca td.icon04, table#connectedCompanies td.icon04, table#competitors td.icon04 {
    background-image: url(images/iconBonitetD2.png);
}

table#followPoduzeca td.icon05, table#traziPoduzeca td.icon05, table#connectedCompanies td.icon05, table#competitors td.icon05 {
    background-image: url(images/iconBonitetE2.png);
}

table#followPoduzeca td.icon06, table#traziPoduzeca td.icon06, table#connectedCompanies td.icon06, table#competitors td.icon06 {
    background-image: url(images/iconBonitetF2.png);
}

table#followPoduzeca td.icon07, table#traziPoduzeca td.icon07, table#connectedCompanies td.icon07, table#competitors td.icon07 {
    background-image: url(images/iconBonitetBlocked1small.png);
}

table#followPoduzeca td.icon08, table#traziPoduzeca td.icon08, table#connectedCompanies td.icon08, table#competitors td.icon08 {
    background-image: url(images/iconBonitetG2.png);
}

table#followPoduzeca .noborder, table#traziPoduzeca .noborder, table#followOsobe .noborder, .listOfNotes .noborder {
    border: none;
}

/* For Obrt & OPG */

table#followPoduzeca td.iconTradeScore01, table#traziPoduzeca td.iconTradeScore01, table#connectedCompanies td.iconTradeScore01, table#competitors td.iconTradeScore01 {
    background: url(images/iconTradeScoreBonitetA2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore02, table#traziPoduzeca td.iconTradeScore02, table#connectedCompanies td.iconTradeScore02, table#competitors td.iconTradeScore02 {
    background: url(images/iconTradeScoreBonitetB2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore03, table#traziPoduzeca td.iconTradeScore03, table#connectedCompanies td.iconTradeScore03, table#competitors td.iconTradeScore03 {
    background: url(images/iconTradeScoreBonitetC2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore04, table#traziPoduzeca td.iconTradeScore04, table#connectedCompanies td.iconTradeScore04, table#competitors td.iconTradeScore04 {
    background: url(images/iconTradeScoreBonitetD2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore05, table#traziPoduzeca td.iconTradeScore05, table#connectedCompanies td.iconTradeScore05, table#competitors td.iconTradeScore05 {
    background: url(images/iconTradeScoreBonitetE2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore06, table#traziPoduzeca td.iconTradeScore06, table#connectedCompanies td.iconTradeScore06, table#competitors td.iconTradeScore06 {
    background: url(images/iconBonitetF2.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore07, table#traziPoduzeca td.iconTradeScore07, table#connectedCompanies td.iconTradeScore07, table#competitors td.iconTradeScore07 {
    background: url(images/iconBonitetBlocked1small.png) 8px 2px no-repeat;
    width: 23px;
}

table#followPoduzeca td.iconTradeScore08, table#traziPoduzeca td.iconTradeScore08, table#connectedCompanies td.iconTradeScore08, table#competitors td.iconTradeScore08 {
    background: url(images/iconBonitetG2.png) 8px 2px no-repeat;
    width: 23px;
}

/******************* end table followPoduzeca ************************/


/************************ table follow *******************************/

table#follow td {
    padding: 0px 4px;
}

    table#follow td .cbox.datePickerNews {
        width: 100px;
        text-align: right;
        position: relative;
        float: left;
        height: 33px;
        background: url(images/cboxBgr.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        position: relative;
        margin: -8px 0 0;
    }

        table#follow td .cbox.datePickerNews span {
            position: absolute;
            z-index: 10;
            left: 5px;
            top: 0;
            cursor: pointer;
        }

        table#follow td .cbox.datePickerNews input {
            font-weight: bold;
            width: 90px;
            cursor: pointer;
        }

    table#follow td .cbox button {
        background: url(images/cboxBtn.png) no-repeat scroll 0 0;
        border: medium none;
        height: 33px;
        margin: 0 -4px 0 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 31px;
    }

    table#follow td.date, table#follow td span.name {
        font-weight: bold;
        width: 70px;
        text-align: right;
    }

    table#follow td span.lider, table#follow td span.poslovni, table#follow td span.business, table#follow td span.seebiz {
        display: inline-block;
        width: 11px;
        height: 11px;
        margin-left: 1px;
    }

    table#follow td span.lider {
        background: url(images/newsIconLiderpressSmall.png) 0 0 no-repeat;
    }

    table#follow td span.poslovni {
        background: url(images/newsIconPoslovniSmall.png) 0 0 no-repeat;
    }

    table#follow td span.business {
        background: url(images/newsIconBusinessSmall.png) 0 0 no-repeat;
    }

    table#follow td span.seebiz {
        background: url(images/newsIconSeebizSmall.png) 0 1px no-repeat;
    }

    table#follow td span.icon01, table#follow td span.icon02, table#follow td span.icon03, table#follow td span.icon04, table#follow td span.icon05, table#follow td span.icon06, table#follow td span.icon07, table#follow td span.icon08, table#follow td span.icon09, table#follow td span.icon10, table#follow td span.icon11, table#follow td span.icon12, table#follow td span.icon17 {
        background: 0 0px no-repeat;
        padding-left: 25px;
        display: inline-block;
        width: 100%;
    }

    table#follow td span.icon01 {
        background-image: url(images/tableFollowIcon01.png);
    }

    table#follow td span.icon02 {
        background-image: url(images/tableFollowIcon02.png);
    }

    table#follow td span.icon03 {
        background-image: url(images/tableFollowIcon03.png);
    }

    table#follow td span.icon04 {
        background-image: url(images/tableFollowIcon04.png);
    }

    table#follow td span.icon05 {
        background-image: url(images/tableFollowIcon05.png);
    }

    table#follow td span.icon06 {
        background-image: url(images/tableFollowIcon06.png);
    }

    table#follow td span.icon07 {
        background-image: url(images/tableFollowIcon07.png);
    }

    table#follow td span.icon08 {
        background-image: url(images/tableFollowIcon08.png);
    }

    table#follow td span.icon09 {
        background-image: url(images/tableFollowIcon09.png);
    }

    table#follow td span.icon10 {
        background-image: url(images/tableFollowIcon10.png);
    }

    table#follow td span.icon11 {
        background-image: url(images/tableFollowIcon11.png);
    }

    table#follow td span.icon12 {
        background-image: url(images/tableFollowIcon12.png);
    }

    table#follow td span.icon17 {
        background-image: url(images/tableFollowIcon17.png);
    }
/************************ end table follow *******************************/

/******************** table traziPoduzeca*********************/

table#traziPoduzeca, table#searchProcurements {
    background: #fff;
    width: 957px;
    margin-left: 0 !important;
}

    table#traziPoduzeca th, table#searchProcurements th {
        border-top: solid 1px #dcdcdc;
    }

    table#traziPoduzeca td.tdOrderNumber {
        width: 20px;
    }

    table#traziPoduzeca td.tdNaziv {
        width: 220px;
    }

        table#traziPoduzeca td.tdNaziv span.naziv {
            width: 220px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
        }

        table#traziPoduzeca td.tdNaziv span.naziv.sum {
            width: initial;         
        }

    table#traziPoduzeca td.tdCity {
        width: 100px;
    }

        table#traziPoduzeca td.tdCity span {
            width: 100px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
        }

    table#traziPoduzeca td.tdActivity {
        width: 300px;
    }

        table#traziPoduzeca td.tdActivity span {
            width: 300px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
        }

    table#traziPoduzeca td.tdEmail {
        width: 120px;
        text-transform: lowercase;
    }

        table#traziPoduzeca td.tdEmail span {
            width: 120px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
        }
/******************** end table traziPoduzeca*********************/

/******************* table Pokazatelji ************************/

table#pokazatelji {
    margin: 20px 10px 20px 10px;
    color: #777777;
    font-size: 12px;
    width: 937px;
}

    table#pokazatelji th {
        font-size: 10px;
        text-align: left;
    }

    table#pokazatelji td, table#pokazatelji th {
        padding: 4px;
        border-bottom: solid 1px #dcdcdc;
    }

        table#pokazatelji td.order {
            text-align: right;
            color: #4a68a6;
            font-weight: bold;
        }

        table#pokazatelji td span.naziv {
            font-weight: bold;
        }

            table#pokazatelji td span.naziv a {
                color: #4a68a6;
                text-decoration: none;
            }

        table#pokazatelji td.icon01, table#pokazatelji td.icon02, table#pokazatelji td.icon03, table#pokazatelji td.icon04, table#pokazatelji td.icon05, table#pokazatelji td.icon06, table#pokazatelji td.icon07, table#pokazatelji td.icon08 {
            width: 23px;
            background: 8px 1px no-repeat;
        }

        table#pokazatelji td.icon01 {
            background-image: url(images/iconBonitetA2.png);
        }

        table#pokazatelji td.icon02 {
            background-image: url(images/iconBonitetB2.png);
        }

        table#pokazatelji td.icon03 {
            background-image: url(images/iconBonitetC2.png);
        }

        table#pokazatelji td.icon04 {
            background-image: url(images/iconBonitetD2.png);
        }

        table#pokazatelji td.icon05 {
            background-image: url(images/iconBonitetE2.png);
        }

        table#pokazatelji td.icon06 {
            background-image: url(images/iconBonitetF2.png);
        }

        table#pokazatelji td.icon07 {
            background-image: url(images/iconBonitetBlocked1small.png);
        }

        table#pokazatelji td.icon08 {
            background-image: url(images/iconBonitetG2.png);
        }

    table#pokazatelji .noborder {
        border: none;
    }
/******************* end table Pokazatelji ************************/

/******************* table top 50 dobit ************************/

table#top50Win {
    margin: 20px 10px 20px 10px;
    color: #777777;
    font-size: 12px;
    width: 937px;
}

    table#top50Win th {
        font-size: 10px;
        text-align: left;
    }

    table#top50Win td, table#top50Win th {
        padding: 4px;
        border-bottom: solid 1px #dcdcdc;
    }

        table#top50Win td.order {
            text-align: right;
            color: #4a68a6;
            font-weight: bold;
        }

        table#top50Win td.plus {
            color: #778f14;
            text-align: right;
            width: 100px; /**********/
        }

        table#top50Win td.minus {
            color: #a51d1c;
            text-align: right;
            width: 100px; /**********/
        }

        table#top50Win td span.naziv {
            font-weight: bold;
        }

            table#top50Win td span.naziv a {
                color: #4a68a6;
                text-decoration: none;
            }

        table#top50Win td.icon01, table#top50Win td.icon02, table#top50Win td.icon03, table#top50Win td.icon04, table#top50Win td.icon05, table#top50Win td.icon06, table#top50Win td.icon07, table#top50Win td.icon08 {
            width: 23px;
            background: 8px 1px no-repeat;
        }

        table#top50Win td.icon01 {
            background-image: url(images/iconBonitetA2.png);
        }

        table#top50Win td.icon02 {
            background-image: url(images/iconBonitetB2.png);
        }

        table#top50Win td.icon03 {
            background-image: url(images/iconBonitetC2.png);
        }

        table#top50Win td.icon04 {
            background-image: url(images/iconBonitetD2.png);
        }

        table#top50Win td.icon05 {
            background-image: url(images/iconBonitetE2.png);
        }

        table#top50Win td.icon06 {
            background-image: url(images/iconBonitetF2.png);
        }

        table#top50Win td.icon07 {
            background-image: url(images/iconBonitetBlocked1small.png);
        }

        table#top50Win td.icon08 {
            background-image: url(images/iconBonitetG2.png);
        }

    table#top50Win .noborder {
        border: none;
    }
/******************* end table top 50 dobit ************************/

/******************* table top 50 prihod ************************/

table#top50Income {
    margin: 20px 10px 20px 10px;
    color: #777777;
    font-size: 12px;
    width: 937px;
}

    table#top50Income th {
        font-size: 10px;
        text-align: left;
    }

    table#top50Income td, table#top50Income th {
        padding: 4px;
        border-bottom: solid 1px #dcdcdc;
    }

        table#top50Income td.order {
            text-align: right;
            color: #4a68a6;
            font-weight: bold;
        }

        table#top50Income td span.naziv {
            font-weight: bold;
        }

            table#top50Income td span.naziv a {
                color: #4a68a6;
                text-decoration: none;
            }

        table#top50Income td.icon01, table#top50Income td.icon02, table#top50Income td.icon03, table#top50Income td.icon04, table#top50Income td.icon05, table#top50Income td.icon06, table#top50Income td.icon07, table#top50Income td.icon08 {
            width: 23px;
            background: 8px 1px no-repeat;
        }

        table#top50Income td.icon01 {
            background-image: url(images/iconBonitetA2.png);
        }

        table#top50Income td.icon02 {
            background-image: url(images/iconBonitetB2.png);
        }

        table#top50Income td.icon03 {
            background-image: url(images/iconBonitetC2.png);
        }

        table#top50Income td.icon04 {
            background-image: url(images/iconBonitetD2.png);
        }

        table#top50Income td.icon05 {
            background-image: url(images/iconBonitetE2.png);
        }

        table#top50Income td.icon06 {
            background-image: url(images/iconBonitetF2.png);
        }

        table#top50Income td.icon07 {
            background-image: url(images/iconBonitetBlocked1small.png);
        }

        table#top50Income td.icon08 {
            background-image: url(images/iconBonitetG2.png);
        }

    table#top50Income .noborder {
        border: none;
    }
/******************* end table top 50 prihod ************************/



/************************ Sticker & Banner ***************************/

.sticker {
    width: 313px;
    height: 146px;
    float: left;
    margin: 12px 6px 0 0;
    background: url(images/stickerBgr.png) 0 0 no-repeat;
}

    .sticker:hover {
        background-position: 0 -165px;
    }

.banner {
    width: 950px;
    float: left;
    margin: 12px 0 0 0;
    background: url(images/bannerBgr.png) bottom left no-repeat;
    padding: 0 0 15px 0;
    border-top: solid 1px #dbd9d9;
}

    .banner:hover {
        background: url(images/bannerBgrHover.png) bottom left no-repeat;
        border-top: solid 1px #d1d1d3;
    }

    .sticker .bonitet, .banner .bonitet {
        border-right: solid 1px #d4d4d4;
        width: 40px;
        margin: 10px 5px 0 5px;
        padding: 42px 7px 0 7px;
        float: left;
        font-size: 10px;
        text-align: center;
        height: 80px;
    }

        .sticker .bonitet span.letterMark, .banner .bonitet span.letterMark {
            font-size: 20px;
            font-weight: bold;
        }

    .sticker .erased, .banner .erased {
        background: url(images/iconBonitetG1.png) 8px 0 no-repeat;
    }

    .sticker .a, .banner .a {
        background: url(images/iconBonitetA1.png) 8px 0 no-repeat;
        color: #b9c287;
    }

        .sticker .a span.letterMark, .banner .a span.letterMark, .aLetter {
            color: #778f14;
        }

    .sticker .b, .banner .b {
        background: url(images/iconBonitetB1.png) 8px 0 no-repeat;
        color: #b9c287;
    }

        .sticker .b span.letterMark, .banner .b span.letterMark, .bLetter {
            color: #778f14;
        }

    .sticker .c, .banner .c {
        background: url(images/iconBonitetC1.png) 8px 0 no-repeat;
        color: #f9bc64;
    }

        .sticker .c span.letterMark, .banner .c span.letterMark, .cLetter {
            color: #f6ab39;
        }

    .sticker .d, .banner .d {
        background: url(images/iconBonitetD1.png) 8px 0 no-repeat;
        color: #d08d71;
    }

        .sticker .d span.letterMark, .banner .d span.letterMark, .dLetter {
            color: #a51d1c;
        }

    .sticker .e, .banner .e {
        background: url(images/iconBonitetE1.png) 8px 0 no-repeat;
        color: #d08d71;
    }

        .sticker .e span.letterMark, .banner .e span.letterMark, .eLetter {
            color: #a51d1c;
        }

    .sticker .info, .banner .info {
        float: left;
        margin: 10px 5px 0 10px;
        font-size: 12px;
        color: #636363;
    }

    .banner .info {
        width: 665px;
        float: left;
    }

.sticker .info {
    width: 215px;
    float: left;
}

.banner .chart {
    width: 195px;
    float: right;
    height: 116px;
    margin: 10px 0 0 5px;
    background: url(images/bannerChartBgr.png) 0 17px no-repeat;
    padding: 0 0 0 3px;
}

.banner .info .cpt {
    width: 650px;
    float: left;
}

    .sticker .info h2, .banner .info .cpt h2, .sticker .info h2 a, .banner .info .cpt h2 a {
        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 0 !important;
        padding: 0 !important;
        text-decoration: none;
    }

        .sticker .info h2, .banner .info .cpt h2, .sticker .info h2 a, .banner .info .cpt h2 a, .sticker .info p, .banner .info .cpt p {
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
        }

.stickerDataBox {
    padding: 0;
}

.banner .info .cpt h2 {
    float: left;
}

.banner .info .cpt .address {
    font-size: 12px;
    color: #636363;
    font-weight: normal;
    padding-left: 0px;
}

.banner .info .infoColumn {
    float: left;
    margin: 5px 0 0 0;
}

.banner .info .first {
    width: 200px;
    padding: 0 10px 0 0;
}

.banner .info .second {
    width: 270px;
    padding: 0 10px 0 0;
}

.banner .info .third {
}

.sticker .info p {
    padding: 3px 0;
}

.sticker .info span.mail a, .banner .info span.mail a {
    color: #636363;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.sticker .info span.phone, .sticker .info span.mail, .banner .info span.phone, .banner .info span.mail {
    padding: 0 0 0 14px;
    display: inline-block;
}

.banner .info span.phone, .banner .info span.mail {
    padding: 1px 0 0 14px;
}

.banner .info span.mail {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 187px;
}

.sticker .info span.mail {
    background: url(images/iconMail.png) 0 2px no-repeat;
}

.sticker .info span.phone {
    background: url(images/iconPhone.png) 0 2px no-repeat;
}

.banner .info span.mail {
    background: url(images/iconMail.png) 0 2px no-repeat;
}

.banner .info span.phone {
    background: url(images/iconPhone.png) 0 2px no-repeat;
}

.sticker .info span.subtitle, .banner .info span.subtitle {
    color: #ada8a7;
    font-size: 11px;
    padding: 2px 0 0 0;
}

.banner .info span.subtitle {
    padding: 10px 0 0 0;
}

.sticker .info span.value, .banner .info span.value {
    font-size: 13px;
}

.sticker .info span a, .banner .info span a {
    color: #4a68a6;
    text-decoration: none;
}
/************************ End sticker ***************************/

/**************************** Bonitet Popup *****************************/
.bonitetPopupPosition {
    display: none;
    width: 500px;
    position: absolute;
    z-index: 9999999999;
    margin-left: auto;
    margin-right: auto;
}

.bonitetPopup {
    width: 500px;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 0;
    padding: 0 0 30px 0;
    float: left;
}

    .bonitetPopup h2 {
        color: #4e6185;
        font-size: 16px;
        padding: 20px 0 0 20px;
        margin: 0;
        float: left;
    }

.bonitetPopupClose {
    margin: 8px 8px 0 0;
    background: url(images/iconClose.png) 0 0 no-repeat;
    width: 10px;
    height: 10px;
    float: right;
    cursor: pointer;
}

bonitetPopupClose a {
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.bonitetPopup .bonitet {
    width: 63px;
    margin: 25px 5px 0 10px;
    padding: 42px 0 0 0;
    float: left;
    clear: left;
    font-size: 10px;
    text-align: center;
}

.bonitetPopup .bonitetDescription {
    border-left: solid 1px #d4d4d4;
    float: left;
    color: #636363;
    font-size: 13px;
    width: 370px;
    padding: 0 10px;
    margin: 30px 0 0 0;
}

.bonitetPopup div#bonitetDescriptionPdf {
    float: right;
    font-size: 12px;
    margin: 35px 15px 0 0;
}

    .bonitetPopup div#bonitetDescriptionPdf a {
        color: #4E6185;
        text-decoration: underline;
        padding-left: 26px;
        background: url(images/iconPDF.png) 0 0 no-repeat;
        display: block;
        height: 22px;
        line-height: 22px;
    }

        .bonitetPopup div#bonitetDescriptionPdf a:hover {
            color: #777777;
            background-position: 0 -22px;
        }

.spiderParams div#spiderDescriptionPdf {
    float: right;
    font-size: 12px;
    margin: 16px 30px 0px -12px;
}

    .spiderParams div#spiderDescriptionPdf a {
        color: #4E6185;
        text-decoration: underline;
        padding-left: 27px;
        background: url(images/iconPDF.png) 0 0 no-repeat;
        display: block;
        height: 22px;
        line-height: 22px;
    }

        .spiderParams div#spiderDescriptionPdf a:hover {
            color: #777777;
            background-position: 0 -22px;
        }

.bonitetPopup .bonitet span.letterMark {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}

.bonitetPopup .a {
    background: url(images/iconBonitetA1.png) 13px 0 no-repeat;
    color: #b9c287;
}

    .bonitetPopup .a span.letterMark {
        color: #778f14;
    }

.bonitetPopup .b {
    background: url(images/iconBonitetB1.png) 13px 0 no-repeat;
    color: #b9c287;
}

    .bonitetPopup .b span.letterMark {
        color: #778f14;
    }

.bonitetPopup .c {
    background: url(images/iconBonitetC1.png) 13px 0 no-repeat;
    color: #f9bc64;
}

    .bonitetPopup .c span.letterMark {
        color: #f6ab39;
    }

.bonitetPopup .d {
    background: url(images/iconBonitetD1.png) 13px 0 no-repeat;
    color: #d08d71;
}

    .bonitetPopup .d span.letterMark {
        color: #a51d1c;
    }

.bonitetPopup .e {
    background: url(images/iconBonitetE1.png) 13px 0 no-repeat;
    color: #d08d71;
}

    .bonitetPopup .e span.letterMark {
        color: #a51d1c;
    }

.bonitetPopup p {
    color: #555;
    font-size: 11px;
}

.bonitetPopup .termsWrap {
    width: 470px;
    height: 500px;
    margin-top: 24px;
    margin-left: 13px;
    overflow: auto;
}

    .bonitetPopup .termsWrap .terms {
        padding: 3px;
    }

        .bonitetPopup .termsWrap .terms h2 {
            margin-bottom: 10px;
            float: none;
        }

        .bonitetPopup .termsWrap .terms p {
            margin-bottom: 10px;
            padding-left: 10px;
            float: none;
        }

        .bonitetPopup .termsWrap .terms ul li {
            padding-left: 10px;
            color: #555;
            font-size: 11px;
            list-style-type: disc;
            list-style-position: inside;
            margin-bottom: 3px;
            margin-left: 5px;
        }
/**************************** End Bonitet Popup *****************************/

.contentRight {
    float: right;
    width: 300px;
    padding-bottom: 10px;
    margin-top: -13px;
}

    .contentRight .sidebarItemHolder {
        width: 100%;
        float: left;
        border-top: solid 1px #c8c6c5;
        border-left: solid 1px #c8c6c5;
        margin: 15px 0 0 0;
        padding: 0;
        color: #636363;
        background: #ffffff url(images/grayBorder.png) top right repeat-y;
    }

    .contentRight .sidebarItemHolderBottom {
        width: 100%;
        height: 30px;
        float: left;
        background: url(images/foldedBottom.png) bottom left no-repeat;
        border-right: solid 1px #c8c6c5;
        margin: 0;
        padding: 0;
    }

    .contentRight .sidebarItemHolder#sidebarItemHolderFree {
        width: 100%;
        float: left;
        border-top: solid 1px #c8c6c5;
        border-left: solid 1px #c8c6c5;
        margin: 35px 0 0 0;
        padding: 0;
        color: #636363;
        background: #ffffff url(images/grayBorder.png) top right repeat-y;
    }

    .contentRight .first {
        margin: 36px 0 0 0;
        padding: 0px;
        border: none;
        background: none;
    }

    .contentRight .smallFlash {
        margin: 0;
        padding: 0;
        position: relative;
        width: 301px;
        height: 216px;
        float: left;
    }

#elearningHolder .right .middleFlash {
    margin: 0;
    padding: 0;
    position: relative;
    width: 360px;
    height: 230px;
    float: left;
}

    #elearningHolder .right .middleFlash a.flashLink {
        width: 360px;
        height: 230px;
        display: block;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
    }

    #elearningHolder .right .middleFlash #flash {
        width: 360px;
        height: 230px;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

.contentRight .smallFlash a.flashLink {
    width: 301px;
    height: 216px;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

    .contentRight .smallFlash a.flashLink img {
        width: 301px;
        height: 216px;
        border: none;
    }

.contentRight .smallFlash #flash {
    width: 301px;
    height: 216px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.contentRight a.sidebarItemLink {
    font-size: 13px;
    color: #777777;
    background: url(images/linkArrow.png) 0 2px no-repeat;
    padding: 0 0 0 10px;
    margin: 5px 0 0 0;
    float: left;
    text-decoration: none;
}

.contentRight .sidebarItemHolder p {
    font-size: 13px;
    padding: 0 15px 0 35px;
    line-height: 18px;
}

    .contentRight .sidebarItemHolder p a.more {
        color: #4c68a6;
        text-decoration: none;
        font-size: 11px;
        padding: 0 15px 0 0;
        background: url(images/linkMoreArrow.png) right 4px no-repeat;
    }

.contentRight .sidebarItemHolder h2 {
    color: #4e6185;
    font-size: 16px;
    padding: 10px 5px 8px 30px;
    margin: 5px 0 0 5px;
}

    .contentRight .sidebarItemHolder h2.book {
        background: url(images/h2IconBook.png) 0 7px no-repeat;
    }

    .contentRight .sidebarItemHolder h2.blogsCpt {
        background: url(images/h2IconBlogs.png) 3px 8px no-repeat;
    }

    .contentRight .sidebarItemHolder h2.note {
        background: url(images/h2IconNote.png) 0 7px no-repeat;
    }

.contentRight .sidebarItemHolder table {
    float: left;
    font-size: 13px;
    color: #777777;
}

    .contentRight .sidebarItemHolder table tr td {
        padding: 2px 0 2px 35px;
    }

        .contentRight .sidebarItemHolder table tr td.number {
            padding: 2px 15px 2px 0;
            text-align: right;
        }

.contentHolder .contentRight .vertical-right-ads {
    height: 604px;
}

/********************************************/
ul.accordion {
    float: left;
    padding: 10px 10px 0 35px;
}

    ul.accordion a {
        color: #4c68a6;
        text-decoration: none;
        font-size: 11px;
        text-decoration: none;
        background: url(images/linkAccordianArrow.png) right 4px no-repeat;
        padding: 0 15px 0 0;
    }

    ul.accordion li {
    }

        ul.accordion li img {
            padding: 10px 0 10px 0;
        }

        ul.accordion li a {
        }

            ul.accordion li a:hover {
            }

    ul.accordion ul {
    }

    ul.accordion a.active, ul.accordion a.active:hover {
        background-position: right -15px;
        color: #ff9900;
    }

.noaccordion {
}

ul.accordion ul li div div {
	background: url(images/homeChartBgr5Gridlines.png) 0 26px no-repeat;
}
/* vanja nastavak*/
.mainSearch .cbox input.ui-autocomplete-input,
#CustomerUpdatedData .cbox input.ui-autocomplete-input {
    border: none;
    background: Transparent;
    margin: 0;
    padding: 5px 0px 0px 4px;
    height: 23px;
    color: #777777;
    font-size: 12px;
    font-family: Arial;
}

.mainSearch .cbox .ui-button {
    margin: 0 -4px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
    height: 33px;
    background: Transparent url(images/cboxBtn.png) 0 0 no-repeat;
    border: none;
}

.mainSearch .cbox .ui-button-icon-only .ui-button-text {
    padding: 0;
}

.mainSearch .cbox .ui-autocomplete-input {
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    font-family: Arial !important;
}

.mainSearch .cboxQuarterWidth .ui-autocomplete-input,
#CustomerUpdatedData .cboxQuarterWidth .ui-autocomplete-input {
    width: 178px;
    font-size: 12px !important;
    font-family: Arial !important;
}

.mainSearch .cboxSixthWidth .ui-autocomplete-input {
    width: 108px;
    font-size: 12px !important;
    font-family: Arial !important;
}

.mainSearch .cboxEighthWidth .ui-autocomplete-input {
    width: 57px;
    font-size: 12px !important;
    font-family: Arial !important;
}

.mainSearch .cboxEightWidth {
    width: 71px;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 99999999 !important;
}
/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
    background: #ffffff;
    max-height: 200px;
    overflow: scroll;
}

    .ui-menu .ui-menu {
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 95%;
        font-size: 12px !important;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
            font-size: 12px !important;
            border: none !important;
            font-weight: normal;
            cursor: pointer;
        }

            .ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                background-position: 4px -244px;
                color: #4A68A6;
            }
/************************************/

/* custom Company */

.menu ul li a.company {
    background: url(images/menuItemEmpty.png) 0 30px no-repeat;
    height: 40px;
    display: block;
    padding: 0 0 0 20px;
    color: #777777;
}

    .menu ul li a.company span {
        background: url(images/menuItemEmpty.png) right 0 no-repeat;
        height: 40px;
        display: block;
        padding: 0 20px 0 0;
    }

.menu ul li a.companySel {
    background: url(images/menuItemEmpty.png) 0 -40px no-repeat;
}

    .menu ul li a.companySel span {
        background: url(images/menuItemEmpty.png) right -40px no-repeat;
    }
/* DISTRIBUTION  */
.second {
    width: 433px;
    height: 27px;
    float: left;
    position: relative;
    margin-top: 3px;
}

.selector1 {
    width: 10px;
    height: 26px;
    background-image: url('images/picker.png');
    position: absolute;
}

.selector2 {
    width: 10px;
    height: 26px;
    background-image: url('images/picker.png');
    position: absolute;
}

.single {
    width: 2px;
    background-color: #9AB5BE;
    margin-left: 1px;
    float: left;
}

.selector1#selFirst {
    float: left;
}

.selector2#selSecond {
    left: 423px;
}

.ui-selecting {
    background: #104288;
}

.ui-selected {
    background: #104263;
}

.buttonForAjaxTest {
    width: 300px;
    height: 100px;
}

.distribution .tbox span {
    position: absolute;
    z-index: 999;
}

.distribution .chart {
    margin-left: 71px;
}

#fakeDistribution {
    width: 935px;
    height: 42px;
    margin-bottom: 10px; /*height:77px;*/ /*background:url('images/fakeDistribution2.png');*/
    background: url('images/fakeDistribution.png');
    float: left;
}
/* custom rest MENU _Layout */

.menu ul li a.rest {
    background: url(images/menuItemEmpty.png) 0 30px no-repeat;
    height: 40px;
    display: block;
    padding: 0 0 0 20px; /* padding: 0 0 0 40px; default*/
    color: #777777;
}

    .menu ul li a.rest span {
        background: url(images/menuItemEmpty.png) right 0 no-repeat;
        height: 40px;
        display: block;
        padding: 0 20px 0 0;
    }

.menu ul li a.restSel {
    background: url(images/menuItemEmpty.png) 0 -40px no-repeat;
}

    .menu ul li a.restSel span {
        background: url(images/menuItemEmpty.png) right -40px no-repeat;
    }
/*-------------------*/
/* custom company/person MENU _Layout */

.menu ul li a.companyPerson {
    background: url(images/menuItemMagnifier.png) 0 30px no-repeat;
    height: 40px;
    display: block;
    padding: 0 0 0 40px;
    color: #777777;
}

    .menu ul li a.companyPerson span {
        background: url(images/menuItemMagnifier.png) right 0 no-repeat;
        height: 40px;
        display: block;
        padding: 0 20px 0 0;
    }

.menu ul li a.companyPersonSel {
    background: url(images/menuItemMagnifier.png) 0 -40px no-repeat;
}

    .menu ul li a.companyPersonSel span {
        background: url(images/menuItemMagnifier.png) right -40px no-repeat;
    }
/*-------------------*/
/*-------------------*/
#progress {
    visibility: hidden;
}

.searchNotify {
    color: #4C68A6;
}

#elearningHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
}

    #elearningHolder .left h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4a68a6;
        padding: 10px 0 5px 15px;
        float: left;
        width: 100%;
    }

        #elearningHolder .left h2.elearningCpt {
            font-size: 17px;
            font-weight: bold;
            color: #4A68A6;
            padding: 5px 0 9px 30px;
            float: left;
            width: 100%;
            background: url(images/iconElesons_s.png) 0 0 no-repeat;
        }

#dictionaryHolder h2 {
    font-size: 17px;
    font-weight: bold;
    color: #4A68A6;
    padding: 20px 0 3px 40px;
    float: left;
    width: 100%;
}

#elearningHolder .left {
    width: 553px;
    float: left;
    padding: 0;
    margin: 0 0 0 15px;
}

    #elearningHolder .left .featuredContent {
        float: left;
        width: 175px;
        height: 207px;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmallGray.png) bottom left no-repeat;
        margin: 0 0 0 12px;
        position: relative;
    }

    #elearningHolder .left .featuredContentFirst {
        margin: 0;
    }

    #elearningHolder .left .featuredContent .featuredIcon {
        position: absolute;
        top: 20px;
        left: 12px;
        width: 104px;
        height: 61px;
    }

    #elearningHolder .left .featuredContent .icon01 {
        background: url(images/elearningFeaturedContentIcon01.png) 0 0 no-repeat;
    }

    #elearningHolder .left .featuredContent .icon02 {
        background: url(images/elearningFeaturedContentIcon02.png) 0 0 no-repeat;
    }

    #elearningHolder .left .featuredContent .icon03 {
        background: url(images/elearningFeaturedContentIcon03.png) 0 0 no-repeat;
    }

    #elearningHolder .left .featuredContent p {
        color: #777777;
        font-size: 12px;
        margin: 0 12px 0 12px;
        padding: 3px 0 0 0;
    }

        #elearningHolder .left .featuredContent p.rowDown {
            color: #777777;
            font-size: 12px;
            margin: 0 12px 0 12px;
            padding: 20px 0 0 0;
        }

        #elearningHolder .left .featuredContent p span {
            color: #4a68a6;
            font-weight: bold;
        }

        #elearningHolder .left .featuredContent p.learnMore {
            font-style: italic;
            font-size: 11px;
            margin: 95px 12px 0 12px;
        }

    #elearningHolder .left .blogsLeft {
        width: 530px;
        float: left;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmall.png) bottom left no-repeat;
        margin: 14px 0 0 0;
        padding: 15px 10px 25px 10px;
    }

#blogHolder .right .blogText img {
    margin: 10px;
}

#blogHolder .left h3 {
    text-transform: capitalize;
}

#elearningHolder .left .blogsLeft h2.blogsCpt {
    font-size: 17px;
    font-weight: bold;
    color: #4a68a6;
    padding: 5px 0 5px 30px;
    margin: 0 0 0 10px;
    float: left;
    width: 100%;
    background: url(images/iconBlogs.png) 0 0 no-repeat;
}

#elearningHolder .left .blogsLeft .blogItem {
    border: solid 1px #c9c8cb;
    float: left;
    padding: 10px;
    margin: 10px 0 0 0;
    width: 508px;
}

    #elearningHolder .left .blogsLeft .blogItem .more {
        text-align: right;
    }

        #elearningHolder .left .blogsLeft .blogItem .more a {
            color: #4c68a6;
            text-decoration: none;
            font-size: 11px;
            padding: 0 15px 0 0;
            background: url(images/linkMoreArrow.png) right 4px no-repeat;
        }

    #elearningHolder .left .blogsLeft .blogItem h3 {
        font-size: 13px;
        font-weight: bold;
        color: #4a68a6;
        padding: 0;
        float: left;
        width: 100%;
    }

    #elearningHolder .left .blogsLeft .blogItem p {
        font-size: 12px;
        color: #777777;
        padding: 5px 0;
    }

    #elearningHolder .left .blogsLeft .blogItem img {
        text-align: center;
    }

#elearningHolder .right {
    width: 360px;
    float: right;
    padding: 0;
    margin: 12px 15px 0 0;
}

    #elearningHolder .right .dictionaryRight {
        width: 330px;
        float: left;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmall.png) bottom left no-repeat;
        margin: 10px 0 0 0;
        padding: 15px;
    }

        #elearningHolder .right .dictionaryRight h2.dictionaryCpt {
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            padding: 5px 0 5px 60px;
            float: left;
            width: 100%;
            background: url(images/iconDictionary.png) 0 0 no-repeat;
        }

        #elearningHolder .right .dictionaryRight h3 {
            font-size: 13px;
            font-weight: bold;
            color: #4a68a6 !important;
            padding: 10px 0 2px 10px;
            float: left;
            width: 100%;
        }

.blogText {
    width: 557px;
    text-align: justify;
}

.dictionaryText {
    width: 630px;
    text-align: justify;
}

#blogHolder .right .blogText img {
    margin: 30px 10px;
}

#elearningHolder .right .dictionaryRight h3 a {
    color: #4a68a6;
}

#elearningHolder .right .dictionaryRight p {
    font-size: 12px;
    color: #777777;
    padding: 0 10px 10px 10px;
    font-weight: normal;
}

#dictionaryHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
    position: relative;
}

    #dictionaryHolder .dictionaryText h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4a68a6;
        padding: 20px 0 3px 40px;
        float: left;
        width: 100%;
    }

    #dictionaryHolder h3 {
        font-size: 13px;
        font-weight: bold;
        color: #4a68a6;
        padding: 10px 0 2px 40px;
        float: left;
        width: 100%;
    }

    #dictionaryHolder p {
        font-size: 12px;
        color: #777777;
        padding: 0 10px 5px 40px;
    }

    #dictionaryHolder h2.dictionaryCpt {
        font-size: 17px;
        font-weight: bold;
        color: #4a68a6;
        padding: 5px 0 5px 60px;
        margin: 5px 0 0 10px;
        float: left;
        width: 100%;
        background: url(images/iconDictionary.png) 0 0 no-repeat;
    }

    #dictionaryHolder .breadcrumb {
        position: absolute;
        font-size: 13px;
        color: #4a68a6;
        top: 36px;
        left: 400px;
    }

        #dictionaryHolder .breadcrumb a {
            color: #4a68a6;
            text-decoration: none;
            font-weight: bold;
        }

    #dictionaryHolder .glossaryNav {
        position: absolute;
        font-size: 13px;
        color: #777777;
        top: 36px;
        right: 15px;
    }

        #dictionaryHolder .glossaryNav a {
            color: #666;
            text-decoration: none;
            padding: 0 2px;
            margin-right: 10px;
        }

            #dictionaryHolder .glossaryNav a.selected {
                color: #4a68a6;
            }

#blogHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
    position: relative;
}

    #blogHolder .left {
        width: 260px;
        float: left;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmallGray.png) bottom left no-repeat;
        margin: 10px 0 0 15px;
        padding: 5px 10px 15px 10px;
    }

        #blogHolder .left h3 {
            font-size: 13px;
            font-weight: bold;
            color: #4a68a6;
            padding: 0 0 5px 0;
            float: left;
            width: 100%;
        }

        #blogHolder .left ul {
            font-size: 12px;
            padding: 0 10px 15px 10px;
        }

            #blogHolder .left ul li {
                padding: 2px 0;
            }

                #blogHolder .left ul li a {
                    color: #777777;
                    text-decoration: none;
                }

                    #blogHolder .left ul li a.selected {
                        color: #4a68a6;
                    }

    #blogHolder .right {
        float: right;
        width: 632px;
        margin: 5px 15px 0 0;
    }

        #blogHolder .right h2 {
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            padding: 0 0 15px 0;
            float: left;
            width: 100%;
        }

        #blogHolder .right p {
            font-size: 12px;
            color: #777777;
            padding: 15px 0 5px 0;
        }

        #blogHolder .right .blogText {
            font-size: 12px;
            color: #666666;
            padding: 15px 0 5px 0;
        }

#resultsHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
}

    #resultsHolder h2.dictionaryCpt, #resultsHolder h2.blogsCpt, #resultsHolder h2.elesonsCpt {
        font-size: 17px;
        font-weight: bold;
        color: #4a68a6;
        margin: 5px 0 0 10px;
        float: left;
        width: 100%;
    }

    #resultsHolder h2.dictionaryCpt {
        background: url(images/iconDictionary.png) 0 5px no-repeat;
        padding: 10px 0 10px 60px;
    }

    #resultsHolder h2.blogsCpt {
        background: url(images/iconBlogRecords.png) 13px 5px no-repeat;
        padding: 10px 0 10px 60px;
    }

    #resultsHolder h2.elesonsCpt {
        background: url(images/iconElesons.png) 4px 0 no-repeat;
        padding: 10px 0 10px 60px;
    }

    #resultsHolder h3 {
        font-size: 12px;
        padding: 0 0 0 70px;
        float: left;
        width: 100%;
    }

        #resultsHolder h3 a {
            color: #4a68a6;
        }

    #resultsHolder p {
        font-size: 12px;
        color: #777777;
        padding: 2px 30px 10px 70px;
        float: left;
    }

        #resultsHolder p a {
            color: #4a68a6;
            text-decoration: none;
        }

#elesonsHolder {
    width: 100%;
    float: left;
    padding: 25px 0 40px 0;
    position: relative;
}

    #elesonsHolder .option01, #elesonsHolder .option02 {
        display: none;
    }

    #elesonsHolder .elessonsBanner {
        float: left;
        width: 905px;
        border-top: solid 1px #c9c8cb;
        border-right: solid 1px #c9c8cb;
        background: url(images/foldedBottomSmallGray.png) bottom left no-repeat;
        padding: 5px 10px 15px 10px;
        margin: 15px 0 0 15px;
    }

        #elesonsHolder .elessonsBanner .elessonsIcon {
            float: left;
            width: 115px;
            position: relative;
            top: 15px;
            left: 10px;
            height: 100px;
        }

        #elesonsHolder .elessonsBanner .icon01 {
            background: url(images/elearningFeaturedContentIcon01.png) 0 0 no-repeat;
        }

        #elesonsHolder .elessonsBanner .icon02 {
            background: url(images/elearningFeaturedContentIcon02.png) 0 0 no-repeat;
        }

        #elesonsHolder .elessonsBanner .icon03 {
            background: url(images/elearningFeaturedContentIcon03.png) 0 0 no-repeat;
        }

        #elesonsHolder .elessonsBanner .elessonsExcerpt {
            float: right;
            width: 775px;
        }

            #elesonsHolder .elessonsBanner .elessonsExcerpt h2 {
                font-size: 17px;
                font-weight: bold;
                color: #4a68a6;
                padding: 15px 0 5px 0;
                float: left;
                width: 100%;
            }

            #elesonsHolder .elessonsBanner .elessonsExcerpt p {
                color: #777777;
                font-size: 12px;
                margin: 0;
                padding: 3px 0 0 0;
            }

                #elesonsHolder .elessonsBanner .elessonsExcerpt p span {
                    color: #4a68a6;
                    font-weight: bold;
                }

    #elesonsHolder .leftHolder {
        float: left;
        width: 295px;
    }

    #elesonsHolder .left {
        width: 95%;
        float: left;
        border-top: solid 1px #C9C8CB;
        border-right: solid 1px #C9C8CB;
        background: url(images/foldedBottomSmallGray.png) bottom left no-repeat;
        margin: 10px 0 0 15px;
        padding: 5px 10px 15px 10px;
    }

        #elesonsHolder .left h2 a span {
            font-size: 14px;
            font-weight: bold;
            color: #4F65AE;
            padding: 5px 0 5px 0px;
            float: left;
            width: 100%;
        }

        #elesonsHolder .left h2.glossaryCpt {
            padding: 10px 0 10px 40px;
            background: url(images/iconGlossary.png) 5px 7px no-repeat;
        }

        #elesonsHolder .left ul.glossaryMenu {
            font-size: 12px;
            margin: 0 0 0 10px;
        }

            #elesonsHolder .left ul.glossaryMenu a {
                text-decoration: none;
                color: #666;
                padding: 0 0 0 13px;
                background: url(images/listMenuBullet.png) 0 3px no-repeat;
            }

                #elesonsHolder .left ul.glossaryMenu a:hover, #elesonsHolder .left ul.glossaryMenu a.selected {
                    color: #4a68a6;
                    background-position: 0 -12px;
                }

                #elesonsHolder .left ul.glossaryMenu a.parent {
                    background-position: 0 -27px;
                }

                #elesonsHolder .left ul.glossaryMenu a.parentSelected {
                    background-position: 0 -39px;
                }

            #elesonsHolder .left ul.glossaryMenu li {
                text-transform: uppercase;
                padding: 2px 0 13px 0;
            }

                #elesonsHolder .left ul.glossaryMenu li ul li {
                    text-transform: none;
                    padding: 2px 0;
                    margin: 0 0 0 10px;
                }

                    #elesonsHolder .left ul.glossaryMenu li ul li ul li {
                        margin: 0 0 0 10px;
                    }

        #elesonsHolder .left .featuredContent {
            float: left;
            margin: 0 5px;
            padding: 5px 0;
            position: relative;
        }

        #elesonsHolder .left .featuredContentFirst {
            border: none;
            padding: 0 0 5px 0;
        }

        #elesonsHolder .left .featuredContent .featuredIcon {
            position: relative;
            top: 5px;
            left: 0px;
            width: 115px;
            height: 61px;
            float: left;
        }

        #elesonsHolder .left .featuredContent h2 {
            padding-left: 0;
        }

        #elesonsHolder .left .featuredContent .icon01 {
            background: url(images/elearningFeaturedContentIcon01.png) 0 0 no-repeat;
        }

        #elesonsHolder .left .featuredContent .icon02 {
            background: url(images/elearningFeaturedContentIcon02.png) 0 0 no-repeat;
        }

        #elesonsHolder .left .featuredContent .icon03 {
            background: url(images/elearningFeaturedContentIcon03.png) 0 0 no-repeat;
        }

        #elesonsHolder .left .featuredContent p {
            color: #666;
            font-size: 12px;
            margin: 0 0 5px 0;
            padding: 0;
        }

            #elesonsHolder .left .featuredContent p span {
                color: #4a68a6;
                font-weight: bold;
            }

    #elesonsHolder .right {
        float: right;
        width: 632px;
        margin: 10px 15px 0 0;
    }

        #elesonsHolder .right .fontSize {
            position: absolute;
            top: 0px;
            right: 70px;
            width: 90px;
            height: 30px;
        }

            #elesonsHolder .right .fontSize .percentage {
                float: left;
                width: 39px;
                height: 31px;
                background: url(images/fontSizeBgr.png) 0 0 no-repeat;
            }

                #elesonsHolder .right .fontSize .percentage .indicator {
                    float: left;
                    width: 26px;
                    height: 8px;
                    margin: 5px 0 0 5px;
                    background: #4e6cad url(images/fontSizePercentageIndicatorBgr.png) 13px 0 no-repeat;
                }

                #elesonsHolder .right .fontSize .percentage .number {
                    float: left;
                    width: 26px;
                    font-size: 10px;
                    color: #666;
                    text-align: right;
                    padding: 0 5px;
                }

            #elesonsHolder .right .fontSize .smaller {
                float: left;
                width: 23px;
                height: 23px;
                margin: 6px 0 0 3px;
                background: url(images/fontSizeSmaller.png) 0 0 no-repeat;
            }

            #elesonsHolder .right .fontSize .bigger {
                float: left;
                width: 23px;
                height: 23px;
                margin: 6px 0 0 0;
                background: url(images/fontSizeBigger.png) 0 0 no-repeat;
            }

                #elesonsHolder .right .fontSize .smaller a, #elesonsHolder .right .fontSize .bigger a {
                    width: 23px;
                    height: 23px;
                    display: block;
                }

        #elesonsHolder .right .topNav {
            position: absolute;
            top: 0px;
            right: 14px;
            width: 45px;
            height: 30px;
        }

        #elesonsHolder .right .bottomNav {
            position: absolute;
            bottom: 5px;
            right: 14px;
            width: 45px;
            height: 30px;
        }

            #elesonsHolder .right .topNav .prev, #elesonsHolder .right .bottomNav .prev {
                float: left;
                width: 10px;
                height: 14px;
                margin: 10px 0 0 0;
            }

                #elesonsHolder .right .topNav .prev a, #elesonsHolder .right .bottomNav .prev a {
                    width: 10px;
                    height: 14px;
                    display: block;
                    background: url(images/prevNextNavArrow.png) 0 0 no-repeat;
                }

            #elesonsHolder .right .topNav .next, #elesonsHolder .right .bottomNav .next {
                float: right;
                width: 10px;
                height: 14px;
                margin: 10px 0 0 0;
            }

                #elesonsHolder .right .topNav .next a, #elesonsHolder .right .bottomNav .next a {
                    width: 10px;
                    height: 14px;
                    display: block;
                    background: url(images/prevNextNavArrow.png) right 0 no-repeat;
                }

        #elesonsHolder .right h2 {
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            padding: 5px 0 15px 0;
            float: left;
            width: 100%;
        }

        #elesonsHolder .right p {
            font-size: 12px;
            color: #666;
            padding: 15px 0 5px 0;
            float: left;
            width: 100%;
        }

            #elesonsHolder .right p span {
                color: #4a68a6;
                font-weight: bold;
            }

            #elesonsHolder .right p.lessonLink {
                margin: 50px 0 0 0;
                padding: 0;
            }

                #elesonsHolder .right p.lessonLink a {
                    font-weight: bold;
                    font-size: 15px;
                    text-decoration: none;
                    height: 45px;
                    line-height: 45px;
                    background: url(images/lessonLinkBgr.png) 0 0 no-repeat;
                    padding: 0 0 0 19px;
                    display: block;
                    float: right;
                }

                    #elesonsHolder .right p.lessonLink a span {
                        height: 45px;
                        line-height: 45px;
                        background: url(images/lessonLinkBgr.png) right 0 no-repeat;
                        padding: 0 19px 0 0;
                        display: block;
                        color: #666;
                    }

        #elesonsHolder .right .framedContent {
            border: solid 1px #e0e0e0;
            background: #e9e9e9;
            float: left;
            margin: 5px 0 0 0;
            width: 608px;
            padding: 10px;
            color: #666;
            font-size: 12px;
        }

            #elesonsHolder .right .framedContent h3 {
                font-weight: bold;
                font-size: 12px;
                padding: 0 0 3px 0;
            }

        #elesonsHolder .right ul {
        }

            #elesonsHolder .right ul li {
                padding: 1px 0 1px 10px;
                list-style-type: square;
                list-style-position: inside;
            }

#pokazateljiHolder {
    width: 100%;
    float: left;
    padding: 25px 0 30px 0;
}

    #pokazateljiHolder .pokazateljiChartDiv {
        float: left;
        width: 45%;
        margin: 10px 0 0 30px;
    }

        #pokazateljiHolder .pokazateljiChartDiv h2 {
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            padding: 5px 0 5px 15px;
            float: left;
        }

        #pokazateljiHolder .pokazateljiChartDiv .help {
            float: left;
            margin: 7px 0 0 4px;
            background: url(images/helpIcon02.png) 0 0 no-repeat;
            width: 17px;
            height: 17px;
        }

            #pokazateljiHolder .pokazateljiChartDiv .help a {
                display: block;
                width: 17px;
                height: 17px;
            }

        #pokazateljiHolder .pokazateljiChartDiv .chart {
            float: left; /*  padding: 10px 0 0 15px;*/
        }

    #pokazateljiHolder #pokazateljiTable {
        width: 925px;
        margin: 20px 15px 0 15px;
        font-size: 12px;
        color: #777777;
    }

        #pokazateljiHolder #pokazateljiTable tr th {
            background: #4a68a6;
            font-size: 10px;
            font-weight: normal;
            text-transform: uppercase;
            color: #ffffff;
            border-left: solid 1px #707dab;
            text-align: right;
            padding: 2px 5px;
            width: 114px;
        }

            #pokazateljiHolder #pokazateljiTable tr th.first {
                border-left: none;
                text-align: left;
                font-size: 12px;
            }

        #pokazateljiHolder #pokazateljiTable tr td {
            border-left: solid 1px #d2d2d2;
            border-bottom: solid 1px #c9cbcf;
            text-align: right;
            padding: 5px;
        }

        #pokazateljiHolder #pokazateljiTable tr.odd, #pokazateljiHolder #pokazateljiTable tr.even {
        }

        #pokazateljiHolder #pokazateljiTable tr:nth-child(even) {
            background: #ebebeb;
        }

        #pokazateljiHolder #pokazateljiTable tr td.first {
            border-left: none;
            text-align: left;
        }

        #pokazateljiHolder #pokazateljiTable tr td.help {
            border-left: none;
        }

            #pokazateljiHolder #pokazateljiTable tr td.help a {
                background: url(images/helpIcon.png) 0 0 no-repeat;
                width: 6px;
                height: 11px;
                float: right;
                display: block;
            }
/******* TRAZI OSOBE TABLE ********/
#traziOsobe {
    width: 950px;
    margin: 20px 0 20px 7px;
    float: left;
    background: #ffffff;
    border-top: solid 1px gainsboro;
}

.collapsedWrapper {
    width: 950px;
    float: left;
    border-bottom: solid 1px gainsboro;
}

.expandIcon {
    width: 12px;
    height: 12px;
    background-image: url("images/iconExpand.png");
    float: left;
    margin: 8px 5px 0 5px;
    padding-bottom: 5px;
}

.personName, .companyName {
    float: left;
    margin: 5px 5px 0 5px;
    padding-bottom: 5px;
}

    .personName a.collapsed, .companyName a.collapsed {
        background: url(images/iconExpand.png) left center no-repeat;
        width: 18px;
        height: 20px;
        color: #fff;
        font-size: 1px;
        float: left;
    }

    .personName a.collapsedName, .companyName a.collapsedName {
        font-size: 17px;
        font-weight: bold;
        color: #4A68A6;
        text-decoration: none;
        float: left;
        width: 500px;
    }

    .personName span.collapsed, .companyName span.collapsed {
        font-size: 17px;
        font-weight: bold;
        color: #4A68A6;
        text-decoration: none;
    }

.personLinked {
    margin: 5px 5px 0 5px;
    float: left;
    width: 200px;
    color: #666;
    font-size: 12px;
}

.personSocial {
    margin: 0 0 0 20px;
    float: left;
}

    .personSocial a.facebook {
        float: left;
        width: 13px;
        height: 13px;
        display: block;
        background: url(images/iconFacebook.png) 0 0 no-repeat;
        margin: 7px 0 0 0;
    }

    .personSocial a.linkedin {
        float: left;
        width: 46px;
        height: 12px;
        display: block;
        background: url(images/iconLinkedin.png) 0 0 no-repeat;
        margin: 8px 0 0 12px;
    }
/* RESULT DETAILS */
.expandWrapper {
    width: 950px;
    float: left;
    color: #666;
}

.expandInnerWrapper {
    width: 930px;
    margin: 0 0 0 20px;
    border-top: solid 1px gainsboro;
    float: left;
    font-size: 12px;
    color: #666;
    height: auto;
}

    .expandInnerWrapper:first-child {
        width: 930px;
        margin: 0;
        padding: 0 0 0 20px;
    }

.collapseIcon {
    width: 12px;
    height: 12px;
    background-image: url("images/iconCollapse.png");
    float: left;
    margin: 8px 5px 0 5px;
}

.personName a.expanded, .companyName a.expanded {
    background: url(images/iconCollapse.png) left center no-repeat;
    width: 18px;
    height: 20px;
    color: #fff;
    font-size: 1px;
    float: left;
}

.personName a.expandedName, .companyName a.expandedName {
    font-size: 17px;
    font-weight: bold;
    color: #F8981D;
    text-decoration: none;
    float: left;
    width: 500px;
}

.personName span.expanded, .companyName span.expanded {
    font-size: 17px;
    font-weight: bold;
    color: #F8981D;
    text-decoration: none;
}

.personDetailsFunction {
    width: 185px;
    float: left;
    margin: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.personDetailsCompany {
    width: 408px;
    margin: 5px;
    float: left;
}

    .personDetailsCompany span.naziv {
        font-weight: bold;
        width: 200px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

        .personDetailsCompany span.naziv a {
            color: #4A68A6;
            text-decoration: none;
        }

    .personDetailsCompany span.nazivAdresa {
        margin-left: 8px;
        width: 200px;
        float: left;
    }

.personDetailsMb {
    float: left;
    margin: 5px;
    width: 100px;
}

    .personDetailsMb span.light {
        color: #999999;
    }

.personDetailsPhone {
    float: left;
    margin: 5px;
    width: 115px;
}

    .personDetailsPhone span.phone {
        background: url(images/iconPhone.png) 0 2px no-repeat;
        padding: 0 0 0 14px;
    }

.personDetailsEmail {
    float: left;
    margin: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 122px;
}

    .personDetailsEmail a.mail {
        color: #666;
        font-size: 12px;
        text-decoration: none;
        background: url(images/iconMail.png) 0 2px no-repeat;
        padding: 0 0 0 14px;
        text-transform: lowercase;
    }

.personDetailsRevenue {
    float: right;
    margin: 5px;
    text-align: right;
}
/******* linkedPersons ellipsies *******/
#linkedPersons .personDetailsCompany {
    width: 200px;
    margin: 5px;
    float: left;
}

    #linkedPersons .personDetailsCompany span.naziv {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 120px;
        float: left;
    }

    #linkedPersons .personDetailsCompany span.nazivAdresa {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 72px;
        margin-left: 8px;
        float: left;
    }
/******* end linkedPersons ellipsies *******/


/******* traziOsobe ellipsies *******/
#traziOsobe .personDetailsCompany {
    width: 358px;
    margin: 5px;
    float: left;
}

    #traziOsobe .personDetailsCompany span.naziv {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 210px;
        float: left;
    }

    #traziOsobe .personDetailsCompany span.nazivAdresa {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 140px;
        margin-left: 8px;
        float: left;
    }
/******* end traziOsobe ellipsies *******/
.expandWrapper .icon01, .expandWrapper .icon02, .expandWrapper .icon03, .expandWrapper .icon04, .expandWrapper .icon05, .expandWrapper .icon06, .expandWrapper .icon07, .expandWrapper .icon08 {
    width: 25px;
    height: 25px;
    background: 4px 4px no-repeat;
    float: left;
    display: block;
}

.expandWrapper .icon01 {
    background-image: url(images/iconBonitetA2.png);
}

.expandWrapper .icon02 {
    background-image: url(images/iconBonitetB2.png);
}

.expandWrapper .icon03 {
    background-image: url(images/iconBonitetC2.png);
}

.expandWrapper .icon04 {
    background-image: url(images/iconBonitetD2.png);
}

.expandWrapper .icon05 {
    background-image: url(images/iconBonitetE2.png);
}

.expandWrapper .icon06 {
    background-image: url(images/iconBonitetF2.png);
}

.expandWrapper .icon07 {
    background-image: url(images/iconBonitetBlocked1small.png);
}

.expandWrapper .icon08 {
    background-image: url(images/iconBonitetG2.png);
}

.contentOneColumn #contentOneColumnHolder #linkedCompanies {
    width: 950px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 20px 0 0 0;
    padding: 0 0 25px 0;
}

.contentOneColumn #contentOneColumnHolder #linkedPersons {
    width: 950px;
    float: left;
    background: #fff;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px #c8c6c5;
    margin: 20px 0 0 0;
    padding: 0;
}

.contentOneColumn #contentOneColumnHolder .linkedPersonsBottom {
    width: 950px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-right: solid 1px #c8c6c5;
    margin: 0;
    padding: 0;
    height: 25px;
}

#oneColumnTabContent #linkedCompanies, #oneColumnTabContent #linkedPersons {
    background: none !important;
    border: none !important;
}

#oneColumnTabContent .linkedPersonsBottom {
    display: none;
}

#linkedCompanies h2, #linkedPersons h2 {
    font-size: 17px;
    font-weight: bold;
    color: #4a68a6;
    padding: 5px 0 5px 20px;
}

#linkedCompanies .collapsedWrapper, #linkedPersons .collapsedWrapper {
    width: 920px;
    float: left;
    border-bottom: solid 1px gainsboro;
    margin: 0 0 0 15px;
}

#linkedCompanies .expandWrapper, #linkedPersons .expandWrapper {
    width: 920px;
    float: left;
    color: #666;
}

#linkedCompanies .expandInnerWrapper, #linkedPersons .expandInnerWrapper {
    width: 900px;
    margin: 0 0 0 20px;
    border-top: solid 1px gainsboro;
    float: left;
    font-size: 12px;
    color: #666;
}

    #linkedCompanies .expandInnerWrapper:first-child, #linkedPersons .expandInnerWrapper:first-child {
        width: 900px;
        margin: 0;
        padding: 0 0 0 20px;
    }
/******************* detaljno poduze�e *********************/


.companyInfo {
    position: relative;
}
    /*animation single buy*/
    /*.companyInfo .bannerBuy
{
    float: left;
    width: 143px;
    height: 87px;
    position: absolute;
    font-size: .8em;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    top: 50px;
    right: 10px;
    z-index: 111;
}
.companyInfo .bannerBuy .front
{
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: inherit;
    height: inherit;
    text-align: center;
    -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

    background-color:#F1F1F7;

}
    .companyInfo .bannerBuy.flip .front
    {
        z-index: 900;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -moz-box-shadow: 0 15px 50px rgba(0,0,0,0.7);
        -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.7);
        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.7);

        background-color:#F1F1F7;

    }
.companyInfo .bannerBuy .back
{
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
    width: inherit;
    height: inherit;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -moz-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

    background-color:#F1F1F7;

}
    .companyInfo .bannerBuy.flip .back
    {
        z-index: 1000;
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.7);
        -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.7);
        box-shadow: 0 0px 3px rgba(0, 0, 0, 0.7);

        background-color:#F1F1F7;

    }
.click .front {
	cursor: pointer;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
}
.click.flip .front {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
}
.click .back {
	cursor: pointer;
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
}
.click.flip .back {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
}*/


    .companyInfo .bannerBuy {
        position: absolute;
        width: 143px;
        height: 87px;
        top: 30px;
        right: 10px;
        z-index: 111;
        background: url(images/bannerBuyBgr.png) 0 0 no-repeat;
    }

        .companyInfo .bannerBuy .bannerBuyCpt {
            color: #4a68a6;
            font-weight: bold;
            font-size: 13px;
            float: right;
            line-height: 14px;
            width: 90px;
            margin: 14px 10px 0 0;
        }

            .companyInfo .bannerBuy .bannerBuyCpt a {
                color: #4a68a6;
                text-decoration: none;
            }

        .companyInfo .bannerBuy .bannerBuyPrice {
            color: #666666;
            font-weight: bold;
            font-size: 12px;
            text-transform: uppercase;
            float: right;
            width: 90px;
            margin: 3px 10px 0 0;
        }

    .companyInfo div.cpt {
        font-size: 12px;
        color: #777777;
        padding: 6px 0 5px 14px;
    }

        .companyInfo div.cpt div {
            width: 606px;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
        }

            .companyInfo div.cpt div span.naziv {
                font-size: 15px;
                padding-right: 10px;
            }

		.companyInfo div.cpt span.official-data {
			width: 200px;
			-o-text-overflow: ellipsis;
			float: right;
			display: inline-block;
			text-align: right;
			position: absolute;
			right: 19px;
		}

.companyInfo div.cpt div span.official-data {
	font-size: 15px;
	padding-right: 10px;
}

.companyInfo div.activityHeader {
        font-size: 13px;
        color: #777777;
        padding: 2px 5px 2px 0px;
        margin-left: 14px;
        width: 600px;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }


    .companyInfo div#summaryActivity.activityHeader {
        font-size: 13px;
        color: #777777;
        padding: 2px 5px 2px 0px;
        /*	margin-left: 14px;*/
        width: 600px;
        display: flex;
    }


    .companyInfo #summaryActivity.hasPreviousActivity {
        cursor: pointer;
    }


    .companyInfo #summaryActivity span.activity-text {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }
        .companyInfo #summaryActivity span.activity-text.asterisk {
             max-width: 585px;
        }

    .companyInfo #summaryActivity span.activity-sign {
        display: none;
        width: 0;
    }
        .companyInfo #summaryActivity span.activity-sign.asterisk {
            display: block;
             width: 15px;
        }

    .companyInfo div.activityHeader .light {
        font-size: 11px;
        padding: 0 5px 0 0;
    }
    .companyInfo div#summaryActivity div.activityHeader span.light {
        padding-top: 2px; /* just making sure that particular span within div.activityHeader has padding-top 2px*/
    }

    .companyInfo p {
        font-size: 13px;
        color: #777777;
        padding: 2px 5px 2px 14px;
    }

        .companyInfo p .light {
            font-size: 11px;
            padding: 0 5px 0 15px;
        }

            .companyInfo p .light:first-child {
                padding: 0 5px 0 0;
            }

    .companyInfo span.follow a {
        display: block;
        width: 63px;
        height: 33px;
        background: url(images/iconFollowing.png) 0 0 no-repeat;
        margin: 5px 0 0 0;
    }
    /*******************************/
    .companyInfo span.erased {
        background: none;
        color: #cb3727;
    }

.companySize {
    max-width: 114px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 13px;
    position: relative;
    top: 2px;
}

.blockedClass {
    color: #cb3727;
}

.notblockedClass {
    color: #6B8D2D;
}

.companyInfo p .TaxDept, .companyInfo p .NoTaxDept {
	background: url(images/iconTaxDept.png) right 0 no-repeat;
	display: inline-block;
	width: auto;
	height: 12px;
	padding: 0 15px 0 25px;
}

.companyInfo p .NoTaxDept {
    background: url(images/iconNoTaxDept.png) right 0 no-repeat;
}

.companyInfo p #summaryTaxDebt.TaxDept {
	cursor: pointer;
}

.companyInfo span.unfollow a {
    display: block;
    width: 63px;
    height: 33px;
    background: url(images/iconFollowing.png) 0 -33px no-repeat;
    margin: 5px 0 0 0;
}

.companyInfo .bonitet {
    border-right: solid 1px #d4d4d4;
    width: 63px;
    margin: 5px 10px 0 0;
    padding: 42px 10px 0 0;
    float: left;
    font-size: 10px;
    text-align: center;
    height: 80px;
    position: relative;
}

    .companyInfo .bonitet span.letterMark {
        font-size: 20px;
        font-weight: bold;
        display: inline-block;
    }

    .companyInfo .bonitet span.letterMark.scoreMark {
        margin-top: -3px;
    }

    .companyInfo .bonitet .follow {
        bottom: 0;
        left: 0;
        position: absolute;
    }

.companyInfo .certificate {
    border-right: solid 1px #d4d4d4;
    width: 63px;
    margin: 0px 10px 5px 0;
    padding: 12px 10px 42px 0;
    float: left;
    font-size: 10px;
    text-align: center;
    height: 80px;
    position: relative;
}

    .companyInfo .certificate .icon {
        background-image: url(images/svg/certificate.svg);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 62px 67px;
        width: 62px;
        height: 70px;
        margin-top: -1px;
        display: block;
    }

.companyInfo .unavailable {
    color: #666666; /*padding: 25px 10px 0 0;*/
}

    .companyInfo .unavailable span.letterMark {
    }

.companyInfo .erased {
    background: url(images/iconBonitetG1.png) 13px 0 no-repeat;
}

.blocked {
    background: url(images/iconBonitetBlocked1.png) 13px 0 no-repeat;
}

#ratingHolder .bonitetHolder .blocked {
    height: 100px;
}

.companyInfo .erased span.letterMark {
}

.companyInfo .a {
    background: url(images/iconBonitetA1.png) 13px 0 no-repeat;
    color: #b9c287;
}

    .companyInfo .a span.letterMark {
        color: #778f14;
    }

.companyInfo .b {
    background: url(images/iconBonitetB1.png) 13px 0 no-repeat;
    color: #b9c287;
}

    .companyInfo .b span.letterMark {
        color: #778f14;
    }

.companyInfo .c {
    background: url(images/iconBonitetC1.png) 13px 0 no-repeat;
    color: #f9bc64;
}

    .companyInfo .c span.letterMark {
        color: #f6ab39;
    }

.companyInfo .d {
    background: url(images/iconBonitetD1.png) 13px 0 no-repeat;
    color: #d08d71;
}

    .companyInfo .d span.letterMark {
        color: #a51d1c;
    }

.companyInfo .e {
    background: url(images/iconBonitetE1.png) 13px 0 no-repeat;
    color: #d08d71;
}

    .companyInfo .e span.letterMark {
        color: #a51d1c;
    }

.banner > div > span.scoreMark,
.sticker > div > span.scoreMark {
    padding-top: 5px !important;
}

.banner .iconTradeScore01,
.sticker .iconTradeScore01,
.companyInfo .aTradeScore {
    background: url(images/iconTradeScoreBonitetA1.png) 13px 0 no-repeat;
    color: #b9c287;
}
    .banner .iconTradeScore01 span.scoreMark,
    .sticker .iconTradeScore01 span.scoreMark,
    .companyInfo .aTradeScore span.scoreMark {
        background: url(images/iconTradeScoreMark_5.png) 13px 0 no-repeat;
        padding: 21px;
    }

.banner .iconTradeScore02,
.sticker .iconTradeScore02,
.companyInfo .bTradeScore {
    background: url(images/iconTradeScoreBonitetB1.png) 13px 0 no-repeat;
    color: #b9c287;
}
    .banner .iconTradeScore02 span.scoreMark,
    .sticker .iconTradeScore02 span.scoreMark,
    .companyInfo .bTradeScore span.scoreMark {
        background: url(images/iconTradeScoreMark_4.png) 13px 0 no-repeat;
        padding: 21px;
    }

.banner .iconTradeScore03,
.sticker .iconTradeScore03,
.companyInfo .cTradeScore {
    background: url(images/iconTradeScoreBonitetC1.png) 13px 0 no-repeat;
    color: #f9bc64;
}
    .banner .iconTradeScore03 span.scoreMark,
    .sticker .iconTradeScore03 span.scoreMark,
    .companyInfo .cTradeScore span.scoreMark {
        background: url(images/iconTradeScoreMark_3.png) 13px 0 no-repeat;
        padding: 21px;
    }

.banner .iconTradeScore04,
.sticker .iconTradeScore04,
.companyInfo .dTradeScore {
    background: url(images/iconTradeScoreBonitetD1.png) 13px 0 no-repeat;
    color: #d08d71;
}
   .banner .iconTradeScore04 span.scoreMark,
    .sticker .iconTradeScore04 span.scoreMark,
    .companyInfo .dTradeScore span.scoreMark {
        background: url(images/iconTradeScoreMark_2.png) 13px 0 no-repeat;
        padding: 21px;
    }

.banner .iconTradeScore05,
.sticker .iconTradeScore05,
.companyInfo .eTradeScore {
    background: url(images/iconTradeScoreBonitetE1.png) 13px 0 no-repeat;
    color: #d08d71;
}
    .banner .iconTradeScore05 span.scoreMark,
    .sticker .iconTradeScore05 span.scoreMark,
    .companyInfo .eTradeScore span.scoreMark {
        background: url(images/iconTradeScoreMark_1.png) 13px 0 no-repeat;
        padding: 21px;
    }



.companyInfo .covid19 {
	width: 20px;
	height: 15px;
	display: block;
	cursor: pointer;
	bottom: 105px;
	left: 51px;
	position: absolute;
}

.companyInfo .covid-warning-red {
	background: url(images/icons-svg/covid-warning-red.svg) no-repeat;
}

.companyInfo .covid-warning-orange {
	background: url(images/icons-svg/covid-warning-orange.svg) no-repeat;
}

.companyInfo .covid-warning-yellow {
	background: url(images/icons-svg/covid-warning-yellow.svg) no-repeat;
}

.companyInfoStatus {
	max-width: 835px;
	/*display: inline-block;*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	padding: 2px 0 !important;
}

#descriptionHolder {
    width: 100%;
    float: left;
    padding: 25px 0 40px 0;
    position: relative;
}

    #descriptionHolder .descriptionLeft {
        float: left;
        width: 300px;
        padding: 15px 0 15px 15px;
    }

        #descriptionHolder .descriptionLeft .sidebarItemHolder {
            width: 100%;
            float: left;
            border-top: solid 1px #c8c6c5;
            border-left: solid 1px #c8c6c5;
            margin: 15px 0 0 0;
            padding: 0;
            color: #636363;
            position: relative;
            background: #ffffff url(images/grayBorder.png) top right repeat-y;
        }

        #descriptionHolder .descriptionLeft .sidebarItemHolderBottom {
            width: 100%;
            height: 30px;
            float: left;
            background: url(images/foldedBottomSmall.png) bottom left no-repeat;
            border-right: solid 1px #c8c6c5;
            margin: 0;
            padding: 0;
        }

        #descriptionHolder .descriptionLeft .sidebarItemHolder h2 {
            color: #4e6185;
            font-size: 16px;
            padding: 5px 5px 8px 5px;
            margin: 5px 0 0 11px;
            float: left;
            width: 260px;
        }

        #descriptionHolder .descriptionLeft .help {
            background: url(images/helpIcon.png) 0 0 no-repeat;
            width: 6px;
            height: 11px;
            position: absolute;
            top: 14px;
            left: 6px;
        }

            #descriptionHolder .descriptionLeft .help a {
                display: block;
                width: 6px;
                height: 11px;
            }

        #descriptionHolder .descriptionLeft .gmapHolder {
            width: 300px;
            border: solid 1px #d5d5d5;
            /*background-image: url(images/croatia.png);*/
        }

        #descriptionHolder .descriptionLeft table#connectedPersons, #descriptionHolder .descriptionLeft table#connectedCompanies, #descriptionHolder .descriptionLeft table#competitors, #descriptionHolder .descriptionLeft table#transactionsAccount {
            margin: 0 17px;
            font-size: 12px;
            color: #777777;
        }

#subsidiariesHolder table#connectedPersons, #courtRegisterHolder table#connectedPersons {
    margin: 0 50px;
    float: left;
    font-size: 12px;
    color: #777777;
}

    #subsidiariesHolder table#connectedPersons td.activeTitle, #subsidiariesHolder table#connectedPersons td.inactiveTitle, #courtRegisterHolder table#connectedPersons td.activeTitle, #courtRegisterHolder table#connectedPersons td.inactiveTitle {
        width: 203px;
        float: left; /*color: #4e6cad;*/
        font-weight: bold;
        font-size: 12px;
    }

#descriptionHolder .descriptionLeft table#connectedPersons tr td div, #descriptionHolder .descriptionLeft table#transactionsAccount tr td span, #subsidiariesHold table#connectedPersons tr td div, #subsidiariesHold table#connectedPersons tr td span {
    float: left;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

#descriptionHolder .descriptionLeft table#connectedPersons tr td div {
    width: 230px;
}

#descriptionHolder .descriptionLeft table#transactionsAccount tr td span {
    width: 250px;
    margin: 0 0 0 5px;
}

#descriptionHolder .descriptionLeft table#connectedCompanies tr td.first span, #descriptionHolder .descriptionLeft table#competitors tr td.first span {
    float: left;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

#descriptionHolder .descriptionLeft table#connectedPersons td, #descriptionHolder .descriptionLeft table#connectedCompanies td, #descriptionHolder .descriptionLeft table#connectedCompanies td, #descriptionHolder .descriptionLeft table#transactionsAccount td, #descriptionHolder .descriptionLeft table#competitors td, #descriptionHolder .descriptionLeft table#transactionsAccount td {
    padding: 2px 0;
}

    #descriptionHolder .descriptionLeft table#connectedPersons td.activeTitle, #descriptionHolder .descriptionLeft table#connectedPersons td.inactiveTitle {
        width: 223px;
        float: left;
        color: #4e6cad;
        font-weight: bold;
        font-size: 12px;
        padding-top: 13px;
    }

    #descriptionHolder .descriptionLeft table#connectedPersons td.inactiveTitle {
        padding-top: 15px;
    }

    #descriptionHolder .descriptionLeft table#connectedPersons td.first {
        width: 240px;
        float: left;
    }

    #descriptionHolder .descriptionLeft table#connectedPersons td.inactive {
        color: #777777;
    }

    #descriptionHolder .descriptionLeft table#connectedPersons td.first a, #subsidiariesHolder table#connectedPersons td.first a, #courtRegisterHolder table#connectedPersons td.first a {
        font-size: 12px;
        color: #777777;
        text-decoration: none;
    }

    #descriptionHolder .descriptionLeft table#connectedPersons td.inactive a {
        font-size: 12px;
        color: #777777;
        text-decoration: none;
    }

    #descriptionHolder .descriptionLeft table#connectedCompanies td.first, #descriptionHolder .descriptionLeft table#competitors td.first {
        width: 130px;
    }

        #descriptionHolder .descriptionLeft table#connectedCompanies td.first a, #descriptionHolder .descriptionLeft table#competitors td.first a {
            font-size: 12px;
            color: #777777;
            text-decoration: none;
        }

.hidden_connected {
    font-size: 20px !important;
    color: #4E6185 !important;
}

#descriptionHolder .descriptionLeft table#connectedPersons td span {
    font-size: 11px;
}

#descriptionHolder .descriptionLeft table#connectedCompanies td .connectedCompaniesIndicator, #descriptionHolder .descriptionLeft table#competitors td .competitorsIndicator {
    background: url(images/businessSuccessCompetitionIndicator.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    font-size: 10px;
    width: 95px;
    display: inline-block;
}

#descriptionHolder .descriptionLeft table#connectedPersons td a.facebook, #subsidiariesHolder table#connectedPersons td a.facebook, #courtRegisterHolder table#connectedPersons td a.facebook {
    display: block;
    width: 13px;
    height: 13px;
    background: url(images/facebookS.png) 0 0 no-repeat;
}

#subsidiariesHolder table#connectedPersons td a.facebook, #courtRegisterHolder table#connectedPersons td a.facebook {
    margin-left: 8px;
}

#descriptionHolder .descriptionLeft table#connectedPersons td a.linkedin, #subsidiariesHolder table#connectedPersons td a.linkedin, #courtRegisterHolder table#connectedPersons td a.linkedin {
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 0 0 6px;
    background: url(images/linkedinS.png) 0 0 no-repeat;
}

table#followOsobe td a.facebook {
    display: block;
    width: 13px;
    height: 13px;
    background: url(images/facebookS.png) 0 0 no-repeat;
}

table#followOsobe td a.linkedin {
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 0 0 6px;
    background: url(images/linkedinS.png) 0 0 no-repeat;
}

#descriptionHolder .descriptionLeft .navLeft {
    width: 10px;
    height: 8px;
    margin: 6px 3px 0 8px;
    background: url(images/navLeftArrow.png) 0 0 no-repeat;
    float: left;
}

#descriptionHolder .descriptionLeft .navRight {
    width: 10px;
    height: 8px;
    margin: 6px 0 0 3px;
    background: url(images/navRightArrow.png) 0 0 no-repeat;
    float: left;
}

    #descriptionHolder .descriptionLeft .navLeft a, #descriptionHolder .descriptionLeft .navRight a {
        width: 10px;
        height: 8px;
        display: block;
    }

#descriptionHolder .descriptionLeft .chart {
    float: left;
    width: 259px;
    height: 36px;
}

#descriptionHolder .descriptionRight {
    float: left;
    width: 612px;
    padding: 15px;
}

    #descriptionHolder .descriptionRight #companyDetails, .companyDetailsSharesTrade {
        width: 612px;
        font-size: 12px;
        color: #777777;
    }

        #descriptionHolder .descriptionRight #companyDetails tr th, .companyDetailsSharesTrade tr th {
            background: #4a68a6;
            font-size: 12px;
            font-weight: normal;
            color: #ffffff;
            text-align: right;
            padding: 4px 5px;
        }

            .companyDetailsSharesTrade tr th:nth-of-type(1) {
                text-align: left;
            }

        #descriptionHolder .descriptionRight #companyDetails tr td, 
        .companyDetailsSharesTrade tr td {
            border-bottom: solid 1px #c9cbcf;
            text-align: right; /*padding: 0 5px;*/
            padding-left: 10px;
        }

        #descriptionHolder .descriptionRight #companyDetails tr td:not(:first-child) {
            white-space: nowrap; /* Prevent text from wrapping */
            overflow: hidden; /* Hide overflowing text */
            text-overflow: ellipsis; /* Add ellipsis to indicate truncation */
        }

        .companyDetailsSharesTrade tr td {
            padding: 4px 5px;
        }

        #descriptionHolder .descriptionRight #companyDetails tr td img {
            /* margin: 0 -5px 0 0;*/
            padding: 0;
            width: 100px;
            height: 30px;
            float: right;
        }

        #descriptionHolder .descriptionRight #companyDetails tr td.first, .companyDetailsSharesTrade tr td:nth-of-type(1) {
            text-align: left;
            padding-left: 0;
        }

    #descriptionHolder .descriptionRight h2, h2.tabTitle {
        font-size: 17px !important;
        font-weight: bold !important;
        color: #4a68a6 !important;
        padding: 30px 0 10px 0;
    }

h2.tabTitle {
    width: auto !important;
    padding: 0 30px 0 0 !important;
    margin-top: -62px;
}

#descriptionHolder .descriptionRight .chartHolder {
    float: left;
    width: 301px;
    padding: 0 0 15px 0;
}

#descriptionHolder .descriptionRight .chartHolderRight {
    margin-left: 10px;
}

#descriptionHolder .descriptionRight table#follow {
    margin: 0 10px 0 0;
}

#descriptionHolder .descriptionRight table#follow tbody tr {
    overflow-wrap: anywhere;
}

#ratingHolder {
    width: 100%;
    float: left;
    padding: 25px 0 40px 0;
    position: relative;
}

    #ratingHolder .bonitetHolder, #ratingHolder .limitHolder {
        width: 455px;
        height: 130px;
        float: left;
        margin: 20px 0 0 15px;
        position: relative;
        cursor: pointer;
        background: url(images/foldedBottomGray.png) bottom left no-repeat;
        padding: 0 0 15px 0;
        border-top: solid 1px #e6e5e8;
        border-right: solid 1px #e6e5e8;
    }

        #ratingHolder .bonitetHolder:hover {
            background: url(images/foldedBottom.png) bottom left no-repeat;
            border-top: solid 1px #c8c6c5;
            border-right: solid 1px #c8c6c5;
        }

        #ratingHolder .bonitetHolder .bonitet {
            width: 40px;
            margin: 17px 0 0 7px;
            padding: 42px 7px 0 7px;
            float: left;
            font-size: 10px;
            color: #666;
        }

            #ratingHolder .bonitetHolder .bonitet span.letterMark {
                font-size: 20px;
                font-weight: bold;
            }

.noRating {
    margin-left: 14px;
    color: #666;
}

#ratingHolder .bonitetHolder .a {
    background: url(images/iconBonitetA1.png) 8px 0 no-repeat;
    color: #b9c287;
}

    #ratingHolder .bonitetHolder .a .unavailable {
        font-size: 20px;
        color: #444;
        font-weight: bold;
        margin-left: 5px;
    }

    #ratingHolder .bonitetHolder .a span.letterMark {
        color: #778f14;
    }

#ratingHolder .bonitetHolder .b {
    background: url(images/iconBonitetB1.png) 8px 0 no-repeat;
    color: #b9c287;
}

    #ratingHolder .bonitetHolder .b span.letterMark {
        color: #778f14;
    }

#ratingHolder .bonitetHolder .c {
    background: url(images/iconBonitetC1.png) 8px 0 no-repeat;
    color: #f9bc64;
}

    #ratingHolder .bonitetHolder .c span.letterMark {
        color: #f6ab39;
    }

#ratingHolder .bonitetHolder .d {
    background: url(images/iconBonitetD1.png) 8px 0 no-repeat;
    color: #d08d71;
}

    #ratingHolder .bonitetHolder .d span.letterMark {
        color: #a51d1c;
    }

#ratingHolder .bonitetHolder .e {
    background: url(images/iconBonitetE1.png) 8px 0 no-repeat;
    color: #d08d71;
}

    #ratingHolder .bonitetHolder .e span.letterMark {
        color: #a51d1c;
    }

#ratingHolder .bonitetHolder .info {
    float: left;
    width: 365px;
    margin: 17px 5px 0 5px;
    padding: 0 7px;
    font-size: 12px;
    color: #636363;
    border-left: solid 1px #d4d4d4;
    height: 105px;
}

    #ratingHolder .bonitetHolder .info h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 0;
        padding: 0;
    }

#ratingHolder .limitHolder h2 {
    font-size: 17px;
    font-weight: bold;
    color: #4d6185;
    margin: 4px 0 0 0;
    padding: 10px 5px 0 20px;
    float: left;
    width: initial;
}

#ratingHolder .limitHolder p,
#ratingHolder .noPaymentProbabilityHolder p {
    font-size: 12px;
    color: #666;
    padding: 0px 10px 0 20px;
    float: left;
}

#ratingHolder .noPaymentProbabilityHolder p {
    margin: 23px 18px 50px 0px;
    float: initial;
}

#ratingHolder .noPaymentProbabilityHolder .dynamic_popup_generic p {
    color: #333;
    font-size: 12px;
    color: #464646;
    padding: initial;
    margin: initial;
}

.limitHolder .tboxDummy {
    float: left;
    height: 33px;
    background: url(images/tboxBgr.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    margin: 7px -1px 0 0;
}

    .limitHolder .tboxDummy div {
        float: left;
        height: 33px;
        background: url(images/tboxBgr.png) right 0 no-repeat;
        padding: 5px;
        color: #666;
        font-size: 11px;
        line-height: 24px;
    }

    .limitHolder .tboxDummy .limit {
        width: 112px;
        font-size: 15px;
        font-weight: bold;
        text-align: right;
        color: #6b8d2d;
        padding-right: 10px;
    }

    .limitHolder .tboxDummy .limitNote {
        width: 200px;
        font-size: 15px;
        font-weight: bold;
        text-align: right;
        color: #FF0000;
        padding-right: 10px;
    }

#ratingHolder .bonitetneOcjeneHolder, #ratingHolder .indexLikvidnostiHolder {
    width: 455px;
    float: left;
    margin: 20px 0 0 15px;
    padding: 0 0 15px 0;
    position: relative;
}

    #ratingHolder .bonitetneOcjeneHolder h2, #ratingHolder .indexLikvidnostiHolder h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 7px 0 0 0;
        padding: 10px 0 0 0;
        float: left;
        width: auto;
    }

    #ratingHolder .indexLikvidnostiHolder .rightQuestinoMark,
    #ratingHolder .noPaymentProbabilityHolder .rightQuestinoMark {
        width: 20px;
        height: 25px;
        float: left;
        margin-top: 9px;
        margin-left: 3px;
    }

#ratingHolder .noPaymentProbabilityHolder .rightQuestinoMark {
     margin-bottom: 3px;
}

    #ratingHolder .indexLikvidnostiHolder .indexLikvidnostiDummy {
        float: left;
        background: url(images/index-placanja-dummy.png) 10px bottom no-repeat;
        width: 452px;
        height: 161px;
        padding: 24px 0 0 10px;
    }

        #ratingHolder .indexLikvidnostiHolder .indexLikvidnostiDummy p {
            float: left;
            width: 100%;
            color: #cb3727;
            margin: -15px 0 0;
            padding: 0;
            font-weight: normal;
            font-size: 14px;
            text-align: center;
        }

.rightQuestinoMark .help {
    float: left;
    margin: 12px 4px 0 1px;
    background: url(images/helpIcon.png) 0 0 no-repeat;
    width: 6px;
    height: 11px;
}

    .rightQuestinoMark .help a {
        display: block;
        width: 10px;
        height: 10px;
    }

#ratingHolder .bonitetneOcjeneHolder .chart {
    margin: 10px 0 0 8px;
    float: left;
}

#ratingHolder .indexLikvidnostiHolder .chart {
    margin: 10px 0 0 -5px;
    float: left;
}

#ratingHolder .ocjenePokazateljaHolder {
    width: 926px;
    float: left;
    background: url(images/foldedBottomSmall.png) bottom left no-repeat;
    border-top: solid 1px #c9c8cb;
    border-right: solid 1px #c9c8cb;
    margin: 20px 0 0 15px;
    padding: 0 0 15px 0;
    position: relative;
}

#ratingHolder .noPaymentProbabilityHolder {
    width: 926px;
    height: 70px;
    float: left;
    background: url(images/foldedBottomSmall.png) bottom left no-repeat;
    border-top: solid 1px #e6e5e8;
    border-right: solid 1px #e6e5e8;
    margin: 10px 0 15px 15px;
    padding: 0 0 15px 0;
    position: relative;
}

    #ratingHolder .ocjenePokazateljaHolder h2,
    #ratingHolder .noPaymentProbabilityHolder h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 7px 0 0 0;
        padding: 10px 5px 0 20px;
        float: left;
    }

    #ratingHolder .noPaymentProbabilityHolder h2 {
        width: auto;
        padding-right: 0px;
    }

table#ocjenePokazatelja {
    margin: 0 20px;
    width: 886px;
    font-size: 12px;
    color: #666;
    clear: left;
}

    table#ocjenePokazatelja tr th {
        font-weight: normal;
        text-align: center;
    }

        table#ocjenePokazatelja tr th.first {
            width: 250px;
        }

        table#ocjenePokazatelja tr th.last {
            width: 350px;
        }

        table#ocjenePokazatelja tr th.last, table#ocjenePokazatelja tr td.last, table#ocjenePokazatelja tr td.first {
            text-align: left;
        }

    table#ocjenePokazatelja tr th, table#ocjenePokazatelja tr td {
        border-bottom: solid 1px #d1d0d0;
        padding: 2px 5px;
        text-align: center;
    }

    table#ocjenePokazatelja tr th {
        padding: 0px 5px 5px 5px;
    }

    table#ocjenePokazatelja tr:nth-child(even) {
        background: #e8e9f4;
    }

    table#ocjenePokazatelja tr:nth-child(odd) {
        background: #fff;
    }

    table#ocjenePokazatelja tr td.bonitetA, table#ocjenePokazatelja tr td.bonitetB, table#ocjenePokazatelja tr td.bonitetC, table#ocjenePokazatelja tr td.bonitetD, table#ocjenePokazatelja tr td.bonitetE {
        background-position: center 5px;
        background-repeat: no-repeat;
        font-size: 11px;
        text-transform: uppercase;
        text-align: center; /* text-indent: 15px; */
        padding: 25px 10px 2px 10px;
        font-weight: bold; /*****/
    }

    table#ocjenePokazatelja tr td.bonitetA {
        background-image: url(images/iconBonitetA2.png);
        color: #778f14;
    }

    table#ocjenePokazatelja tr td.bonitetB {
        background-image: url(images/iconBonitetB2.png);
        color: #778f14;
    }

    table#ocjenePokazatelja tr td.bonitetC {
        background-image: url(images/iconBonitetC2.png);
        color: #f6ab39;
    }

    table#ocjenePokazatelja tr td.bonitetD {
        background-image: url(images/iconBonitetD2.png);
        color: #a51d1c;
    }

    table#ocjenePokazatelja tr td.bonitetE {
        background-image: url(images/iconBonitetE2.png);
        color: #a51d1c;
    }

    table#ocjenePokazatelja tr td.trendIndicatorUp {
        background-image: url(images/trendIndicatorArrowUp.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    table#ocjenePokazatelja tr td.trendIndicatorDown {
        background-image: url(images/trendIndicatorArrowDown.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    table#ocjenePokazatelja tr td.trendIndicatorNoChange {
        background-image: url(images/trendIndicatorArrowNoChange.png);
        background-position: center;
        background-repeat: no-repeat;
    }

#ratingHolder .ocjeneKorisnikaHolder {
    width: 926px;
    float: left;
    margin: 20px 0 0 15px;
    padding: 0 0 15px 0;
    position: relative;
}

    #ratingHolder .ocjeneKorisnikaHolder h2 {
        font-size: 17px;
        font-weight: bold;
        color: #4d6185;
        margin: 7px 0 0 0;
        padding: 10px 0 10px 0;
        float: left;
    }

    #ratingHolder .ocjeneKorisnikaHolder .sendResults {
        height: 19px;
        float: left;
        margin: 15px 0 0 0;
    }

        #ratingHolder .ocjeneKorisnikaHolder .sendResults a {
            color: #666;
            font-size: 11px;
            text-decoration: none;
            line-height: 19px;
            height: 19px;
            padding: 0 0 0 5px;
            display: block;
            background: url(images/sendResultsBgr.png) 0 0 no-repeat;
        }

            #ratingHolder .ocjeneKorisnikaHolder .sendResults a span {
                padding: 0 20px 0 0;
                display: block;
                background: url(images/sendResultsBgr.png) top right no-repeat;
            }

table#dodavanjeOcjene, table#ocjenaKorisnika {
    margin: 0;
    width: 926px;
    font-size: 12px;
    color: #666;
    clear: left;
    border-top: solid 1px #d1d0d0;
}

    table#dodavanjeOcjene tr td, table#ocjenaKorisnika tr td {
        border-bottom: solid 1px #d1d0d0;
        padding: 5px;
        text-align: left;
    }

    table#dodavanjeOcjene tr.odd, table#dodavanjeOcjene tr.even, table#ocjenaKorisnika tr.odd, table#ocjenaKorisnika tr.even {
    }

        table#dodavanjeOcjene tr.odd td, table#ocjenaKorisnika tr.odd td {
            background: #e8e9f4;
        }

    table#dodavanjeOcjene tr td div.rating, table#ocjenaKorisnika tr td div.rating {
        background: url(images/ratingBgr.png) 0 0 no-repeat;
        width: 114px;
        height: 20px;
        float: right;
    }

        table#dodavanjeOcjene tr td div.rating span.rating0, table#dodavanjeOcjene tr td div.rating span.rating1, table#dodavanjeOcjene tr td div.rating span.rating2, table#dodavanjeOcjene tr td div.rating span.rating3, table#dodavanjeOcjene tr td div.rating span.rating4, table#dodavanjeOcjene tr td div.rating span.rating5, table#ocjenaKorisnika tr td div.rating span.rating0, table#ocjenaKorisnika tr td div.rating span.rating1, table#ocjenaKorisnika tr td div.rating span.rating2, table#ocjenaKorisnika tr td div.rating span.rating3, table#ocjenaKorisnika tr td div.rating span.rating4, table#ocjenaKorisnika tr td div.rating span.rating5 {
            width: 89px;
            height: 16px;
            margin: 2px 0 0 13px;
            display: inline-block;
            background: url(images/starRating.png) 0 0 no-repeat;
        }

        table#dodavanjeOcjene tr td div.rating span.rating1, table#ocjenaKorisnika tr td div.rating span.rating1 {
            background-position: 0 -20px;
        }

        table#dodavanjeOcjene tr td div.rating span.rating2, table#ocjenaKorisnika tr td div.rating span.rating2 {
            background-position: 0 -40px;
        }

        table#dodavanjeOcjene tr td div.rating span.rating3, table#ocjenaKorisnika tr td div.rating span.rating3 {
            background-position: 0 -60px;
        }

        table#dodavanjeOcjene tr td div.rating span.rating4, table#ocjenaKorisnika tr td div.rating span.rating4 {
            background-position: 0 -80px;
        }

        table#dodavanjeOcjene tr td div.rating span.rating5, table#ocjenaKorisnika tr td div.rating span.rating5 {
            background-position: 0 -100px;
        }

    table#dodavanjeOcjene tr td.first, table#ocjenaKorisnika tr td.first {
        width: 600px;
    }

    table#dodavanjeOcjene tr td .cbox, table#ocjenaKorisnika tr td .cbox {
        float: right;
        height: 21px;
        background: url(images/cboxBgrSmall02.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        position: relative;
        margin: 0 3px 0 0;
    }

        table#dodavanjeOcjene tr td .cbox input.ui-autocomplete-input, table#ocjenaKorisnika tr td .cbox input.ui-autocomplete-input {
            /** mrtvo? **/
            border: none;
            background: Transparent;
            margin: 0;
            padding: 5px;
            height: 11px;
            line-height: 11px;
            color: #777777;
            width: 190px;
            font-size: 12px !important;
            font-family: Arial !important;
        }

        table#dodavanjeOcjene tr td .cbox .ui-button, table#ocjenaKorisnika tr td .cbox .ui-button {
            margin: 0 -4px 0 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 23px;
            height: 21px;
            background: Transparent url(images/cboxBtnSmall.png) 0 0 no-repeat;
            border: none;
        }

        table#dodavanjeOcjene tr td .cbox .ui-button-icon-only .ui-button-text, table#ocjenaKorisnika tr td .cbox .ui-button-icon-only .ui-button-text {
            padding: 0;
        }

#analysisHolder {
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
    margin-top: 25px;
    position: relative;
    display: none;
}

    #analysisHolder .businessSuccessHolder {
        width: 926px;
        float: left;
        margin: 28px 0 0 15px;
        position: relative;
        z-index: 5;
    }

        #analysisHolder .businessSuccessHolder table#businessSuccess {
            width: 925px;
            font-size: 12px;
            color: #777777;
        }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr th {
                background: #4a68a6;
                font-size: 12px;
                font-weight: normal;
                color: #ffffff;
                border-left: solid 1px #707dab;
                text-align: left;
                padding: 2px;
            }

                #analysisHolder .businessSuccessHolder table#businessSuccess tr th.first {
                    border-left: none;
                    padding: 2px 5px;
                    width: 280px;
                    position: relative;
                }

                    #analysisHolder .businessSuccessHolder table#businessSuccess tr th.first div {
                        float: left;
                        height: 21px;
                        line-height: 21px; /*margin-right: 5px;*/
                    }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td {
                border-left: solid 1px #d2d2d2;
                border-bottom: solid 1px #c9cbcf;
                text-align: left;
                padding: 1px 5px;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr.odd, #analysisHolder .businessSuccessHolder table#businessSuccess tr.even {
            }

                #analysisHolder .businessSuccessHolder table#businessSuccess tr.even td {
                    background: #ebebeb;
                }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td.first {
                border-left: none;
                text-align: left;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td.help {
                border-left: none;
                width: 4px;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td.dd {
                border-left: none;
                width: 21px;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td.help a {
                background: url(images/helpIcon.png) 0 0 no-repeat;
                width: 6px;
                height: 11px;
                float: right;
                display: block;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td.dd a {
                background: url(images/deleteIcon.png) 0 0 no-repeat;
                width: 10px;
                height: 16px;
                float: right;
                display: block;
                margin-top: 7px;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td.dd div.fake_remove_row_box {
                width: 10px;
                height: 16px;
                float: right;
                display: block;
                margin-top: 7px;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td span.competitionIndicator {
                background: url(images/businessSuccessCompetitionIndicator.png) no-repeat 0 0;
                padding: 0 0 0 5px;
                font-size: 10px;
                width: 95px;
                display: inline-block;
                text-align: right;
            }

            #analysisHolder .businessSuccessHolder table#businessSuccess tr td span.competitionIndicatorRed {
                background: url(images/businessSuccessCompetitionIndicatorRed.png) no-repeat 0 0;
                padding: 0 0 0 5px;
                font-size: 10px;
                width: 95px;
                display: inline-block;
                text-align: right;
            }

table#businessSuccess tr th .cbox {
    float: left;
    height: 21px;
    background: url(images/cboxBgrSmall.png) 0 0px no-repeat; /**/
    padding: 0 0 0 5px;
    position: relative; /*margin: 0 3px 0 0;*/
}

    table#businessSuccess tr th .cbox input.ui-autocomplete-input {
        border: none;
        background: Transparent;
        margin: 0;
        padding: 5px;
        height: 11px;
        color: #4a68a6;
        font-size: 11px;
        width: 95px;
        font-family: Arial !important;
    }

    table#businessSuccess tr th .cbox .ui-button {
        margin: 0 -4px 0 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 21px;
        background: Transparent url(images/cboxBtnSmall.png) 0 0 no-repeat;
        border: none;
    }

    table#businessSuccess tr th .cbox .ui-button-icon-only .ui-button-text {
        padding: 0;
    }

#analysisMaxAlert {
    font-size: 13px;
    color: #ff0000;
    position: relative;
    top: -17px;
    left: 76px;
}

#analysisHolder .businessSuccessHolder .sendResults {
    height: 19px;
    float: left;
    margin: 15px 0 0 0;
}

    #analysisHolder .businessSuccessHolder .sendResults a {
        color: #666;
        font-size: 11px;
        text-decoration: none;
        line-height: 19px;
        height: 19px;
        padding: 0 0 0 5px;
        display: block;
        background: url(images/sendResultsBgr.png) 0 0 no-repeat;
    }

        #analysisHolder .businessSuccessHolder .sendResults a span {
            padding: 0 20px 0 0;
            display: block;
            background: url(images/sendResultsBgr.png) top right no-repeat;
        }

#analysisHolder .analysisChartDisplayHolder {
    width: 926px;
    float: left;
    margin: 20px 0 0 15px;
    position: relative;
}

    #analysisHolder .analysisChartDisplayHolder .cbox {
        float: left;
        height: 33px;
        background: url(images/cboxBgr.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        position: relative;
        margin: 0 3px 0 260px;
        width: 400px;
    }

        #analysisHolder .analysisChartDisplayHolder .cbox input.ui-autocomplete-input {
            width: 365px;
            border: none;
            background: Transparent;
            margin: 0;
            padding: 5px;
            height: 23px;
            color: #777777;
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            font-family: Arial;
        }

        #analysisHolder .analysisChartDisplayHolder .cbox .ui-button {
            margin: 0 -4px 0 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 31px;
            height: 33px;
            background: Transparent url(images/cboxBtn.png) 0 0 no-repeat;
            border: none;
        }

        #analysisHolder .analysisChartDisplayHolder .cbox .ui-button-icon-only .ui-button-text {
            padding: 0;
        }

        #analysisHolder .analysisChartDisplayHolder .cbox .ui-autocomplete-input {
            margin: 0;
            padding: 0;
        }

    #analysisHolder .analysisChartDisplayHolder .chartHolder {
        float: left;
        width: 396px;
        margin: 20px 0 0 0;
        padding: 0 0 15px 0;
    }

    #analysisHolder .analysisChartDisplayHolder .chartHolderRight {
        margin-left: 100px;
    }

#fininfoHolder {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 40px 0;
    margin-top: 25px;
}

    #fininfoHolder .toolbar {
        width: 860px;
        float: left;
        margin: 15px 0 0 40px;
    }

        #fininfoHolder .toolbar ul {
            padding: 0;
            margin: 0;
            float: left;
        }

            #fininfoHolder .toolbar ul li {
                margin: 0;
                padding: 0;
                float: left;
                margin-left: 15px;
            }

        #fininfoHolder .toolbar a {
            padding: 0;
            margin: 0;
            font-size: 12px;
            color: #666;
            text-decoration: none;
            float: left;
            width: auto;
        }

            #fininfoHolder .toolbar a.selected {
                color: #4a68a6;
                font-weight: bold;
                background: url(images/linkArrowDown.png) right 2px no-repeat;
                padding: 0 12px 0 0;
            }

            #fininfoHolder .toolbar a.help {
                width: 17px;
                height: 17px;
                background: url(images/helpIcon02.png) 0 0 no-repeat;
                display: inline-block;
                margin: 0 15px 0 5px;
            }

    #fininfoHolder .fininfoTableHolder {
        width: 926px;
        float: left;
        margin: 0 0 0 15px;
    }

        #fininfoHolder .fininfoTableHolder table#fininfoAktiva, #fininfoHolder .fininfoTableHolder table#fininfoKategorija {
            width: 925px;
            font-size: 12px;
            color: #777777;
        }

            #fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td a {
                font-size: 12px;
                color: #777777;
                text-decoration: none;
            }

                #fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td a:hover {
                    font-size: 12px;
                    color: #777777;
                    text-decoration: underline;
                }

        #fininfoHolder .fininfoTableHolder table#fininfoKategorija {
            width: 600px;
        }

.tableTemplate tr th, .tableTemplate tr td.number {
    padding-right: 20px !important;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr th a.deleteFinancialInfoTemplateColumn {
    background: url("images/headerDeleteIcon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 10px;
    margin-right: -15px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 10px;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td.dd {
    width: 15px;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td a.deleteFinancialInfoTemplateRow {
    display: inline-block;
    background: url(images/deleteIcon.png) 0 0 no-repeat;
    width: 10px;
    height: 10px;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr th, #fininfoHolder .fininfoTableHolder table#fininfoKategorija tr th {
    background: #4a68a6;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: right;
    padding: 5px;
}

    #fininfoHolder .fininfoTableHolder table#fininfoAktiva tr th.first, #fininfoHolder .fininfoTableHolder table#fininfoKategorija tr th.first {
        text-align: left;
        text-transform: uppercase;
    }

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td, #fininfoHolder .fininfoTableHolder table#fininfoKategorija tr td {
    border-bottom: solid 1px #c9cbcf;
    text-align: left;
    padding: 3px 5px;
    vertical-align: top;
}

.tableTemplate tr th {
    border-left: solid 1px #707DAB;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr th:first-child, .tableRatios tr th {
    border-left: none !important;
}

.tableTemplate tr td {
    border-left: solid 1px #d2d2d2;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td:nth-of-type(1), #fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td:nth-of-type(2), .tableRatios tr td {
    border-left: none !important;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td.number, #fininfoHolder .fininfoTableHolder table#fininfoKategorija tr td.number {
    text-align: right;
    white-space: nowrap;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td.first, #fininfoHolder .fininfoTableHolder table#fininfoKategorija tr td.first {
    text-align: left;
}

#fininfoHolder .fininfoTableHolder table#fininfoAktiva tr td.subTitle, #fininfoHolder .fininfoTableHolder table#fininfoKategorija tr td.subTitle {
    color: #4a68a6;
    text-transform: uppercase;
    font-weight: bold;
}

#fininfoHolder .fininfoTableHolder table#fininfoKategorija tr th a.delete, #fininfoHolder .fininfoTableHolder table#fininfoKategorija tr td a.delete {
    display: block;
    width: 10px;
    height: 10px;
    background: url(images/tableIconDelete.png) 0 0 no-repeat;
    position: relative;
    top: 0px;
    left: 10px;
}

#fininfoHolder .fininfoTableHolder table#fininfoKategorija tr th.noPadding, #fininfoHolder .fininfoTableHolder table#fininfoKategorija td.noPadding {
    padding: 0;
}

#fininfoHolder .fininfoTableHolder .sendResults {
    height: 19px;
    position: absolute;
    top: -23px;
    right: 260px;
}

    #fininfoHolder .fininfoTableHolder .sendResults a {
        color: #666;
        font-size: 11px;
        text-decoration: none;
        line-height: 19px;
        height: 19px;
        padding: 0 0 0 5px;
        display: block;
        background: url(images/sendResultsBgr.png) 0 0 no-repeat;
    }

        #fininfoHolder .fininfoTableHolder .sendResults a span {
            padding: 0 20px 0 0;
            display: block;
            background: url(images/sendResultsBgr.png) top right no-repeat;
        }

#fininfoHolder .fininfoTableHolder a.addFinancialInfoTemplateColumn {
    color: #666;
    font-size: 11px;
    text-decoration: none;
    line-height: 19px;
    height: 19px;
    padding: 0 15px 0 5px;
    display: inline-block;
    background: url(images/sendResultsColumnBgr.png) right 0 no-repeat;
    border-left: solid 1px #a8a9ad;
    position: absolute;
    top: -23px;
    right: 145px;
}

.templateErrorMessage {
    color: #FF0000;
    font-size: 13px;
    left: 675px;
    position: absolute;
    top: 0px;
}

#fininfoHolder .fininfoTableHolder a.addFinancialInfoTemplateColumn span.addPeriod {
    padding: 0 20px 0 0;
    display: block;
    background: url(images/sendResultsColumnBgr.png) top right no-repeat;
}

#courtRegisterHolder, #subsidiariesHolder {
    width: 100%;
    float: left;
    padding: 25px 0 40px 0;
    position: relative;
}
    /*#courtRegisterHolder h2, #subsidiariesHolder h2
{
    color: #4e6185;
    font-size: 16px;
    padding: 5pxx;
    margin: 5px 0 0 35px;
}*/
    #courtRegisterHolder h3 {
        color: #777777;
        float: left;
        font-size: 20px;
        font-weight: bold;
        padding: 10px 0 10px 30px;
        width: 100%;
    }

    #courtRegisterHolder .help a, #subsidiariesHolder .help a {
        display: block;
        width: 6px;
        height: 11px;
    }

    #courtRegisterHolder p, #courtRegisterHolder ul, #subsidiariesHolder p, #subsidiariesHolder ul {
        color: #666;
        font-size: 12px;
        padding: 5px 50px;
        margin: 0;
        float: left;
        clear: left;
    }

    #subsidiariesHolder h3 {
        font-weight: bold;
        color: #777777;
        padding: 10px 0 2px 40px;
        float: left;
        width: 100%;
    }

#courtRegisterHolderFree {
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
    position: relative;
}

    #courtRegisterHolderFree h2 {
        color: #4e6185;
        font-size: 16px;
        padding: 5px;
        margin: 5px 0 0 6px;
    }

    #courtRegisterHolderFree .help a {
        display: block;
        width: 6px;
        height: 11px;
    }

    #courtRegisterHolderFree p, #courtRegisterHolderFree ul {
        color: #666;
        font-size: 12px;
        padding: 5px 10px;
        margin: 0;
    }

        #courtRegisterHolderFree ul li {
            margin-top: 4px;
        }
/******************* end detaljno poduze�e *********************/


/********************** Novosti ***********************/
#newsFollowHolder .toolbar {
    width: 860px;
    float: left;
    margin: 45px 0 0 40px;
}

    #newsFollowHolder .toolbar ul {
        padding: 0;
        margin: 0;
        float: left;
    }

        #newsFollowHolder .toolbar ul li {
            margin: 0;
            padding: 0;
            float: left;
        }

    #newsFollowHolder .toolbar a {
        padding: 0;
        margin: 0;
        font-size: 12px;
        color: #666;
        text-decoration: none;
        float: left;
        width: auto;
    }

        #newsFollowHolder .toolbar a.selected {
            color: #4a68a6;
            font-weight: bold;
            background: url(images/linkArrowDown.png) right 2px no-repeat;
            padding: 0 12px 0 0;
        }

        #newsFollowHolder .toolbar a.help {
            width: 17px;
            height: 17px;
            background: url(images/helpIcon02.png) 0 0 no-repeat;
            display: inline-block;
            margin: 0 15px 0 5px;
        }
/********************** End novosti ***********************/

#loading {
    position: relative;
    float: left;
    left: 50%;
    z-index: 999;
    margin-top: 50px;
}

#loadingAnalysis {
    position: absolute;
    float: left;
    left: 49%;
    top: 200px;
    z-index: 999;
    margin-top: 165px;
}

#loadingSearchCompetition {
    position: relative;
    float: left;
    z-index: 999;
    margin-left: 300px;
    margin-top: 100px;
}

#map_canvas {
    width: 300px;
    height: 219px;
}

#map_canvas_static {
    width: 300px;
    height: 219px;
    background: url(images/bagatinMap.png) no-repeat;
}
/* POPUP HELP WINDOW*/
.popup {
    display: none;
    position: absolute;
    z-index: 9999;
    background: url(images/popupBgr.png) no-repeat;
    padding: 3px 0 20px 10px;
}

    .popup p {
        color: #333;
        font-size: 11px;
        color: #464646;
        padding: 0 25px 25px 15px;
        margin: 25px 0 0 0; /*margin: 28px 0 0 0;*/
        background: url(images/popupPBgr.png) bottom right no-repeat;
    }

.closePopup {
    float: right;
    display: block;
    background: url(images/popupClose.png) 4px 4px no-repeat;
    width: 16px;
    height: 15px;
    margin: 10px 15px 0 0;
    cursor: pointer;
}

.dynamic_popup {
    display: none;
    position: absolute;
    z-index: 9999;
}

    .dynamic_popup p {
        color: #333;
        font-size: 12px;
        color: #464646;
    }

.dynamic_popup_generic {
    display: none;
    position: absolute;
    z-index: 9999;
}

    .dynamic_popup_generic p {
        color: #333;
        font-size: 12px;
        color: #464646;
        padding: initial;
        margin: initial;
    }

.shadowContentXbutton {
    float: right;
}

    .shadowContentXbutton a {
        width: 10px;
        height: 10px;
        background: url(images/iconClose.png) 0px 0px no-repeat;
        display: block;
    }

.shadowContentMain {
    width: inherit;
    height: inherit;
    padding: 6px;
    line-height: 20px;
    float: left;
}

#TreeViewWrap {
    display: none;
    width: 450px;
    height: 350px;
    position: absolute;
    z-index: 9998;
}

#ActivityTree {
    width: inherit;
    border: none;
    height: 26px;
}

input#ActivityPersons, input#ActivityNews {
    width: 395px;
    height: 26px;
    border: none;
    background-color: transparent;
    color: #777;
    font-size: 12px;
    font-family: Arial;
    padding: 3px 0 0 6px;
}

input#ActivityCompanies, input#CPVProcurement {
    width: 160px;
    height: 26px;
    border: none;
    background-color: transparent;
    color: #777;
    font-size: 12px;
    font-family: Arial;
    padding: 3px 0 0 4px;
}

#ActivityCompanies:hover, #ActivityPersons:hover, #ActivityNews:hover {
    cursor: pointer;
}

.ActivityButton, .CpvButton {
    width: 31px;
    height: 33px;
    background: url('images/cboxBtn.png') top right;
    background-color: transparent;
    border: none;
    float: right;
    margin: 0 -4px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

#Banks {
    width: 120px;
}
/*  SPREMANJE KRITERIJA */
.savewin {
    width: 208px;
    background: url(images/savewinBgr.png) 0 0 no-repeat;
    position: absolute;
    z-index: 9999;
    display: none;
}

.savewinBody {
    width: 208px;
    background: url(images/savewinresultBgr.png) bottom center no-repeat;
    float: left;
    margin-top: 10px;
}

.savewin input {
    float: left;
    border: none;
    background: Transparent url(images/savewinInputBgr.png) 0 0 no-repeat;
    width: 154px;
    height: 17px;
    padding: 2px 6px 6px 2px;
    margin: 5px 0 0 10px;
    font-size: 12px;
}

.savewin a.savewinButton {
    float: right;
    width: 12px;
    height: 12px;
    margin-top: 11px;
    margin-right: 19px;
    background-image: url('images/addIcon.png');
}

.savewin span.savewinError {
    float: left;
    color: #ff0000;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 10px;
    padding: 3px 5px;
    border: solid 1px #ececec;
    width: 169px;
}

.savewin div.savewinresult {
    width: 178px;
    float: left;
    padding: 5px 0px 20px 10px;
    font-size: 11px;
}

.savewin p {
    float: left;
    border-bottom: solid 1px #ececec;
    padding: 3px 0;
    width: 158px;
    height: 20px;
    line-height: 20px;
}

    .savewin p a {
        color: #4a68a6;
    }

.savewin span.deleteSavedSearch {
    float: left;
    border-bottom: solid 1px #ececec;
    padding: 3px 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

    .savewin span.deleteSavedSearch a {
        display: block;
        width: 15px;
        height: 15px;
        background: url(images/deleteSavedSearchIcon.png) 0 0 no-repeat;
        margin: 3px 0 0 8px;
        cursor: pointer;
    }
/************************* Result empty / no data **************************/

.contentOneColumn #contentOneColumnHolder .resultEmpty, .contentOneColumn #contentOneColumnHolder .resultNoData {
    width: 950px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 0;
    padding: 0 0 15px 0;
    margin-top: 30px;
}

    .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam {
        background: url(images/resultNoDataBgr.png) 50px 65px no-repeat;
        font-size: 20px;
        color: #4A68A6;
        height: 222px;
        padding: 107px 80px 0 312px;
        margin-top: 30px;
    }

        .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p {
            margin-top: 20px;
        }

            .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p.alan_ford {
                float: left;
                font-size: 16px;
                font-style: italic;
                font-weight: 600;
                margin-right: 67px;
                margin-top: 106px;
                text-align: right;
                width: 515px;
            }

            .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p.alan_ford_copy {
                margin-top: 10px;
                margin-right: 80px;
                font-size: 12px;
                font-style: italic;
                float: right;
            }

    .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageCompany {
        background: url(images/resultEmptyBgr.png) 50px 65px no-repeat;
        font-size: 20px;
        color: #4a68a6;
        height: 300px;
        padding: 29px 80px 0 220px;
        margin-top: 30px;
    }

        .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageCompany p {
            margin-top: 20px;
        }

    .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageProcurements {
        background: url(images/resultEmptyBgr.png) 50px 65px no-repeat;
        font-size: 20px;
        color: #4a68a6;
        height: 300px;
        padding: 100px 80px 0 220px;
        margin-top: 30px;
    }

        .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageProcurements p {
            margin-top: 20px;
        }

    .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessagePerson {
        background: url(images/resultEmptyBgr.png) 50px 65px no-repeat;
        font-size: 20px;
        color: #4A68A6;
        height: 230px;
        padding: 100px 80px 0 220px;
        margin-top: 30px;
    }

        .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessagePerson p {
            margin-top: 20px;
        }

.resultEmptyMessageBeta {
    background: url(images/resultEmptyBgr.png) 50px 98px no-repeat;
    font-size: 20px;
    color: #4A68A6;
    height: 300px;
    padding: 100px 80px 0 220px;
    line-height: 47px;
}

    .resultEmptyMessageBeta p {
        margin-top: 5px;
        margin-left: 16px;
    }

    .resultEmptyMessageBeta a {
        text-decoration: none;
        color: #4a68a6;
    }

        .resultEmptyMessageBeta a:hover {
            color: #4a68a6;
            text-decoration: underline;
        }

.contentOneColumn #contentOneColumnHolder .resultNoData .resultNoDataMessage {
    background: url(images/resultNoDataBgr.png) 50px 50px no-repeat;
    font-size: 20px;
    color: #4a68a6;
    height: 170px;
    padding: 130px 80px 0 220px;
    margin-top: 30px;
}

.contentOneColumn #contentOneColumnHolder .resultNoData .resultNoDataMessage.not-found {
    padding-top: 100px;
    margin-top: 10px;
    height: 210px;
}


.resultNewsNoDataMessage {
    background: url(images/resultNoDataBgr.png) 50px 50px no-repeat;
    font-size: 20px;
    color: #4a68a6;
    height: 170px;
    padding: 130px 80px 0 220px;
    margin-top: 30px;
}

.contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessage p, .contentOneColumn #contentOneColumnHolder .resultNoData .resultNoDataMessage p {
    padding: 10px 0;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.vscrollerbase {
    width: 22px;
    background: #fff url(images/vertical_base.png) 0px 0px repeat-y;
}

.vscrollerbar {
    width: 20px;
    background: url(images/vscrollerbar.png) 0px 0px repeat-y;
    margin: 0 0 0 2px;
}

.hscrollerbase {
    height: 22px;
    background: #fff url(images/horizontal_base.png) 0px 0px repeat-x;
}

.hscrollerbar {
    height: 20px;
    background: url(images/hscrollerbar.png) 0px 0px repeat-x;
    margin: 2px 0 0 0;
}

.vscrollerbar, .hscrollerbar {
    padding: 10px;
    z-index: 2;
}

.vscrollerbarbeg {
    background: url(images/vscrollerbarbeg.png) bottom center no-repeat;
    width: 20px;
    height: 14px !important;
}

.vscrollerbarend {
    background: url(images/vscrollerbarend.png) 0px 0px no-repeat;
    width: 20px;
    height: 14px;
}

.hscrollerbarbeg {
    background: url(images/hscrollerbarbeg.png) 0px 0px no-repeat;
    height: 20px;
    width: 14px !important;
}

.hscrollerbarend {
    background: url(images/hscrollerbarend.png) 0px 0px no-repeat;
    height: 20px;
    width: 14px;
}

.vscrollerbasebeg {
    background: url(images/vscrollerbasebeg.png) 0px 0px no-repeat;
    width: 22px;
    height: 15px !important;
}

.vscrollerbaseend {
    background: url(images/vscrollerbaseend.png) 0px -1px no-repeat;
    height: 15px;
    width: 22px;
}

.hscrollerbasebeg {
    background: url(images/hscrollerbasebeg.png) 0px 0px no-repeat;
    height: 22px;
    width: 15px !important;
}

.hscrollerbaseend {
    height: 22px;
    width: 15px;
    background: url(images/hscrollerbaseend.png) 0px 0px no-repeat;
}

.scrollerjogbox {
    width: 22px;
    height: 22px;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
    background: url(images/scrollerjogbox.png) 0px 0px;
}

    .scrollerjogbox:hover {
        background: url(images/scrollerjogbox.png) 0px -21px;
    }
/* Scroll Bar Master Styling Ends Here */


/******** aplikacija *********/

#mycustomscroll {
    /* Typical fixed height and fixed width example */
    width: 200px;
    height: 200px;
    overflow: auto; /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #fff;
    margin: 0.3em auto;
    padding: 15px;
    border: solid 1px #999999;
}

.noVal {
    width: 8px;
    height: 8px;
    background-color: #666;
    float: left;
    display: inline;
    margin: 3px 0 0 0;
}

.goodVal {
    width: 8px;
    height: 8px;
    background-color: #4E6CAD;
    float: left;
    display: inline;
    margin: 3px 0 0 0;
}

.badVal {
    width: 8px;
    height: 8px;
    background-color: #A42621;
    float: left;
    display: inline;
    margin: 3px 0 0 0;
}

.CompanyDetailsDistributionHolder .CompanyDetailsDistributionSelector {
    width: 1px;
    height: 28px;
    background-color: #F8981D;
    position: absolute;
    z-index: 99999;
    margin-left: 10px;
    margin-top: 2px;
}

.CompanyDetailsDistributionHolder img {
    float: left;
    width: 100px;
    height: 30px;
    padding: 0;
}

.CompanyDetailsDistributionHolder {
    width: 100px;
    height: 30px;
    margin: 0 0 0 5px;
    padding: 0;
}

#CompetitorsSearchWin, #PeriodsSearchWin {
    width: 179px; /*height:200px;*/
    position: absolute;
    z-index: 9998;
    background: Transparent url(images/ddArrowtop.png) top right no-repeat !important;
    display: none;
}

    #CompetitorsSearchWin .shadow, #PeriodsSearchWin .shadow {
        float: left;
        width: 177px;
        background: Transparent url(images/ddArrowLeftShadow.png) bottom right no-repeat !important;
        padding: 5px 0 20px 0;
        margin: 4px 0 0 0;
        position: relative;
        bottom: -5px;
        left: 1px; /*height:173px;*/
    }

        #CompetitorsSearchWin .shadow p, #PeriodsSearchWin .shadow p {
            font-size: 12px;
            padding: 6px 10px 0px 11px;
            color: #555;
        }

.CompetitorsSearchInput {
    float: left;
    width: 159px;
    margin: 0 6px;
    padding: 5px 0 10px 0;
    border-bottom: solid 1px #d5d5d5;
    background: Transparent url(images/CompetitorsSearchInputBgr.png) 0 3px no-repeat;
}

    .CompetitorsSearchInput input.tbox {
        background: Transparent;
        border: none;
        width: 127px;
        color: #666666;
        font-size: 11px;
        padding: 0 4px;
    }

    .CompetitorsSearchInput input.submit {
        background: Transparent;
        border: none;
        width: 20px;
        height: 20px;
        float: right;
        cursor: pointer;
    }

.CompetitorsSearchLinks {
}

    .CompetitorsSearchLinks ul, .PeriodsSearchLinks ul {
        margin: 20px 7px 0 7px;
        font-size: 11px;
        float: left;
    }

.PeriodsSearchLinks ul {
    margin-top: 7px;
}

    .CompetitorsSearchLinks ul li, .PeriodsSearchLinks ul li {
        display: inline-block;
        width: 100%;
        padding: 2px 0;
    }

        .CompetitorsSearchLinks ul li a, .PeriodsSearchLinks ul li a {
            color: #666666;
            text-decoration: none;
            background: url(images/listMenuBullet.png) 0 3px no-repeat;
            padding: 0 0 0 14px;
        }

            .CompetitorsSearchLinks ul li a:hover {
                color: #4a68a6;
                background-position: 0 -12px;
            }

            .CompetitorsSearchLinks ul li a.selected {
                background-position: 0 -27px;
            }

                .CompetitorsSearchLinks ul li a.selected:hover {
                    background-position: 0 -40px;
                }

        .CompetitorsSearchLinks ul li ul {
            margin: 0 0 0 5px;
            display: none;
            width: 100%;
        }

            .CompetitorsSearchLinks ul li ul li {
                width: 140px;
                overflow: hidden;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                white-space: nowrap;
            }

                .CompetitorsSearchLinks ul li ul li a {
                    background: none;
                }

.CompetitorsSearchResults {
    background: url(images/CompetitorsSearchResultsBgr.png) 0 0 no-repeat;
    width: 650px;
    height: 239px;
    position: absolute;
    z-index: 9999;
    display: none; /***********/
}

    .CompetitorsSearchResults table {
        width: 620px;
        font-size: 12px;
        margin: 5px 10px 0 10px;
        color: #666666;
    }

        .CompetitorsSearchResults table td {
            border-bottom: solid 1px #e3e1e1;
            padding: 7px 5px;
        }

            .CompetitorsSearchResults table td div {
                overflow: hidden;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                white-space: nowrap;
                width: 600px;
            }

                .CompetitorsSearchResults table td div span.title a {
                    color: #4a68a6;
                    text-decoration: none;
                    font-weight: bold;
                }

            .CompetitorsSearchResults table td.pagination {
                color: #777777;
                border-bottom: none;
                text-align: center;
                padding: 6px 0 0 0;
                font-size: 11px;
            }

                .CompetitorsSearchResults table td.pagination a {
                    padding: 0 5px;
                    line-height: 13px;
                    text-decoration: none;
                    color: #777777;
                }

                    .CompetitorsSearchResults table td.pagination a.previous, .CompetitorsSearchResults table td.pagination a.next, .CompetitorsSearchResults table td.pagination span.current, .CompetitorsSearchResults table td.pagination span.disabled {
                        color: #4c68a6;
                        font-weight: bold;
                    }

                .CompetitorsSearchResults table td.pagination span.disabled {
                    color: #777777;
                }

                .CompetitorsSearchResults table td.pagination span.current {
                    padding: 0 5px;
                }

    .CompetitorsSearchResults .close {
        width: 12px;
        height: 12px;
        background: url(images/CompetitorsSearchResultsClose.png) 0 0 no-repeat;
        position: relative;
        bottom: 15px;
        left: 615px;
        z-index: 999;
    }

    .CompetitorsSearchResults #errorClose {
        width: 12px;
        height: 12px;
        background: url(images/CompetitorsSearchResultsClose.png) 0 0 no-repeat;
        position: relative;
        bottom: 15px;
        left: 615px;
        top: 140px;
        z-index: 999;
    }

    .CompetitorsSearchResults .close a {
        width: 12px;
        height: 12px;
        display: block;
    }

p.CompetitorsSearchResultsError {
    color: #aaa;
    font-size: 18px;
    margin: 20px;
}

div.CompetitorsSearchRemove {
    width: 163px;
    height: 20px;
    margin-left: 5px;
}

    div.CompetitorsSearchRemove a {
        text-decoration: none;
    }

    div.CompetitorsSearchRemove span {
        font-size: 11px;
        color: #666;
        width: 150px;
        height: 20px;
        background: url(images/deleteSavedSearchIcon.png) 0 0 no-repeat;
        padding-left: 16px;
    }

#TreeViewWrapAnalysis {
    display: none;
    width: 450px;
    height: 350px;
    position: absolute;
    z-index: 9998;
}

#CompetitionGraphList {
    display: none;
    width: 420px;
    max-height: 200px;
    min-height: 100px;
    position: absolute;
    z-index: 9998; /*background-color:#fff;     border:1px solid #eee;     padding-bottom:5px;     overflow:auto;*/
}

#CompetitionGraphListInner {
    /*  tu ide content, zbog overflow:auto, i zbog vanjine sjene*/
}

    #CompetitionGraphListInner ul {
        padding: 2px 5px;
        float: left;
    }

        #CompetitionGraphListInner ul li {
            display: inline-block;
            width: 100%;
            padding: 2px 0px 2px 2px;
            font-size: 12px;
        }

            #CompetitionGraphListInner ul li a {
                color: #666666;
                text-decoration: none;
            }

                #CompetitionGraphListInner ul li a:hover {
                    color: #4a68a6;
                    background-position: 0 -12px;
                }

                #CompetitionGraphListInner ul li a.selected {
                    background-position: 0 -27px;
                }

                    #CompetitionGraphListInner ul li a.selected:hover {
                        background-position: 0 -40px;
                    }
/*    RATING GRAPH   */
.companyLetterMark {
    float: left;
}

#PaymentIndexLegend {
    height: 20px;
    float: left;
    margin-left: 45px;
}

#RatingChartLegend {
    height: 20px;
    float: left;
    margin-top: -7px;
    margin-left: 30px;
}

.RatingChartLegendImg {
    width: 40px;
    height: 15px;
    float: left;
    margin-left: 5px;
}

.RatingChartLegendImgBlue {
    background-image: url("images/rating/RatingChartLegendImg_blue.png");
}

.RatingChartLegendImgRed {
    background-image: url("images/rating/RatingChartLegendImg_red.png");
}

.RatingChartLegendImgBlueDot {
    background-image: url("images/rating/RatingChartLegendImg_blueDot.png");
}

.RatingChartLegendImgRedDot {
    background-image: url("images/rating/RatingChartLegendImg_redDot.png");
}

.RatingChartLegendImgWhite {
    background-image: url("images/rating/RatingChartLegendImg_white.png");
}

.RatingChartLegendText {
    color: #777;
    font-size: 10px;
    float: left;
    margin-left: 5px;
}

div.RatingGraphHolder {
    width: 455px;
    height: 155px;
    float: left;
    margin-top: 11px;
    padding-left: 7px;
}

div#RatingGraphRatingImg {
    width: 15px;
    height: 155px;
    float: left;
    background-image: url("images/rating/RatingChartRatingImg.png");
}

div#RatingGraphShadow {
    width: 420px;
    height: 155px;
    float: left;
    background-image: url("images/rating/RatingChartShadow.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

div#RatingGraph {
    width: 410px;
    height: 150px;
    float: left;
    background-image: url("images/rating/RatingChartBg.png");
    background-repeat: repeat-x;
    background-position: 0px 6px;
    margin-left: 4px;
}
/* PaymentIndex GRAPH*/
div.PaymentIndexGraphHolder {
    width: 455px;
    height: 155px;
    float: left;
}

#PaymentIndexGraph {
    width: 452px;
    height: 140px;
    float: left;
    padding: 5px 10px 5px 0;
    background-image: url("images/rating/PaymentIndexChartShadow.png");
    background-repeat: no-repeat;
    background-position: 40px 10px;
}
/* TREND INDICATOR */
span.trendIndicatorUp {
    background-image: url(images/trendIndicatorArrowUpSmall.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 0px;
    margin-top: 3px;
    float: left;
}

span.trendIndicatorDown {
    background-image: url(images/trendIndicatorArrowDownSmall.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 0px;
    margin-top: 3px;
    float: left;
}

span.trendIndicatorNoChange {
    background-image: url(images/trendIndicatorArrowNoChangeSmall.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 0px;
    margin-top: 3px;
    float: left;
}
/* HOME FREE */
.homeContentTop {
    margin: 20px 0 0 0;
    width: 950px;
    float: left;
}

    .homeContentTop .video {
        width: 466px;
        height: 286px;
        float: left;
        position: relative;
    }

        .homeContentTop .video a {
            width: 466px;
            height: 286px;
            display: block;
            position: absolute;
            z-index: 2;
            left: 0;
            top: 0;
        }

            .homeContentTop .video a img {
                width: 466px;
                height: 286px;
                border: none;
            }

    .homeContentTop #flash {
        width: 466px;
        height: 286px;
        padding: 1px 0 0 2px;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

    .homeContentTop .homeAdd {
        width: 466px;
        height: 286px;
        float: right;
        position: relative;
    }

        .homeContentTop .homeAdd a.demoLink {
            position: absolute;
            top: -15px;
            right: -15px;
            width: 113px;
            height: 113px;
            background: url(images/demoLink.png) 0 0 no-repeat;
            display: block;
            z-index: 999;
        }

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd h1 {
    font-style: italic;
    padding: 18px 0 0 0;
}

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd p {
    padding: 20px 0 0 0px;
    margin: 0;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    font-style: italic;
    margin-top: 34px;
}

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet {
    width: 466px;
    height: 173px;
    float: left;    
}

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet h1 {
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	padding: 15px 20px 10px 20px;
}

    .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet h2 {
        font-size: 15px;
        color: #4E6185;
        font-style: normal;
        padding: 0;
        float: left;
        margin-top: 6px;
    }

    .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet h3 {
        font-size: 12px;
        color: #4E6185;
        font-style: normal;
        padding: 0;
        margin-top: 13px;
        float: left;
    }

    .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet ul {
        font-size: 12px;
        color: #ffffff;
        float: left;
        padding: 0 10px 0 30px;
        margin: 0;
        font-weight: bold;
        font-style: normal;
    }

        .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd div.homeAddBullet ul li {
            padding: 0 0 0 15px;
            background: url(images/fininfo_small_icon.png) 0 0 no-repeat;
            margin: 5px 0 0 0;
        }

.homeContentTop .homeAdd .bannerPrepay, .homeContentTop .homeAdd .bannerPackagesComparison {
    width: 233px;
    height: 118px;
    position: absolute;
    bottom: 0;
}

.homeContentTop .homeAdd .bannerPrepayMore, .homeContentTop .homeAdd .bannerPackagesComparisonMore {
    display: block;
    width: 233px;
    height: 118px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    background: url(images/spacer.png);
}

.homeContentTop .homeAdd .bannerPrepay {
	/*background: url(images/bannerPrepayBgr.png) 0 0 no-repeat;*/
	left: 0px; /*left: -5px;*/
	top: 175px;
}

.homeContentTop .homeAdd .bannerPackagesComparison {
    /*background: url(images/bannerPackagesComparisonBgr.png) 0 0 no-repeat;*/
    right: 0;
    top: 175px;
}

.contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd .bannerPrepay .title, .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAdd .bannerPackagesComparison h1 {
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 24px;
    text-align: center;
    position: absolute;
    z-index: 999999;
    width: 233px;
    left: 0;
    top: 46px;
}

.homeContentTop .homeAdd .bannerPrepay a.more, .homeContentTop .homeAdd .bannerPackagesComparison a.more {
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    padding: 0 15px 0 0;
    background: url(images/linkMoreArrow.png) right -9px no-repeat;
    margin: 0 0 0 30px;
    position: absolute;
    z-index: 999999;
    bottom: 15px;
    left: 15px;
}

.homeContentTop #Upper {
    width: 970px;
    height: 250px;
    margin-left: -7px;
}

.homeContentTop #Lower {
    width: 970px;
    height: 90px;
    margin-left: -7px;
    margin-top: 5px;
}


/* LOG ON PARTIAL*/
#LogOnPartialPrijava {
    background-image: url('images/iconLogin.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 18px;
    padding-top: 2px;
}

#LogOnPartialRegistracija {
    background-image: url('images/iconRegister.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 20px;
    padding-top: 2px;
}

div.loader3, div#loader4, div#loader5, div#loader6, div#loader7 {
    width: 30px;
    height: 20px;
    position: relative;
    display: none;
}

div.loader3 {
    left: 410px;
    top: -19px;
}

div#loader4 {
    left: 527px;
    top: -28px;
}

div#loader5 {
    left: 583px;
    top: -191px;
}

div#loader6 {
    left: 400px;
    top: -21px;
}

div#loader7 {
    left: 400px;
    top: -26px;
}

div.ajaxNewsLoader {
    float: left;
    width: 100%;
    height: 30px;
    border: 1px solid #C8C6C5;
    background-color: #fff;
    margin-top: 23px;
    padding-top: 10px;
    display: none;
}

    div.ajaxNewsLoader:hover {
        border: 1px solid #C8C6C5;
        background-color: #eee;
        cursor: pointer;
    }

    div.ajaxNewsLoader h2 {
        text-align: center;
        font-size: 17px !important;
        font-weight: bold;
        color: #4a68a6 !important;
    }

    div.ajaxNewsLoader:hover h2 {
        color: #999;
        cursor: pointer;
    }
/*
input#BankAccount {
	color: #bbbbbb;
	border: none;
	background: Transparent;
	margin: 0;
	padding: 0 5px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	font-family: Arial;
}
*/
.clearMulti, .clearTree, .clearInput {
    width: 10px !important;
    height: 10px !important;
    background-image: url(images/iconReset.png) !important;
    display: block;
    position: absolute;
    z-index: 2;
    padding: 0 !important;
}

    .clearMulti:hover, .clearTree:hover, .clearInput:hover {
        background-image: url(images/iconResetHover.png) !important;
        cursor: pointer;
    }
/* ******** Follow - Unfollow ************* */
.followAlert {
    position: absolute;
    z-index: 99999;
    color: #777;
    font-size: 12px;
}
/*  ------ EDIT USER ----*/
div.EditErrorPass {
    width: 255px;
    height: 40px;
    position: absolute;
    top: 159px;
    left: 153px;
    font-size: 11px;
    color: #f00;
}

div.EditErrorEmail {
    width: 255px;
    height: 40px;
    position: absolute;
    top: 134px;
    left: 153px;
    font-size: 11px;
    color: #f00;
}

div.EditAllError {
    width: 173px;
    height: 26px;
    position: absolute;
    left: 775px;
    font-size: 11px;
    color: red;
}

#SubDropDownBS {
    height: 400px;
}

.smallA, .smallB, .smallC {
    width: 10px;
    height: 10px;
    position: relative;
    z-index: 99;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

.smallA {
    background-image: url(images/trendIndicatorArrowUpSmall.png);
}

.smallB {
    background-image: url(images/trendIndicatorArrowNoChangeSmall.png);
}

.smallC {
    background-image: url(images/trendIndicatorArrowDownSmall.png);
}

table.shadowTable {
}

#SubDropDownBS table.shadowTable .shadowContentScroll {
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    height: 369px;
}

#CompetitionGraphList table.shadowTable .shadowContentScroll {
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    height: 175px;
}

#CompetitionGraphList table.shadowTable .shadowContentScrollMin {
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
}

    #CompetitionGraphList table.shadowTable .shadowContentScrollMin #CompetitionGraphListInner p {
        font-size: 14px;
        color: #555;
    }

#CompetitionGraphList table.shadowTable {
    width: 434px;
}

table.shadowTable td {
}

table.shadowTable .shadowTopArrow {
    width: 22px;
    height: 18px;
    background: url(images/shadowTopArrow.png) 0 0 no-repeat;
    float: right;
    margin: 1px 10px 0 0;
}

.user table.shadowTable .shadowTopArrow {
    width: 22px;
    height: 18px;
    background: url(images/shadowTopArrow.png) 0 7px no-repeat;
    float: right;
    margin: 1px 10px 0 0;
}

table.shadowTable .shadowLeftArrow {
    width: 18px;
    height: 22px;
    background: url(images/shadowLeftArrow.png) 0 0 no-repeat;
    position: absolute;
    top: 0 !important; /**/
    left: 0;
}

.shadowTableArrowLeft .shadowTopArrow, .shadowTableArrowTop .shadowLeftArrow {
    display: none;
}

table.shadowTable td.shadowContent {
    background-color: #ffffff;
    padding: 0px 10px 10px 0px;
}

table.shadowTable td.shadowLT {
    width: 18px;
    height: 18px;
    background: url(images/shadowLT.png) bottom right no-repeat;
}

table.shadowTable td.shadowRT {
    width: 13px;
    height: 18px;
    background: url(images/shadowRT.png) bottom left no-repeat;
}

table.shadowTable td.shadowT {
    height: 18px;
    background: url(images/shadowT.png) bottom left repeat-x;
}

table.shadowTable td.shadowL {
    width: 18px;
    background: url(images/shadowL.png) top right repeat-y;
    position: relative;
}

table.shadowTable td.shadowR {
    width: 13px;
    background: url(images/shadowR.png) top left repeat-y;
}

table.shadowTable td.shadowLB {
    width: 18px;
    height: 13px;
    background: url(images/shadowLB.png) top right no-repeat;
}

table.shadowTable td.shadowRB {
    width: 13px;
    height: 13px;
    background: url(images/shadowRB.png) top left no-repeat;
}

table.shadowTable td.shadowB {
    height: 13px;
    background: url(images/shadowB.png) 0 0 repeat-x;
}

.contentOneColumn .staticPage {
    width: 100%;
    float: left;
    background: #fff;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    border-left: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 20px;
    z-index: 2;
    clear: both;
    padding: 0;
}

.contentOneColumn .staticPageBottom {
    width: 958px;
    height: 30px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 0px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    left: 0;
    top: 20px;
    z-index: 2;
    clear: both;
    padding: 0;
}

.contentOneColumn .staticPage .staticPageHolder {
    width: 100%;
    float: left;
    padding: 0px 0 30px 0;
    color: #777777;
}

    .contentOneColumn .staticPage .staticPageHolder h3 {
        font-size: 13px;
        font-weight: bold;
        padding: 15px 30px 5px 30px;
    }

    .contentOneColumn .staticPage .staticPageHolder h4 {
        font-size: 13px;
        font-weight: bold;
        padding: 15px 30px 5px 30px;
        text-transform: uppercase;
    }

    .contentOneColumn .staticPage .staticPageHolder p {
        font-size: 13px;
        padding: 5px 30px;
        line-height: 18px;
    }

    .contentOneColumn .staticPage .staticPageHolder img {
        float: left;
        display: inline;
        margin: 0 20px 10px 0;
        background: #fff url(images/contentImgBgr.png) 0 0 no-repeat;
        padding: 7px;
    }

    .contentOneColumn .staticPage .staticPageHolder p a {
        color: #4c68a6;
        text-decoration: underline;
    }

    .contentOneColumn .staticPage .staticPageHolder .more {
        text-align: right;
    }

        .contentOneColumn .staticPage .staticPageHolder .more a {
            color: #4c68a6;
            text-decoration: none;
            font-size: 11px;
            padding: 0 15px 0 0;
            background: url(images/linkMoreArrow.png) right 4px no-repeat;
        }

    .contentOneColumn .staticPage .staticPageHolder ol, .contentOneColumn .staticPage .staticPageHolder ul {
        float: left;
        padding: 5px 30px 10px 30px;
        font-size: 13px;
        width: 898px;
    }

        .contentOneColumn .staticPage .staticPageHolder ol li {
            list-style-type: decimal;
            margin: 0 0 0 20px;
            line-height: 18px;
        }

        .contentOneColumn .staticPage .staticPageHolder ul li {
            background: url(images/textBullet.png) 0 6px no-repeat;
            padding: 0 0 0 10px;
            margin: 0 0 0 30px;
        }

            .contentOneColumn .staticPage .staticPageHolder ul li ul li {
                background: none;
                padding: 0;
                margin: 0;
            }

                .contentOneColumn .staticPage .staticPageHolder ul li ul li.masterCard, .contentOneColumn .staticPage .staticPageHolder ul li ul li.maestro, .contentOneColumn .staticPage .staticPageHolder ul li ul li.visa, .contentOneColumn .staticPage .staticPageHolder ul li ul li.amex, .contentOneColumn .staticPage .staticPageHolder ul li ul li.wspay, .contentOneColumn .staticPage .staticPageHolder ul li.amexJamstvo, .contentOneColumn .staticPage .staticPageHolder ul li.masterCardSecure, .contentOneColumn .staticPage .staticPageHolder ul li.vbVisa {
                    background: none;
                    padding: 10px 10px 20px;
                    margin: 0;
                    vertical-align: middle;
                }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.masterCard a {
                        width: 100px;
                        height: 67px;
                        display: block;
                        background: url(images/placanje-mastercard.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.maestro a {
                        width: 100px;
                        height: 67px;
                        display: block;
                        background: url(images/placanje-maestro.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.visa a {
                        width: 79px;
                        height: 50px;
                        display: block;
                        background: url(images/placanje-visa.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.amex a {
                        width: 83px;
                        height: 56px;
                        display: block;
                        background: url(images/placanje-amex.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li ul li.wspay a {
                        width: 106px;
                        height: 50px;
                        display: block;
                        background: url(images/placanje-wspay.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li.amexJamstvo a {
                        width: 111px;
                        height: 46px;
                        display: block;
                        background: url(images/placanje-amex-jamstvo.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li.masterCardSecure a {
                        width: 104px;
                        height: 56px;
                        display: block;
                        background: url(images/placanje-master-jamstvo.png) 0 0 no-repeat;
                    }

                    .contentOneColumn .staticPage .staticPageHolder ul li.vbVisa a {
                        width: 83px;
                        height: 62px;
                        display: block;
                        background: url(images/placanje-visa-jamstvo.png) 0 0 no-repeat;
                    }

                .contentOneColumn .staticPage .staticPageHolder ul li ul li:before {
                    content: "-";
                    padding-right: 5px;
                }

                .contentOneColumn .staticPage #Instructions.staticPageHolder ul.accordion ul.acitem li:before {
                    content: "";
                    padding-right: 0px;
                }

                .contentOneColumn .staticPage #Instructions.staticPageHolder ul.accordion ul.acitem li ol li:before {
                    content: "";
                    padding-right: 0px;
                }

                .contentOneColumn .staticPage .staticPageHolder ul li ul li.masterCard:before, .contentOneColumn .staticPage .staticPageHolder ul li ul li.maestro:before, .contentOneColumn .staticPage .staticPageHolder ul li ul li.visa:before, .contentOneColumn .staticPage .staticPageHolder ul li ul li.amex:before, .contentOneColumn .staticPage .staticPageHolder ul li ul li.wspay:before {
                    display: none;
                }

                .contentOneColumn .staticPage .staticPageHolder ul li.inline, .contentOneColumn .staticPage .staticPageHolder ul li ul li.inline {
                    display: inline-block;
                }

    .contentOneColumn .staticPage .staticPageHolder .tarea {
        float: left;
        width: 449px;
        height: 144px;
        padding: 5px;
        margin: 5px -1px 0 0;
        position: relative;
        background: url(images/tareaBgr.png) 0 0 no-repeat;
    }

        .contentOneColumn .staticPage .staticPageHolder .tarea textarea {
            width: 439px;
            height: 144px;
            background: Transparent;
            border: none;
            color: #777777;
            font-size: 12px;
            font-family: Arial, Helvetica, Sans-Serif;
            padding: 0 5px;
        }

    .contentOneColumn .staticPage .staticPageHolder .contactSubmitHolder {
        margin: 6px 0 0 0;
        float: left;
        width: 712px;
    }

        .contentOneColumn .staticPage .staticPageHolder .contactSubmitHolder input.contactSubmit {
            background: Transparent url(images/contactSubmitBgr.png) 0 0 no-repeat;
            border: none;
            width: 116px;
            height: 36px;
            line-height: 33px;
            cursor: pointer;
            color: #fff;
            font-size: 13px;
            font-weight: normal;
            text-align: left;
            margin: 0;
            padding: 0 0 0 40px;
            float: right;
        }

            .contentOneColumn .staticPage .staticPageHolder .contactSubmitHolder input.contactSubmit:hover {
                background-position: 0 -37px;
                color: #4a68a6;
            }

    .contentOneColumn .staticPage .staticPageHolder ul.accordion {
        float: left;
        padding: 10px 30px 20px 30px;
        font-size: 13px;
        width: 898px;
    }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion a {
            color: #4c68a6;
            text-decoration: none;
            text-decoration: none;
            background: url(images/linkAccordianArrow.png) right 4px no-repeat;
            padding: 0 15px 0 0;
            font-size: 13px;
        }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion li {
            margin: 10px 0 0 0;
            background: none;
        }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion li h3 {
                font-size: 13px;
                font-weight: normal;
                padding: 15px 0 5px 0;
            }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion li h4 {
                font-size: 13px;
                font-weight: normal;
                padding: 15px 0 5px 0;
            }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion li a {
            }

                .contentOneColumn .staticPage .staticPageHolder ul.accordion li a:hover {
                }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion ul {
            padding: 0 0 8px 0;
        }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion ul li {
                margin: 0;
                line-height: 18px;
            }

                .contentOneColumn .staticPage .staticPageHolder ul.accordion ul li a {
                    color: #4c68a6;
                    text-decoration: underline;
                    background: none;
                    padding: 0;
                }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion a.active, ul.accordion a.active:hover {
            background-position: right -15px;
            color: #ff9900;
        }

        .contentOneColumn .staticPage .staticPageHolder ul.accordion ul li ul {
            padding: 0 0 5px 10px;
        }

        .contentOneColumn .staticPage #Instructions.staticPageHolder ul.accordion ul li ul {
            padding-bottom: 10px;
            padding-bottom: 10px;
        }

            .contentOneColumn .staticPage .staticPageHolder ul.accordion ul li ul li {
                background: url(images/textBullet.png) 0 7px no-repeat;
                padding: 0 0 0 10px;
            }
/**************************************************
                           BETA
***************************************************/
.betaoverride {
    margin-top: 30px;
}
/**************************************************
                  MESSAGE SYSTEM
***************************************************/
.message_popup {
    position: fixed;
    z-index: 101;
    display: none;
    z-index: 999999;
}

    .message_popup table {
        width: 500px;
        height: 410px;
    }

    .message_popup .shadowContentMain {
        width: inherit;
        height: inherit;
    }

    .message_popup .shadowContentXbutton {
        width: 450px;
        height: 20px;
    }

    .message_popup .shadowContentMain {
        width: 428px;
        height: 381px;
        overflow: auto;
        margin-bottom: 15px;
    }

.message_main {
}

.message_popup .shadowContentXbutton a {
    width: 10px;
    height: 10px;
    background: url(images/iconClose.png) 0px 0px no-repeat;
    float: right;
}

.message_box {
    border: 1px solid #999;
    padding: 10px;
    margin-bottom: 15px;
}

.message_main_maintitle {
    font-size: 20px;
    color: #777;
    margin-bottom: 5px;
}

.message_main_hello {
    font-size: 14px;
    color: #777;
    margin-bottom: 5px;
}

.message_box .message_title {
    display: inline-block;
    font-size: 16px;
    color: #333;
    float: left;
    margin-bottom: 5px;
}

.message_box .message_text {
    font-size: 12px;
    color: #333;
    clear: both;
    margin-bottom: 10px;
}

.message_box .message_dateadded {
    display: inline-block;
    font-size: 12px;
    color: #333;
    float: right;
}

.message_checktext {
    font-size: 12px;
    color: #333;
    float: right;
    margin-bottom: 5px;
    background-color: #fff;
}

.message_check {
    float: right;
    margin-bottom: 5px;
}

#modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 99999;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: .75;
}
/*                CONTACT FORM  */
.contact_valid_summary {
    width: 890px !important;
    margin: 11px 0 10px 11px !important;
}
/* ------------------   VIDEOJS  ----------------------*/
.vjs-default-skin .vjs-big-play-button {
    width: 63px !important;
    height: 52px !important;
    background: Transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: none !important;
    opacity: none !important;
    filter: none !important;
}

.sidebarItemHolder .vjs-default-skin .vjs-big-play-button {
    width: 45px !important;
    height: 37px !important;
}

.vjs-default-skin .vjs-loading-spinner {
    top: 53% !important;
    left: 49% !important;
}

.sidebarItemHolder .vjs-default-skin .vjs-loading-spinner {
}

.vjs-default-skin div.vjs-big-play-button span:hover {
    background: url(images/play-btn.png) 0px -52px no-repeat !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: none !important;
    opacity: none !important;
    filter: none !important;
}

.sidebarItemHolder .vjs-default-skin div.vjs-big-play-button span:hover {
    background: url(images/play-btn_small.png) 0px -38px no-repeat !important;
}

.vjs-default-skin div.vjs-big-play-button span {
    width: 63px !important;
    height: 52px !important;
    background: url(images/play-btn.png) 0px 0px no-repeat !important;
    top: 83% !important;
    left: 33% !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: none !important;
    opacity: none !important;
    filter: none !important;
}

.sidebarItemHolder .vjs-default-skin div.vjs-big-play-button span {
    width: 45px !important;
    height: 37px !important;
    background: url(images/play-btn_small.png) 0px 0px no-repeat !important;
    top: 132% !important;
    left: 68% !important;
}
/* ------------------- MODAL CLIENT SESSION ------------------ */
#modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #333;
    z-index: 999999;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: .75;
}

#modal-warning-wrap {
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -275px;
    z-index: 999999;
    width: 550px;
    height: 225px;
    background-color: #fff;
    border: 1px solid #eee;
}

#modal-warning-title {
    width: 100%;
    height: 30px;
    background-color: #6778AA;
}

    #modal-warning-title span {
        font-size: 15px;
        color: white;
        display: inline-block;
        margin-left: 5px;
        margin-top: 6px;
        font-weight: bold;
    }

#modal-warning-countdown {
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 20px;
    margin-top: 20px;
    background-color: #eee;
}

#modal-warning-countdown-number {
    font-size: 40px;
    color: #6778AA;
    text-align: center;
    margin-top: 29px;
}

#modal-warning-text {
    float: left;
    width: 390px;
    height: 100px;
    margin-left: 20px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 25px;
    color: #333;
}

#modal-warning-btn {
    display: inline-block;
    float: right;
    height: 30px;
    padding: 11px 14px 0px 14px;
    background-color: #6778AA;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin-top: 20px;
    margin-right: 13px;
    font-size: 15px;
}
/********************* MODAL EXPORT PDF **********************/


.ui-dialog {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 490px !important;
    min-height: 267px !important;
    position: relative;
    background: Transparent;
}

    .ui-dialog.activityDialogStyle {
        min-width: 355px !important;
        min-height: 200px !important;
    }


.ui-dialog-titlebar {
    height: 31px !important;
    float: right;
}

    .ui-dialog-titlebar .ui-dialog-title {
        display: none;
    }

.ui-dialog-content {
    overflow: visible !important;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover {
    width: 31px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 10px !important;
    right: 5px !important;
    border: none !important;
    background: url(images/cookiePopupClose.png) 0 0 no-repeat;
    z-index: 3;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
}

#preparing-file-modal, #preparing-file-modal-analysis, #error-modal {
    margin: -140px 0 0 0 !important;
    font-size: 14px;
    line-height: 25px;
    color: #4a68a6 !important;
    font-weight: normal;
    text-align: justify;
    padding: 0 40px 0 90px !important;
    background: Transparent url(images/resultNoDataBgrSmall.png) no-repeat left bottom;
    width: 360px !important;
    height: 400px !important;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    position: relative;
    overflow: hidden;
}

    #preparing-file-modal .preparingFileLoader, #preparing-file-modal-analysis .preparingFileLoader {
        background: Transparent url(images/ajax-loader2.gif) center 25px no-repeat;
        height: 70px;
        width: 460px;
        position: absolute;
        z-index: 2;
        left: 30px;
        top: 140px;
    }

    #preparing-file-modal p, #error-modal h2 {
        padding: 210px 0 0;
    }

    #preparing-file-modal-analysis p {
        padding: 242px 0 0;
        margin-right: 22px;
        text-align: center;
    }

    #error-modal h2 {
        font-size: 14px;
        line-height: 25px;
        color: #4a68a6 !important;
        font-weight: normal;
        text-align: justify;
    }
/*._tooltip.ui-dialog-content.ui-widget-content h2
{
    padding: 20px 0 50px !important;
    margin: 0 !important;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
    text-align: justify;
}*/
.ui-widget-overlay {
    background: #333;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: .75;
}

/********************** ANALYSIS ********************/
.isTrendYcord {
    position: absolute;
    top: 14px;
    left: 64px;
    width: 10px;
    height: 109px;
    background-image: url('images/isTrendYcord_small.png');
}

.isRatingYcord {
    position: absolute;
    top: 0px;
    left: 61px;
    width: 14px;
    height: 135px;
    background-image: url('images/rating/RatingChartRatingImg.png');
}

#MainDropDownBS {
    width: 179px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 555;
    float: left;
    background: Transparent url(images/ddArrowLeft.png) 0px 0px no-repeat !important;
    display: none;
}

    #MainDropDownBS .shadow {
        float: left;
        width: 177px;
        background: Transparent url(images/ddArrowLeftShadow.png) bottom right no-repeat !important;
        padding: 5px 0 20px 0;
        margin: -4px 0 0 0;
        position: relative;
        bottom: -5px;
        left: 9px;
    }

.SubMainDropDown {
    position: relative;
    width: 90%;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
}

.SubMainDropDownFakeText {
    position: relative;
    width: 90%;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    font-size: 12px;
    color: #555;
}

.SubMainDropDown p {
    color: #888;
    font-weight: normal;
    font-size: 12px;
    padding: 0 0 0 10px;
    background: url(images/ddArrowBullet.png) 0 2px no-repeat;
}

    .SubMainDropDown p:hover {
        cursor: pointer;
        color: #4A68A6;
        background: url(images/ddArrowBullet.png) 0 -248px no-repeat;
    }

#SubDropDownBS {
    width: 260px;
    position: absolute;
    top: 60px;
    left: 210px;
    z-index: 556; /*background: Transparent url(images/ddArrowLeft.png) 0px 0px no-repeat !important;*/
}

    #SubDropDownBS .shadow {
        float: left;
        width: 258px;
        background: Transparent url(images/ddArrowLeftShadow.png) bottom right no-repeat !important;
        padding: 5px 0 20px 0;
        margin: -4px 0 0 0;
        position: relative;
        bottom: -5px;
        left: 9px;
    }

.selSquare {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    margin-top: 2px;
    float: left;
    background: url(images/ddArrowBullet.png) 0 -20px no-repeat;
    display: none;
}

.SubDropDownNaziv p {
    color: #888;
    font-weight: normal;
    font-size: 12px;
    margin: 5px 20px 0 10px;
    padding: 0 0 0 10px;
    background: url(images/ddArrowBullet.png) 0 2px no-repeat;
}

    .SubDropDownNaziv p:hover {
        cursor: pointer;
        color: #4A68A6;
        background: url(images/ddArrowBullet.png) 0 -248px no-repeat;
    }
/*   BLOKADA GRAPH */
#GrafMain {
    height: 50px;
    width: 260px;
    float: left;
}

#GrafMainHolder {
    width: 254px;
    height: 24px;
    margin: 12px 0 0 2px;
    background-image: url('images/GraphBlokadaGridBg.png');
    background-repeat: no-repeat;
}

.good {
    width: 8px;
    height: 8px;
    background-color: #4E6CAD;
    float: left;
    margin: 2px 1px 0 0;
}

.bad {
    width: 8px;
    height: 8px;
    background-color: #A42621;
    float: left;
    margin: 14px 1px 0 0;
}

.GraphBlokadaSingle {
    width: 31px;
    height: 40px;
    padding-left: 5px;
    float: left;
}

.graphBlokadaDate {
    color: #aaa;
    font-size: 9px;
    margin-top: 26px;
    margin-left: 3px;
}

.empty {
    width: 8px;
    height: 8px;
    background-color: #fff;
    float: left;
    margin: 14px 1px 0 0;
}
/* OVERRIDE VANJA*/
#descriptionHolder .descriptionLeft .navLeft {
    margin-top: 20px;
}

#descriptionHolder .descriptionLeft .navRight {
    margin-top: 20px;
}
/* finessence-ui.css   */
.userDetails .cbox input.ui-autocomplete-input, .paymentChoice .cbox input.ui-autocomplete-input {
    border: none;
    background: Transparent;
    margin: 0;
    padding: 5px 5px 5px 4px;
    height: 23px;
    color: #777;
    font-size: 12px;
    font-family: Arial;
}

.mainSearch .cbox .ui-button,
.userDetails .cbox .ui-button,
#CustomerUpdatedData .cbox .ui-button,
.paymentChoice .cbox .ui-button {
    margin: 0 -4px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
    height: 33px;
    background: Transparent url(images/cboxBtn.png) 0 0 no-repeat;
    border: none;
}

.mainSearch .cbox .ui-button-icon-only .ui-button-text,
.userDetails .cbox .ui-button-icon-only .ui-button-text,
#CustomerUpdatedData .cbox .ui-button-icon-only .ui-button-text,
.paymentChoice .cbox .ui-button-icon-only .ui-button-text {
    padding: 0;
}

.mainSearch .cbox .ui-autocomplete-input, .userDetails .cbox .ui-autocomplete-input, .paymentChoice .cbox .ui-autocomplete-input {
    margin: 0;
    padding: 0;
}

.mainSearch .cboxQuarterWidth .ui-autocomplete-input, .userDetails .cboxQuarterWidth .ui-autocomplete-input, .paymentChoice .cboxQuarterWidth .ui-autocomplete-input {
    width: 178px;
}

.mainSearch .cboxSixthWidth .ui-autocomplete-input, .userDetails .cboxSixthWidth .ui-autocomplete-input, .paymentChoice .cboxSixthWidth .ui-autocomplete-input {
    width: 108px;
}

.mainSearch .savewin {
    left: 750px !important;
    top: 50px !important;
}

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

/* jquery.multiSelect.css  */
a.multiSelect {
    background: url(images/cboxBtn.png) right top no-repeat;
    border: solid 1px #BBB;
    margin: 0 -4px 0 1px;
    position: relative;
    float: right;
    cursor: pointer;
    text-decoration: none;
    color: black;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    height: 30px;
}

    a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active {
        color: black;
        text-decoration: none;
    }

    a.multiSelect span {
        margin: 0 30px 0 0;
        padding: 9px 0 0 0px !important;
        overflow: hidden;
        display: -moz-inline-stack;
        display: inline;
        white-space: nowrap;
        height: 18px !important;
        float: left;
    }

    a.multiSelect.hover {
        background-image: url(images/cboxBtn.png);
    }

    a.multiSelect.active, a.multiSelect.focus {
        border: inset 1px #000;
    }

    a.multiSelect.active {
        background-image: url(images/cboxBtn.png);
    }

.multiSelectOptions {
    margin-top: -1px;
    margin: 2px 0 0 -4px;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 1px #cac9cb;
    background: #FFF;
    font-size: 12px;
    color: #999999;
    padding: 5px 0;
    position: relative;
}

    .multiSelectOptions LABEL {
        padding: 0;
        height: 22px;
        display: block;
        white-space: nowrap;
    }

        .multiSelectOptions LABEL input {
        }

        .multiSelectOptions LABEL.optGroup {
            font-weight: bold;
        }

    .multiSelectOptions .optGroupContainer LABEL {
        padding-left: 10px;
    }

    .multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL {
        padding-left: 0px;
    }

    .multiSelectOptions input {
        vertical-align: middle;
    }

    .multiSelectOptions LABEL.checked {
        background-color: Transparent;
        color: #4a68a6;
        background-position: 5px -18px;
    }

    .multiSelectOptions LABEL.selectAll {
        border-bottom: dotted 1px #CCC;
    }

    .multiSelectOptions LABEL.hover {
        background-color: Transparent;
        color: #999999;
        background-position: 5px -18px;
        cursor: pointer;
    }
/* COOKIE POPUP*/
#cookiePopupWrap {
    width: 752px;
    height: 438px;
    background: url(images/cookiePopupBgr.png) 0 0 no-repeat;
    position: fixed;
    top: -99999px;
    left: -99999px;
    z-index: 999999;
}

    #cookiePopupWrap .cookiePopupClose {
        position: absolute;
        top: 8px;
        right: 7px;
        background: Transparent url(images/cookiePopupClose.png) 0 0 no-repeat;
        border: none;
        width: 31px;
        height: 31px;
        display: block;
    }

    #cookiePopupWrap .cookiePopupReg {
        position: absolute;
        bottom: 16px;
        left: 300px;
        width: 150px;
        height: 42px;
        line-height: 42px;
        background: #f8981d;
        border: solid 1px #e68d1b;
        color: #ffffff;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    #cookiePopupWrap .cookiePopupPerson {
        position: absolute;
        top: 1px;
        left: 1px;
        background: url(images/cookiePopupPerson.jpg) 0 0 no-repeat;
        width: 295px;
        height: 358px;
    }

    #cookiePopupWrap .cookiePopupText {
        font-size: 14px;
        color: #5475ba;
        float: right;
        width: 420px;
        padding-right: 20px;
    }

        #cookiePopupWrap .cookiePopupText h1 {
            font-size: 26px;
            font-weight: bold;
            padding: 50px 0 0 0;
        }

        #cookiePopupWrap .cookiePopupText p {
            padding: 20px 0 10px 0;
        }

        #cookiePopupWrap .cookiePopupText ul {
            list-style: none;
        }

            #cookiePopupWrap .cookiePopupText ul li {
                padding: 0 0 10px 18px;
                background: url(images/cookiePopupBullet.png) 0 2px no-repeat;
            }

/* PROMO POPUP*/
#promoPopupWrap {
    width: 752px !important;
    height: 500px !important;
    background: url(images/promoPopupBgr.png) 0 0 no-repeat;
}

    #promoPopupWrap .cookiePopupPerson {
        position: absolute;
        top: 1px;
        left: 1px;
        background: url(images/Mazars-porezni_savjetnik.png) 0 0 no-repeat;
        width: 295px;
        height: 389px;
    }

    #promoPopupWrap .cookiePopupText ul li {
        padding: 0 0 10px 18px;
        background: url(images/cookiePopupBullet.png) 0 2px no-repeat;
    }

    #promoPopupWrap .cookiePopupText {
        font-size: 14px;
        color: #5475ba;
        float: right;
        width: 410px;
    }

        #promoPopupWrap .cookiePopupText h1 {
            font-size: 26px;
            font-weight: bold;
            padding: 30px 0 0 0;
        }

        #promoPopupWrap .cookiePopupText p {
            padding: 20px 0 10px 0;
        }

        #promoPopupWrap .cookiePopupText ul {
            list-style: none;
        }

    #promoPopupWrap .promoPopupButtons {
        top: 420px;
        position: absolute;
    }

    #promoPopupWrap .promoPopupButton {
        background: #f8981d;
        border: solid 1px #e68d1b;
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        padding: 10px 20px 10px 20px;
    }
/*
#promoPopupWrap .cookiePopupClose {
	position: absolute;
	top: 8px;
	right: 7px;
	background: Transparent url(images/cookiePopupClose.png) 0 0 no-repeat;
	border: none;
	width: 31px;
	height: 31px;
	display: block;
}
#promoPopupWrap .cookiePopupReg {
	position: absolute;
	bottom: 16px;
	left: 300px;
	width: 150px;
	height: 42px;
	line-height: 42px;
	background: #f8981d;
	border: solid 1px #e68d1b;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}


*/
/* ***************** SOCIAL BOOKMARKS *****************/
#social_box {
    width: 40px;
    position: fixed;
    right: 0px;
    top: 260px;
    z-index: 99999;
    display: none;
    background-color: #fff;
    moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

#social_box_icons {
    width: 30px;
    float: left;
    /*display: none;*/
}

#social_box_clicker {
    width: 5px;
    height: 66px;
    background-color: #4a68a6;
    float: left;
    cursor: pointer;
}

    #social_box_clicker:hover {
        background-color: #4d6185;
        cursor: pointer;
    }

.social_icon_box {
    width: 24px;
    height: 24px;
    display: block;
    margin: 6px;
}

#social_box_top {
    width: 64px;
    height: 34px;
    position: absolute;
    right: 210px;
    top: -2px;
    z-index: 99999;
    display: none; /*background-color:#fff;*/ /*moz-box-shadow: 0 0 4px rgba(0,0,0,0.5);     -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);     box-shadow: 0 0 4px rgba(0,0,0,0.5);*/
}

#social_box_icons_top {
    width: 64px;
    float: left;
}

.social_icon_box_top {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin: 31px 2px 4px 5px;
}
/* ******************  VIDEO INSTRUCTIONS ****************** */
.staticPageHolder .video {
    width: 436px;
    float: left;
    position: relative;
    margin: 20px 0 0 28px;
    padding-bottom: 20px;
}

    .staticPageHolder .video h2 {
        margin: 0 !important;
        padding: 10px 0 !important;
        font-size: 16px !important;
        font-weight: normal !important;
        color: #4a68a6 !important;
    }
/* ************************** PASSWORD RECOVERY  ***************************** */
#resetPwdBox {
    width: 336px;
    height: 133px;
    position: absolute;
    background-color: #fff;
    moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    z-index: 400;
    display: none;
    top: 350px;
    left: 27px;
}

#resetPwdEmail {
    width: 205px;
    height: 24px;
    outline: none;
    position: absolute;
    top: 11px;
    left: 10px;
    color: #777777;
    font-size: 13px;
    padding-left: 3px;
    border: 1px solid #dedede;
}

#resetPwdBtn {
    width: 95px;
    height: 28px;
    position: absolute;
    top: 11px;
    left: 231px;
    line-height: 20px;
    background: #4e6cad;
    padding: 0 18px;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff !important;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

#resetPwdBox p {
    width: 313px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #777777;
    top: 49px;
    left: 10px;
}

    #resetPwdBox p a {
        text-decoration: none;
        color: #6778aa;
    }
/*= Usporedba paketa 
------------------------------------------------------------- */
.packageComparison, .packageComparisonExtended {
    margin: 20px 0 0 0;
}

    .packageComparison .stampMostPopular {
        background: url(images/stampMostPopular.png) 0 0 no-repeat;
        width: 128px;
        height: 37px;
        position: absolute;
        top: 94px;
        left: 412px;
        z-index: 9;
    }

    .packageComparisonExtended .stampMostPopular {
        background: url(images/stampMostPopular.png) 0 0 no-repeat;
        width: 128px;
        height: 37px;
        position: absolute;
        top: 80px;
        left: 310px;
        z-index: 9;
    }

.packageComparisonTableVisible, .packageComparisonTableHidden {
    width: 100%;
    float: left;
    margin: 0;
    color: #777777;
    font-size: 12px;
    border-right: solid 1px #d7d7d7;
}

.packageComparisonTableHidden {
    margin: 0;
    border-top: none;
}

    .packageComparisonTableVisible th, .packageComparisonTableVisible td, .packageComparisonTableHidden td {
        border-left: solid 1px #d7d7d7;
        text-align: center;
        vertical-align: middle;
        width: 141px !important;
    }

.packageComparisonExtended .packageComparisonTableVisible th, .packageComparisonExtended .packageComparisonTableVisible td, .packageComparisonExtended .packageComparisonTableHidden td {
    border-left: solid 1px #d7d7d7;
    text-align: center;
    vertical-align: middle;
    width: 169px !important;
}

.packageComparisonTableVisible th {
    border-top: solid 1px #d7d7d7;
}

.packageComparisonTableVisible tr.odd td, .packageComparisonTableHidden tr.odd td {
    background: #f3f3f3;
}

.packageComparisonTableVisible tr.even td, .packageComparisonTableHidden tr.even td {
    background: #fff;
}

.packageComparisonTableVisible tr.fee td {
    background: #e7efff;
    color: #464646;
    font-size: 14px;
    font-weight: bold;
}

    .packageComparisonTableVisible tr.fee td.descriptionItem {
        background: #e7efff;
        color: #464646;
        font-size: 12px;
        font-weight: normal;
    }

    .packageComparisonTableVisible tr.fee td span {
        font-size: 12px;
        font-weight: normal;
        color: #777777;
        text-decoration: line-through;
    }

.packageComparisonTableVisible th.premiumPackage, 
.packageComparisonTableVisible th.advancedPackage, 
.packageComparisonTableVisible th.basicPackage, 
.packageComparisonTableVisible th.basicPlusPackage, 
.packageComparisonTableVisible th.comboPackage, 
.packageComparisonTableVisible th.freePackage {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    vertical-align: top;
    padding-top: 25px;
}

.packageComparisonTableVisible th.premiumPackage {
    background: #c91c00 url(images/tableWatermarkPackagePremium.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.advancedPackage {
    background: #778f14 url(images/tableWatermarkPackageAdvanced.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.basicPlusPackage {
    background: #5e5ba3 url(images/tableWatermarkPackageBasic.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.basicPackage {
    background: #4a68a6 url(images/tableWatermarkPackageBasic.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.comboPackage {
    background: #cf4d40 url(images/tableWatermarkPackageCombo.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.freePackage {
    background: #ff9900 url(images/tableWatermarkPackageFree.png) center bottom no-repeat;
}

.packageComparisonTableVisible th.description {
    width: 206px !important;
    height: 60px;
    text-align: right;
    padding: 30px 25px 0 10px;
    color: #4a68a6;
    font-size: 16px;
    font-weight: bold;
}

.packageComparisonExtended .packageComparisonTableVisible th.description {
    height: 60px;
    text-align: right;
    padding: 30px 25px 0 10px;
    color: #4a68a6;
    font-size: 16px;
    font-weight: bold;
}

.packageComparisonTableVisible td.descriptionItem, .packageComparisonTableHidden td.descriptionItem {
    text-align: right;
    width: 206px !important;
}

.packageComparisonExtended .packageComparisonTableVisible td.descriptionItem, .packageComparisonExtended .packageComparisonTableHidden td.descriptionItem {
    text-align: right;
}

.packageComparisonTableVisible td.descriptionItem div, .packageComparisonTableHidden td.descriptionItem div {
    position: relative;
    padding: 15px 25px 15px 10px;
    width: 207px;
}

.packageComparisonExtended .packageComparisonTableVisible td.descriptionItem div, .packageComparisonExtended .packageComparisonTableHidden td.descriptionItem div {
    position: relative;
    padding: 15px 25px 15px 10px;
}

.packageComparisonTableVisible td.descriptionItem a.help, .packageComparisonTableHidden td.descriptionItem a.help {
    background: url(images/helpIcon02.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 15px;
    right: 5px;
    margin: 0;
    padding: 0;
    display: none;
}

.packageComparison .accordion, .packageComparisonExtended .accordion {
    float: left;
    padding: 0;
    font-size: 13px;
    width: 100%;
}

    .packageComparison .accordion li .packagesOptions, .packageComparisonExtended .accordion li .packagesOptions {
        position: absolute;
        bottom: 44px;
        left: 0;
        width: 957px;
        height: 123px;
    }

.packagesOptions td.tdBuyPremium, 
.packagesOptions td.tdBuyFull, 
.packagesOptions td.tdBuyBasic, 
.packagesOptions td.tdBuyBasicPlus, 
.packagesOptions td.tdBuyCombo, 
.packagesOptions td.tdRegister {
    padding: 10px 0;
}

    .packagesOptions td.tdRegister div {
        position: absolute;
        z-index: 10;
        width: 238px;
        text-align: center;
        padding: 13px 0 0;
        height: 35px;
        top: 30px;
        right: -55px;
        background: Transparent url(images/tooltipBgr.png) 0 0 no-repeat;
        font-size: 11px;
        color: #000;
    }

.packageComparison .accordion li .packagesOptions td.tdBuyPremium a, 
.packageComparison .accordion li .packagesOptions td.tdBuyFull a, 
.packageComparison .accordion li .packagesOptions td.tdBuyBasic a, 
.packageComparison .accordion li .packagesOptions td.tdBuyBasicPlus a, 
.packageComparison .accordion li .packagesOptions td.tdRegister a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyPremium a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyFull a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyBasic a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyBasicPlus a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyCombo a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdRegister a {
    position: relative;
    background: url(images/packageComparisonTableBtnBgr.png) 4px 0 no-repeat;
    width: 141px;
    height: 59px;
    line-height: 59px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    padding: 0;
}

.packageComparison .accordion li .packagesOptions td.tdBuyBasic a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyBasic a {
    background-position: 4px -59px;
}

.packageComparison .accordion li .packagesOptions td.tdBuyBasicPlus a,
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyBasicPlus a {
    background-position: 4px -236px;
}

.packageComparison .accordion li .packagesOptions td.tdRegister a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdRegister a {
    background-position: 4px -118px;
}

.packageComparison .accordion li .packagesOptions td.tdBuyPremium a, 
.packageComparisonExtended .accordion li .packagesOptions td.tdBuyPremium a {
    background-position: 4px -177px;
}

.packageComparison .accordion li a.moreLess, .packageComparison .accordion li a.active, .packageComparisonExtended .accordion li a.moreLess, .packageComparisonExtended .accordion li a.active {
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url(images/packageComparisonTableMoreLess.png) 0 0 no-repeat;
    display: block;
    width: 956px;
    height: 44px;
}

.packageComparison .accordion li a.active, .packageComparisonExtended .accordion li a.active {
    background-position: 0 -44px;
}

.packageComparison .accordion li, .packageComparisonExtended .accordion li {
    position: relative;
    padding: 0 0 167px;
    margin: 0;
    float: left;
    width: 100%;
}

    .packageComparison .accordion li ul.acitem, .packageComparisonExtended .accordion li ul.acitem {
        position: relative;
        top: 0;
        left: 0;
    }

        .packageComparison .accordion li ul.acitem li, .packageComparisonExtended .accordion li ul.acitem li {
            padding: 0;
        }

.submitTrial {
    width: 565px;
    height: 370px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 40px 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

    .submitTrial #errorTrialForm {
        position: absolute;
        z-index: 5;
        width: 505px;
        text-align: center;
        left: 20px;
        top: 222px;
        background: #ff0000;
    }

        .submitTrial #errorTrialForm p {
            color: #fff;
            padding: 8px 0;
            margin: 0;
        }

    .submitTrial #progressTrialForm, .submitTrial #responseTrialForm {
        background: Transparent url(images/ajax-loader2.gif) center 25px no-repeat;
        width: 465px;
        text-align: center;
        float: left;
        padding: 80px 0 0;
        margin: 0;
    }

    .submitTrial #responseTrialForm {
        background: none;
    }

        .submitTrial #progressTrialForm p, .submitTrial #responseTrialForm p {
            width: 100%;
            padding: 10px 0;
        }

    .submitTrial h2 {
        color: #4a68a6;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0;
    }

    .submitTrial p {
        padding: 0 0 15px;
    }

    .submitTrial .label {
        float: left;
        width: 120px;
        text-align: right;
        margin: 4px 5px 0 0;
        padding: 5px 0 0 0;
        font-size: 12px;
        color: #777777;
    }

    .submitTrial .tbox {
        float: left;
        height: 33px;
        background: url(images/tboxBgr.png) 0 0 no-repeat;
        padding: 0 0 0 5px;
        margin: 0 -1px 0 0;
        position: relative;
    }

        .submitTrial .tbox span {
            float: left;
            height: 23px;
            background: url(images/tboxBgr.png) right 0 no-repeat;
            padding: 5px 5px 5px 0;
        }

        .submitTrial .tbox input {
            color: #777777;
            border: none;
            background: Transparent;
            margin: 0;
            padding: 0 5px;
            height: 23px;
            font-size: 12px;
            font-family: Arial;
            width: 269px;
        }

    .submitTrial .tarea {
        float: left;
        width: 289px;
        height: 104px;
        padding: 5px;
        margin: 5px -1px 0 0;
        position: relative;
        background: url(images/tareaBgr02.png) 0 0 no-repeat;
    }

        .submitTrial .tarea textarea {
            width: 269px;
            height: 89px;
            background: Transparent;
            border: none;
            color: #777777;
            font-size: 12px;
            font-family: Arial, Helvetica, Sans-Serif;
            padding: 0 5px;
        }

    .submitTrial .submitTrialSubmit {
        float: right;
        margin: 0 153px 0 0;
    }

    .submitTrial input[type="submit"] {
        display: block;
        background: #f8981d;
        border: solid 1px #fed197;
        padding: 6px 20px;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

.blockageDetails {
    width: 940px !important;
    height: 630px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 40px 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;
}

    .blockageDetails h2 {
        color: #4a68a6;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0;
    }

    .blockageDetails h3 {
        padding: 0 0 10px 13px;
    }

    .blockageDetails .blockageChart {
        position: relative;
        width: 631px;
        float: left;
        height: auto;
        overflow: hidden;
    }

    .blockageDetails .blockagePeriodDummy {
        float: left;
        width: 100%;
        height: 23px;
        background: url(images/blockagePeriodDummyDelimiters.png) 0 bottom no-repeat;
        margin-bottom: 0;
        position: relative;
        z-index: 6;
    }

.blockagePeriodDummy .indicatorHolder {
    line-height: 19px;
    color: #666666;
    padding-left: 14px;
    float: left;
}

.blockageDetails .blockagePeriodDelimiters {
    background: url(images/blockagePeriodDelimiters.png) 25px bottom no-repeat;
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 631px;
    height: 65px;
    z-index: 5;
    margin-top: 4px;
}

.blockageDetails .blockagePeriod {
    float: left;
    width: 100%;
    height: 19px;
    background: #f3f3f3;
    margin-bottom: 4px;
}

    .blockageDetails .blockagePeriod.period90 {
        background: #f3f3f3 url(images/blockagePeriodTimeline.png) 0 bottom repeat-x;
    }

    .blockageDetails .blockagePeriod .indicatorHolder {
        float: left;
        width: 365px;
        height: 19px;
        position: relative;
    }

    .blockageDetails .blockagePeriod .indicator {
        position: absolute;
        top: 3px;
        height: 13px;
        background: #d6565b;
    }

.blockageDetails .label {
    float: left;
    height: 19px;
    line-height: 19px;
    padding-left: 12px;
    width: 147px;
}

.blockageDetails .days {
    float: right;
    height: 19px;
    line-height: 19px;
    padding-right: 12px;
}

    .blockageDetails .days span {
        height: 19px;
        line-height: 19px;
        font-size: 18px;
        font-weight: bold;
        width: 30px;
        display: inline-block;
        text-align: right;
    }

.blockageDetails .blockagePeriodDummy .days span {
    height: 19px;
    line-height: 19px;
    font-size: 18px;
    font-weight: normal;
    width: 30px;
    display: inline-block;
    text-align: right;
    color: #8c8c8c !important;
}

.blockageDetails .days span.blockage {
    color: #dc5d62;
}

.blockageDetails .days span.period {
    color: #4a68a6;
}

.blockageDetails .days span.slash {
    text-align: center;
    padding: 0 12px;
    width: 1px;
}

.blockageDetails .blockageDates {
    float: left;
    height: 20px;
    width: 100%;
}

    .blockageDetails .blockageDates div {
        float: left;
        text-align: center;
        font-size: 10px;
        color: #464646;
        width: 91px;
        height: 20px;
        line-height: 20px;
    }

        .blockageDetails .blockageDates div:first-child {
            margin-left: 110px;
        }

.blockageDetails .blockageChartDescription {
    float: left;
    height: 70px;
    width: 180px;
    margin: 0 0 0 20px;
    position: relative;
}

    .blockageDetails .blockageChartDescription .descDays, .blockageDetails .blockageChartDescription .descPeriod {
        position: absolute;
        height: 49px;
        text-align: center;
        font-size: 11px;
    }

    .blockageDetails .blockageChartDescription .descDays {
        line-height: 40px;
        color: #c53b41;
        background: url(images/blockageDescUp.png) 0 0 no-repeat;
        left: 10px;
        top: -30px;
        width: 120px;
    }

    .blockageDetails .blockageChartDescription .descPeriod {
        line-height: 60px;
        color: #4a68a6;
        background: url(images/blockageDescDn.png) 0 0 no-repeat;
        right: 0;
        bottom: -30px;
        width: 128px;
    }

    .blockageDetails .blockageChartDescription .days {
        margin: 27px 0 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        .blockageDetails .blockageChartDescription .days span {
            text-align: center;
            font-size: 26px;
            padding: 0 10px 0 0;
        }

            .blockageDetails .blockageChartDescription .days span.slash {
                padding: 0 20px;
            }

.blockageDetails .clearboth {
    clear: both;
    width: 100%;
    float: left;
    height: 15px;
}

.blockageDetails table {
    width: 830px;
    float: left;
    margin: 20px 0 0;
}

    .blockageDetails table tr th {
        background: #4a68a6;
        color: #fff;
        font-weight: bold;
        text-align: left;
        padding: 6px;
    }

    .blockageDetails table tr td {
        text-align: left;
        padding: 6px;
        border-bottom: solid 1px #c9cbcf;
    }

        .blockageDetails table tr th.number, .blockageDetails table tr td.number {
            text-align: right;
        }

    .blockageDetails table.blockages tr th:nth-of-type(1) {
        width: 50px;
    }

    .blockageDetails table.blockages tr th:nth-of-type(2), .blockageDetails table.blockages tr td:nth-of-type(2) {
        width: 140px;
        padding-left: 40px;
    }

    .blockageDetails table.blockages tr th:nth-of-type(3) {
        width: 120px;
    }

    .blockageDetails table.blockages tr th:nth-of-type(4) {
        width: 100px;
    }

    .blockageDetails table.blockages tr th:nth-of-type(5) {
    }

.blockageDetails .blockageDetailsScroller {
    float: left;
    width: 870px;
    height: 500px;
    padding: 10px 0;
    overflow-y: scroll;
}

.blockageDialogOpen {
    color: #666;
    font-size: 12px;
    float: right;
    margin-right: 24px;
    margin-top: 7px;
    cursor: pointer;
    text-decoration: underline;
}


.taxDeptDetails, 
.activityDescriptionDetails {
/*	width: 395px !important;
	height: 250px;*/
	float: left;
	background: url(images/foldedBottomWhite.png) bottom left no-repeat;
	border-top: solid 1px #edecec;
	border-right: solid 1px #edecec;
	margin: -200px 0 0;
	padding: 170px 40px 0;
	position: relative;
	color: #777;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	color: #777;
	font-size: 12px;
}

.taxDeptDetails {
    width: 395px !important;
    height: 250px;
}

.activityDescriptionDetails {
    width: 350px !important;
    /*height: 200px;*/
}
    .activityDescriptionDetails ul li {
        overflow-wrap: break-word;
        max-width: 85%;
    }


    .taxDeptDetails h2,
    .activityDescriptionDetails h2{
        color: #4a68a6;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0;
    }
    .taxDeptDetails .clearboth,
    .activityDescriptionDetails .clearboth {
        clear: both;
        width: 100%;
        float: left;
        height: 15px;
    }

    .taxDeptDetails ul li, 
    #radarTooltip ul li, 
    .activityDescriptionDetails ul li {
        clear: both;
    }

        .taxDeptDetails ul li span.text,
        #radarTooltip ul li span.text,
        .activityDescriptionDetails ul li span.text {
            display: inline-block;
            float: left;
            margin-right: 5px;
        }

            .taxDeptDetails ul li span.number,
            #radarTooltip ul li span.number,
            .activityDescriptionDetails ul li span.number {
                display: inline-block;
                float: right;
                text-align: right;
            }





.exSubsidiaries, .currentSubsidiaries {
    color: #777777;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0 5px 0;
    margin: 0 30px;
    width: 888px;
    border-bottom: 1px dashed #999;
}

.exConnected, .currentConnected {
    border-bottom: 1px solid #e5e5e5;
    color: #777777;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 15px 0 13px;
    padding: 0 0 2px 2px;
    width: 270px;
}

.cardsConnecting {
    width: 950px;
    float: left;
    background: url(images/foldedBottom.png) bottom left no-repeat;
    border-top: solid 1px #c8c6c5;
    border-right: solid 1px #c8c6c5;
    margin: 0;
    padding: 0 0 15px 0;
    margin-top: 30px;
}

    .cardsConnecting p {
        margin: 20px;
        padding: 0 0 10px 42px;
        font-size: 12px;
        color: #777777;
        background: Transparent url(images/ajax-loader2.gif) 0 0 no-repeat;
    }
/*LAYOUT*/
#SpiderIframeWrap {
    width: 950px;
    height: 900px;
    margin: 0 auto 0 auto;
}

#SpiderIframe {
    width: 950px;
    height: 900px;
    border: none;
    margin: 0 auto 0 auto;
    overflow: hidden;
}

#spider_wrap, #spider_params, #spider {
    width: 958px;
    //height: 795px;
    float: left;
}

.fullScreenWindow #spider_wrap, .fullScreenWindow #spider_params, .fullScreenWindow #spider {
    width: 100%;
}

#spider {
    display: none;
    overflow: hidden;
}
/* OSOBA DETALJNO */

.personInfo {
    position: relative;
}

    .personInfo .personFollow {
        border-right: solid 1px #d4d4d4;
        width: 63px;
        margin: 5px 10px -15px 0;
        padding: 0 10px 10px 0;
        float: left;
        font-size: 10px;
        text-align: center;
    }

    .personInfo span#personFollowBtn {
        position: relative;
        top: 0;
        left: 3px;
    }

span#personFollowBtn.follow a {
    display: block;
    width: 63px;
    height: 33px;
    background: url(images/iconFollowingPerson.png) 0 0 no-repeat;
    margin: 5px 0 0 0;
}

span#personFollowBtn.unfollow a {
    display: block;
    width: 63px;
    height: 33px;
    background: url(images/iconFollowingPerson.png) 0 -33px no-repeat;
    margin: 5px 0 0 0;
}

.personInfo .personFollow span.follow {
}

.personInfo .personFollow .facebookLink, .personInfo .personFollow .linkedinLink {
    float: left;
    width: 18px;
    height: 18px;
}

.personInfo .personFollow .facebookLink {
    background: url(images/facebookM.png) 0 0 no-repeat;
    margin: 12px 0 0 12px;
}

.personInfo .personFollow .linkedinLink {
    background: url(images/linkedinM.png) 0 0 no-repeat;
    margin: 12px 0 0 8px;
}

.personInfo .facebookLink a, .personInfo .linkedinLink a {
    width: 18px;
    height: 18px;
    display: block;
}

.personInfo div.cpt {
    color: #777777;
    font-size: 12px;
    padding: 7px 0 7px 0;
    float: left;
}

    .personInfo div.cpt div span.name {
        font-size: 15px;
        padding-right: 10px;
        text-transform: uppercase;
        font-weight: bold;
    }

.personInfo .connections.firstRow, .personInfo .connections.secondRow {
    padding: 5px 0 0;
    float: left;
    clear: left;
}

    .personInfo .connections.firstRow li, .personInfo .connections.secondRow li {
        display: inline-block;
        margin-right: 10px;
        width: 130px;
    }

.sshotPopup {
    width: 1040px !important;
    height: 630px; /* rjesiti dinamicki */
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 0 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;
}

    .sshotPopup h2 {
        color: #4a68a6;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0;
        margin: 0 0 0 30px;
    }

    .sshotPopup .packagesAvailability {
        float: left;
        margin: 10px 30px 20px;
        width: 970px;
        height: 68px;
        position: relative;
    }

        .sshotPopup .packagesAvailability a.packageComparisonLink {
            float: right;
            color: #4a68a6;
            text-decoration: none;
            text-align: center;
            font-size: 12px;
            height: 36px;
            line-height: 36px;
            display: block;
            background: url(images/tabsBgr.png) 1px 0 no-repeat;
            padding: 0 0 0 20px;
            margin-top: 17px;
        }

            .sshotPopup .packagesAvailability a.packageComparisonLink span {
                height: 36px;
                line-height: 36px;
                display: block;
                background: url(images/tabsBgr.png) right 0 no-repeat;
                padding: 0 20px 0 0;
                cursor: pointer;
            }

        .sshotPopup .packagesAvailability .availability {
            float: left;
            width: 125px;
            height: 32px;
            background: url(images/ss_AvailabilityBgr.png) right 0 no-repeat;
            margin-right: 20px;
            position: relative;
            font-size: 12px;
            font-weight: bold;
            color: #464646;
            text-transform: uppercase;
            padding: 14px 25px 22px 15px;
        }

        .sshotPopup .packagesAvailability .packageTitle {
            /* width: 100%; */
            padding: 5px;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;
            display: block;
            margin-top: 8px;
        }

        .sshotPopup .packagesAvailability .packagePrice {
            width: 100%;
            color: #fff;
            /*text-align: center;*/
            font-size: 12px;
            font-weight: bold;
            display: block;
            margin-left: 13px;
        }



        .sshotPopup .packagesAvailability .packagePremium,
        .sshotPopup .packagesAvailability .packageAdvanced,
        .sshotPopup .packagesAvailability .packageBasicPlus,
        .sshotPopup .packagesAvailability .packageBasic {
            float: left;
            width: 146px;
            height: 68px;
            margin-right: 14px;
            position: relative;
        }

            .sshotPopup .packagesAvailability .packageAdvanced .packagePrice,
            .sshotPopup .packagesAvailability .packageBasic .packagePrice {
                margin-left: 15px;
            }

        .sshotPopup .packagesAvailability .packagePremium {
            background: #778f14 url(images/ss_PremiumBgr.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageAdvanced {
            background: #4a68a6 url(images/ss_AdvancedBgr.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageBasicPlus {
            background: #c91c00 url(images/ss_BasicPlusBgr.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageBasic {
            background: #c91c00 url(images/ss_BasicBgr.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .disabled {
            background-position: 0 -68px;
        }

        .sshotPopup .packagesAvailability div a {
            width: 65px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            color: #fff;
            font-weight: bold;
            font-size: 12px;
            text-decoration: none;
            position: absolute;
            right: -10px;
            bottom: -15px;
            background: Aqua;
        }

        .sshotPopup .packagesAvailability .packagePremium a {
            background: url(images/ss_PremiumBuy.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageAdvanced a {
            background: url(images/ss_AdvancedBuy.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageBasicPlus a {
            background: url(images/ss_BasicPlusBuy.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .packageBasic a {
            background: url(images/ss_BasicBuy.png) 0 0 no-repeat;
        }

        .sshotPopup .packagesAvailability .disabled a {
            background-position: 0 -38px;
            cursor: default;
        }

    .sshotPopup .sshotPopupScroller {
        float: left;
        width: 988px;
        height: 400px; /* rjesiti dinamicki */
        margin: 10px 0 0 30px;
        overflow-y: scroll;
        overflow-x: auto;
        padding-bottom: 30px;
    }

.dialogFixed {
    position: fixed !important;
}
/* porezni dug tooltip */
#taxDebtTooltip, #radarTooltip, #activityDescriptionTooltip {
    background: #fff;
    border: solid 1px #999999;
    padding: 5px;
    font-size: 11px;
    color: #000;
}

    #taxDebtTooltip ul li, #radarTooltip ul li {
        clear: both;
    }

        #taxDebtTooltip ul li span.text, #radarTooltip ul li span.text {
            display: inline-block;
            float: left;
            margin-right: 5px;
        }

        #taxDebtTooltip ul li span.number, #radarTooltip ul li span.number {
            display: inline-block;
            float: right;
            text-align: right;
        }

/* detaljno o poduzecu - dionice */
.companyDetailsSharesInfo {
	width: 612px;
	color: #777777;
	font-size: 11px;
	margin-top: 10px;
	padding-bottom: 4px;
	float: left;
}

    .companyDetailsSharesInfo tr td {
        padding: 2px 0;
    }

        .companyDetailsSharesInfo tr td span {
            font-size: 12px;
        }

            .companyDetailsSharesInfo tr td span.excluded {
                color: #cb3727;
            }

/* detaljno o poduzecu - plaćanja iz državnog proračuna */
.companyDetailsbudgetBySupliersInfo {
    width: 612px;
    color: #777777;
    font-size: 11px;
    margin-top: -23px;
    padding-bottom: 4px;
    float: left;
}

    .companyDetailsbudgetBySupliersInfo tr td {
        padding: 2px 0;
        float: right;
    }

        .companyDetailsbudgetBySupliersInfo tr td span {
            font-size: 11px;
        }

/* detaljno o poduzecu - pregled predstečajnih i tražbina u postupku inzvaredne uprave */
.companyDetailsClaimsInfo {
    width: 612px;
    color: #777777;
    font-size: 11px;
    margin-top: -23px;
    padding-bottom: 4px;
    float: left;
}

.companyDetailsClaimsInfo tr td {
        padding: 2px 0;
        float: right;
    }

.companyDetailsClaimsInfo tr td span {
        font-size: 11px;
    }


p.sharesSource {
    float: left;
    margin: -10px 0 0;
    padding: 0;
    font-size: 11px;
    color: #777777;
}

    p.sharesSource span {
        font-weight: bold;
    }

a.otherLink {
    color: silver;
}

.listSpaced li {
    padding-bottom: 4px;
}




/* Radari u listi natjecaja */
.radarInfo.procurementsList {
    float: left;
    /* width: 100%; */
    padding: 10px 5px 5px 15px;
    box-sizing: border-box;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

.procurementCollapsedWrapper {
    float: left;
    clear: left;
    padding-right: 10px;
    box-sizing: border-box;
    width: 623px;
    margin: 0 10px;
    border-bottom: solid 1px #dcdcdc;
}

    .procurementCollapsedWrapper:first-child {
        border-top: solid 1px #dcdcdc;
    }

span.name.expandedName, span.name.collapsedName {
    font-size: 17px;
    font-weight: bold;
    color: #F8981D;
    float: left;
    margin: 3px 0 0;
}

span.name.collapsedName {
    color: #4A68A6;
}

span.name.dateCreated, .procurementRadar {
    float: right;
}

span.name.dateCreated {
    font-size: 11px;
    color: #666666;
    text-align: right;
    margin: 7px 10px 0 0;
}

.procurementRadar {
    width: 10px;
    height: 10px;
    background: url(images/deleteIcon.png) 0 0 no-repeat;
    cursor: pointer;
    margin-top: 9px;
}

.procurementsListTable {
    margin: 0 !important;
}

    .procurementsListTable tr:last-child td {
        border-bottom: 0 !important;
    }

    .procurementsListTable th:nth-of-type(1) {
        width: 220px;
    }

    .procurementsListTable th:nth-of-type(2) {
        width: 80px;
    }

    .procurementsListTable th:nth-of-type(3) {
        width: 130px;
    }

    .procurementsListTable th:nth-of-type(4) {
        width: 90px;
    }

.procurementsListTable2 th:nth-of-type(1) {
    width: 60px;
}

.procurementsListTable2 th:nth-of-type(2) {
    width: 170px;
}

.procurementsListTable2 th:nth-of-type(3) {
    width: 90px;
}

.procurementsListTable2 th:nth-of-type(4) {
    width: 130px;
}

.procurementsListTable2 th:nth-of-type(5) {
    width: 110px;
}

.EmptySubjectList.radarList {
    clear: both !important;
    color: #444444 !important;
    float: left !important;
    font-size: 12px !important;
    margin: 0 28px 10px !important;
}
/* ikona radara */
.test {
    background: url(images/followUnfollowRadar.png) 0 0 no-repeat;
}

td.noUnderlineGrey a {
    font-size: 12px;
    color: #777777;
    text-decoration: none;
    text-transform: uppercase;
}

/* europa */
.mainSearch .tabs {
    float: left;
    width: 100%;
    padding: 7px 15px 7px 0;
    box-sizing: border-box;
}

    .mainSearch .tabs ul {
        list-style: none;
        background: url(images/grayBorder.png) center center repeat-x;
        float: left;
        width: 100%;
    }

    .mainSearch .tabs li {
        display: inline-block;
        float: left;
        height: 36px;
        line-height: 34px;
        margin: 0 2px 0 0;
    }

        .mainSearch .tabs li a {
            background: url(images/searchBoxTabsBgr.png) 1px 0 no-repeat;
            color: #777;
            display: block;
            font-size: 12px;
            height: 36px;
            padding: 0 0 0 20px;
            text-align: center;
            text-decoration: none;
        }

            .mainSearch .tabs li a.selected {
                color: #ffffff;
                background: url(images/tabsBgr.png) 1px -63px no-repeat;
            }

            .mainSearch .tabs li a span {
                background: url(images/searchBoxTabsBgr.png) right 0 no-repeat;
                cursor: pointer;
                display: block;
                height: 36px;
                padding: 0 16px 0 0;
            }

	/* Special case. Added ".fix-gray-backrgound" class to precisely fix particular background */
	.mainSearch .tabs.fix-gray-backrgound li a span {
		background-color: #F7F7F7 !important;
	}

.mainSearch .tabs li a.selected span {
	background: url(images/tabsBgr.png) right -63px no-repeat;
}

.mainSearch .europeInfo {
    width: 455px;
    height: 104px;
    background: url(images/peopleListBgr.png) 0 0 no-repeat;
    position: absolute;
    top: 50px;
    right: 11px;
}

    .mainSearch .europeInfo div {
        float: left;
        background: url(images/iconIbi.png) 18px 19px no-repeat;
        padding: 9px 10px 20px 70px;
        width: 240px;
    }

        .mainSearch .europeInfo div h1 {
            font-size: 15px;
            font-weight: bold;
            color: #666;
            width: 230px;
        }

        .mainSearch .europeInfo div p {
            color: #666;
            font-size: 12px;
        }

            .mainSearch .europeInfo div p.subscriber {
                width: 100%;
                padding-top: inherit;
                text-transform: uppercase;
                font-size: 10px;
                font-weight: bold;
            }

                .mainSearch .europeInfo div p.subscriber label {
                    font-size: 24px;
                    color: #4a68a6;
                }

            .mainSearch .europeInfo div p a.more {
                color: #4c68a6;
                text-decoration: none;
                padding: 0 15px 0 0;
                background: url(images/linkMoreArrow.png) right 4px no-repeat;
                cursor: pointer;
            }

/*    .mainSearch .europeInfo .reportLinks {
        display: none;
    }*/

    .mainSearch .europeInfo .fullReportLinks {
        /* presume this is visible by default */
    }

    .mainSearch .europeInfo a.reportExample,
    .foreignReportsPackagesExamples a.reportExample {
        float: right;
        padding: 30px 0 0;
        background: url(images/iconExportPdfSearch.png) 15px 4px no-repeat;
        text-align: center;
        font-size: 10px;
        color: #666;
        text-decoration: none;
        margin: 10px 20px 10px 0px;
        width: 45px;
        display: block;
        line-height: 10px;
    }

.europeSearchResults {
    width: 950px;
    margin: 20px 0 20px 7px;
    float: left;
    background: #ffffff;
    border-top: solid 1px gainsboro;
}

    .europeSearchResults .collapsedWrapper {
        border-bottom: 1px solid gainsboro;
        float: left;
        width: 950px;
    }

        .europeSearchResults .collapsedWrapper div {
            float: left;
            font-size: 12px;
            color: #666;
            padding: 5px;
            line-height: 150%;
        }

            .europeSearchResults .collapsedWrapper div span {
                
                font-weight: bold;
                margin-right: 5px;
                display: inline-block;
            }

        .europeSearchResults .collapsedWrapper .companyName {
            width: 500px;
            margin: 0;
        }

        .europeSearchResults .collapsedWrapper .address {
            width: 280px;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: -2px;
        }

        .europeSearchResults .collapsedWrapper .mb, .europeSearchResults .collapsedWrapper .vat {
            width: auto;
            float: right;
            margin-top: -2px;
        }

        .europeSearchResults .collapsedWrapper .singleResultSecondRow {
            background: #f8f8f8;
            border-top: solid 1px gainsboro;
            width: 940px;
            position: relative;
            min-height: 58px;
        }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow.hidden {
                display: none;
            }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow .activity {
                padding-left: 20px;
                width: 480px;
            }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow .vat {
                float: left;
                clear: left;
                padding-left: 20px;
            }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow .downloadLink {
                display: inline-flex;
                position: absolute;
                top: 0;
                right: 0px;
                padding: 2px;
                width: initial;
                border: none;
            }

            .europeSearchResults .collapsedWrapper .singleResultSecondRow .downloadLink:hover {
                background: initial;
            }

                .europeSearchResults .collapsedWrapper .singleResultSecondRow .downloadLink a {
                    display: inline-block;
                    padding: 30px 3px;
                    background: url(images/iconExportPdfSearch.png) 19px 4px no-repeat;
                    text-align: center;
                    font-size: 10px;
                    color: #666;
                    text-decoration: none;
                    width: 60px;
                    display: block;
                    line-height: 10px;
                }


        .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a.expanded {
            color: #f8981d;
        }

            .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a.expanded:before {
                content: "-";
                float: left;
                display: block;
                margin: -2px 5px 0 -20px;
                font-size: 25px;
            }

        .europeSearchResults .collapsedWrapper .companyName a, .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a.collapsed {
            padding: 0 0 0 20px;
            font-size: 17px;
            font-weight: bold;
            color: #4a68a6;
            background: none;
            text-decoration: none;
            width: auto;
            height: auto;
            cursor: pointer;
        }

            .europeSearchResults .collapsedWrapper .companyName a:before, .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a.collapsed:before {
                content: "+";
                float: left;
                display: block;
                margin: 0 5px 0 -20px;
                font-size: 25px;
            }


        .europeSearchResults .collapsedWrapper .singleResult, .europeSearchResults .collapsedWrapper .singleResultFirstRow {
            padding: 0;
            width: 100%;
        }

.cofaceDetails {
    width: 640px !important;
    height: 400px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 40px 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;
}

.scroller {
    float: left;
    width: 633px;
    height: 320px !important;
    padding: 10px 0;
    margin-top: 30px;
    overflow-y: auto;
}

.cofaceDetails .cofaceReportInfo {
    position: relative;
    float: right;
    margin: 0;
    width: 192px;
    color: #4a68a6;
}

    .cofaceDetails .cofaceReportInfo .descReportLeft, .cofaceDetails .cofaceReportInfo .descReportTotal {
        position: absolute;
        height: 49px;
        text-align: center;
        font-size: 11px;
    }

    .cofaceDetails .cofaceReportInfo .descReportLeft {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -55px;
        line-height: 40px;
        background: url(images/cofaceReportsDn.png) 0 0 no-repeat;
        width: 90px;
    }

    .cofaceDetails .cofaceReportInfo .descReportTotal {
        position: absolute;
        top: 70px;
        right: 50%;
        margin-right: -59px;
        line-height: 60px;
        background: url(images/cofaceReportsUp.png) 0 0 no-repeat;
        width: 78px;
    }

    .cofaceDetails .cofaceReportInfo .reports {
        margin: 45px 0 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        .cofaceDetails .cofaceReportInfo .reports span {
            text-align: center;
            font-size: 26px;
            font-weight: bold;
            padding: 0;
            display: inline-block;
            width: 82px;
        }

            .cofaceDetails .cofaceReportInfo .reports span.reportLeft {
                text-align: right;
            }

            .cofaceDetails .cofaceReportInfo .reports span.slash {
                width: 20px;
            }

            .cofaceDetails .cofaceReportInfo .reports span.reportTotal {
                text-align: left;
            }

.cofaceDetails .source {
    font-size: 16px;
}

    .cofaceDetails .source label {
        font-weight: bold;
    }

.cofaceDetails .cofaceDetailsItem {
    max-width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    clear: left;
}

.cofaceDetails .cofaceLogo {
    position: absolute;
    bottom: 20px;
    right: 60px;
    width: 90px;
    height: 30px;
    background: url(images/cofaceLogo.png) 0 0 no-repeat;
}

.regionSiValuta {
    color: #777777;
    text-align: right;
    margin-top: 10px;
    font-size: 12px;
    margin-right: 15px;
    margin-bottom: -5px;
}

.regionSiLogo {
    width: 140px;
    height: 13px;
    background: url(images/region_ebonitete_si.png) 33px 0 no-repeat;
    float: right;
    color: #777777;
    font-size: 12px;
    margin-right: 15px;
    margin-bottom: -30px;
    padding-top: 7px;
    margin-top: 10px;
}

.regionMeLogo {
    width: 140px;
    height: 13px;
    background: url(images/region_bi_consulting_me3.png) 33px 0 no-repeat;
    float: right;
    color: #777777;
    font-size: 12px;
    margin-right: 15px;
    margin-bottom: -30px;
    padding-top: 28px;
    margin-top: 0px;
}

.regionRsLogo {
    width: 140px;
    height: 13px;
    background: url(images/region_cube_rs_104_b_px.png) 33px 0 no-repeat;
    float: right;
    color: #777777;
    font-size: 12px;
    margin-right: 15px;
    margin-bottom: -30px;
    padding-top: 43px;
    margin-top: 0px;
}


#traziPoduzeca a.docType.pdf {
    display: block;
    background: url(images/pdficon_small.png) 0 4px no-repeat;
    padding: 20px 0px 0px 0px;
    margin: -5px 0px -1px 10px;
}


.cofaceDetails .btns {
    position: absolute;
    left: 40px;
    bottom: 40px;
    list-style: none;
}

    .cofaceDetails .btns li {
        display: inline-block;
        float: left;
        margin-right: 8px;
        height: 50px;
        line-height: 50px;
    }

        .cofaceDetails .btns li a {
            display: block;
            height: 50px;
            line-height: 50px;
            font-size: 12px;
            text-decoration: none;
            color: #666;
            padding: 0 15px 0 30px;
            border: solid 1px #d7d7d7;
            background: #fafafa;
            background: -moz-linear-gradient(top, #fafafa 0%, #f1f1f1 47%, #ffffff 100%);
            background: -webkit-linear-gradient(top, #fafafa 0%,#f1f1f1 47%,#ffffff 100%);
            background: linear-gradient(to bottom, #fafafa 0%,#f1f1f1 47%,#ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );
        }

            .cofaceDetails .btns li a span {
                width: 26px;
                height: 29px;
                display: inline-block;
                float: left;
                margin: 10px 5px 0 5px;
            }

            .cofaceDetails .btns li a.download span {
                background: url(images/iconDnlReport.png) 0 0 no-repeat;
            }

            .cofaceDetails .btns li a.cancel span {
                background: url(images/iconCancelDnlReport.png) 0 0 no-repeat;
            }

.cofaceDetails .unsubscriber {
    padding: 0 0 0 100px;
    float: left;
    width: 540px !important;
    min-height: 250px;
    background: url(images/resultNoDataBgr.png) -20px 20px no-repeat;
    position: relative;
}

    .cofaceDetails .unsubscriber h1 {
        color: #4a68a6;
        padding: 30px 0 20px;
    }

    .cofaceDetails .unsubscriber p {
        font-size: 13px;
        max-width: 380px;
    }

        .cofaceDetails .unsubscriber p a.more {
            color: #4a68a6;
            font-weight: bold;
            text-decoration: none;
            display: inline-block;
            padding-right: 15px;
            background: url(images/linkMoreArrow.png) right 7px no-repeat;
            height: 20px;
            line-height: 20px;
        }

    .cofaceDetails .unsubscriber a.reportExample {
        background: rgba(0, 0, 0, 0) url("images/iconExportPdfSearch.png") no-repeat scroll 15px 4px;
        color: #666;
        display: block;
        float: right;
        font-size: 10px;
        line-height: 10px;
        padding: 30px 0 0;
        text-align: center;
        text-decoration: none;
        width: 50px;
        position: absolute;
        right: 50px;
        top: -6px;
    }

        .cofaceDetails .unsubscriber a.reportExample.hrv {
             right: 50px;
        }

        .cofaceDetails .unsubscriber a.reportExample.engl {
            right: 121px;
        }


    .cofaceDetails .unsubscriber ul.contact {
        position: absolute;
        top: 190px;
        left: 100px;
        list-style: none;
        font-size: 25px;
        font-weight: bold;
    }

        .cofaceDetails .unsubscriber ul.contact li {
            display: block;
            float: left;
            clear: both;
            height: 40px;
            background: none !important;
        }

            .cofaceDetails .unsubscriber ul.contact li.phone a, .cofaceDetails .unsubscriber ul.contact li.mail a {
                padding-left: 30px;
                color: #777;
                text-decoration: none;
            }

            .cofaceDetails .unsubscriber ul.contact li.phone a {
                background: url("images/iconPhoneBig.png") 0 3px no-repeat;
            }

            .cofaceDetails .unsubscriber ul.contact li.mail a {
                background: url("images/iconMailBig.png") 0 3px no-repeat;
            }

h1.cofaceError {
    color: #4a68a6;
    margin-top: -15px;
    margin-bottom: 20px;
}

.foreignReportsPackages .check input {
    width: 28px;
    height: 28px;
}

.foreignReportsPackages .check .ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.foreignReportsPackages .check .ez-checkbox {
    background: Transparent url(images/checkBig.png) 0 1px no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    float: left;
}

.foreignReportsPackages .check .ez-checked {
    background-position: 0 -31px;
}

.foreignReportsPackages .check .ez-radio {
    background: Transparent url(images/radioBig.png) 3px 3px no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    float: none;
}

.foreignReportsPackages .check .ez-checked {
    background-position: 0 -31px;
}

.foreignReportsPackages .check .ez-selected {
    background-position: 3px -26px;
}

.foreignReportsPackages .check .ez-checkbox {
    zoom: 1;
    display: inline;
    _height: 32px;
}

.foreignReportsPackages {
    float: left;
    width: 897px;
    margin: 10px 0 30px 30px;
    border: solid 1px #d7d7d7;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    text-align: center;
}

    .foreignReportsPackages td, .foreignReportsPackages th {
        padding: 15px 0;
        border-left: solid 1px #d7d7d7;
        border-top: solid 1px #d7d7d7;
    }

    .foreignReportsPackages td {
        padding: 5px 0;
    }

    .foreignReportsPackages th {
        background: #4a68a6;
        color: #fff;
        border-top: none;
    }

    .foreignReportsPackages tr td:first-child, .foreignReportsPackages tr th:first-child {
        border-left: none;
    }
    .foreignReportsPackages tr:nth-of-type(2n) td {
        background: #f3f3f3;
    }

.foreignReportsPackagesExamples {
    position: absolute;
    right: 8px;
    margin-top: -76px;
}


#pdv-modal .pdvCheckModal, #blockage-modal .blockageCheckModal {
    width: 640px !important;
    height: 400px;
    float: left;
    background: url(images/foldedBottomWhite.png) bottom left no-repeat;
    border-top: solid 1px #edecec;
    border-right: solid 1px #edecec;
    margin: -200px 0 0;
    padding: 170px 40px 0;
    position: relative;
    color: #777;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #777;
    font-size: 12px;
}
#pdv-modal .pdvCheckModal .pdvCheckInfo p {
        width: 340px;
        float: right;
        margin: 20px 40px 0 0;
        font-size: 16px;
        line-height: 150%;
}

#blockage-modal .blockageCheckInfo  {
        margin: 31px 40px 0 0;
        font-size: 16px;
        line-height: 150%;
}

#pdv-modal .pdvCheckModal .pdvCheckReport p,  #blockage-modal .blockageCheckModal .pdvCheckReport p {
    float: left;
    margin: 31px 40px 0 0;
    font-size: 16px;
    line-height: 150%;
}
#pdv-modal .pdvCheckModal .pdvCheckReport p span, #blockage-modal .blockageCheckModal .pdvCheckReport p span {
    /* font-weight: bold; */
    font-size: 14px;
}
#pdv-modal .pdvCheckModal .pdvCheckInfo p a, #blockage-modal .blockageCheckModal .pdvCheckReport p a {
    color: #4a68a6;
}
#pdv-modal .preparingFileLoader, #blockage-modal .preparingFileLoader{
    background: Transparent url(images/ajax-loader2.gif) center top no-repeat;
    height: 80px;
    width: 100%;
    position: absolute;
    z-index: 2;
    left: -20px;
    top: 300px;
    text-align: center;
    color: #4a68a6;
    font-size: 14px;
    padding-top: 60px;
}
#pdv-modal .tbox, #blockage-modal .tbox {
    margin-top: 20px;
}
#pdv-modal .hasDatepicker {
    padding-top: 0;
    width: 192px;
    float: left;
}
#pdv-modal .buttonHolder, #blockage-modal .buttonHolder {
    position: absolute;
    top: 445px;
    left: 40px;
    width: 210px;
    text-align: center;
}
    #pdv-modal .buttonHolder input,
    #blockage-modal .buttonHolder input,
    .resultNoDataMessage .buttonHolder input {
        border: none;
        background: Transparent url(images/checkSubmitBgr.png) 0 0 no-repeat;
        width: 116px;
        height: 36px;
        line-height: 33px;
        margin: 0;
        padding: 0 0 0 40px;
        cursor: pointer;
        color: #fff;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
    }
#pdv-modal .buttonHolder input:hover, #blockage-modal .buttonHolder input:hover  {
    background-position: 0 -40px;
    color: #4a68a6;
} 
.pdvCheckModal .ui-datepicker {
    margin: 3px 0 0 1px;
    padding: 0 0 5px;
    background-image: none !important;
    border: solid 1px #dedede;
    width: 207px;
}

.pdvReportInfo {
    position: absolute;
    right: 50px;
    bottom: 90px;
    width: 194px;
    color: #4a68a6;
}

    .pdvReportInfo .descReportLeft, .pdvReportInfo .descReportTotal {
        position: absolute;
        height: 49px;
        text-align: center;
        font-size: 11px;
    }

.pdvReportInfo .descReportLeft {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -65px;
    line-height: 40px;
    background: url(images/pdvReportsDn.png) 0 0 no-repeat;
    width: 116px;
}

    .pdvReportInfo .descReportTotal {
        position: absolute;
        top: 70px;
        right: 50%;
        margin-right: -59px;
        line-height: 60px;
        background: url(images/pdvReportsUp.png) 0 0 no-repeat;
        width: 78px;
    }

    .pdvReportInfo .reports {
        margin: 45px 0 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        .pdvReportInfo .reports span {
            text-align: center;
            font-size: 26px;
            font-weight: bold;
            padding: 0;
            display: inline-block;
            width: 82px;
        }

            .pdvReportInfo .reports span.reportLeft {
                text-align: right;
            }

.pdvReportInfo .reports span.slash {
    width: 20px;
}

            .pdvReportInfo .reports span.reportTotal {
                text-align: left;
            }

/* Style the back-to-top floating button */
.sf-back-to-top {
    background-color: #4a68a6; /* #50A1CB; */ /* button color */
    color: white; /* text/arrow color */ 
    display: none;
    z-index: 999;
    /* float in bottom right corner */
    /* 20 pixels from edge */
    position: fixed;
    right: 20px;
    bottom: 20px;
    /* size of button is 50 pixels*/
    width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    /* round button */
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

a.sf-back-to-top {
    font-size: 40px;
    text-align: center;
    text-decoration: none;
    line-height: 0px;
    padding-top: 30px;
    font-family: initial;
}

a.blockageCheckBtn {
    width: 82px;
    display: block;
    float: left;
    position: relative;
    top: 20px;
    left: 50%;
    margin: 10px 0 0 -41px;
    font-size: 11px;
    line-height: 11px;
    color: #4a68a6;
    text-decoration: none;
    padding: 5px 12px 7px 29px;
    box-sizing: border-box;
    background: Transparent url(images/blockageCheckBgr.png) 0 0 no-repeat;
}

#oneColumnTabContent a.externalLink {
    color: #4a68a6;
    font-weight: bold;
    background: url(images/linkMoreArrow.png) right 5px no-repeat;
    padding: 0 14px 0 0;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    right: 35px;
    top: 62px;
    z-index: 1;
}

.right_check
{
    position: absolute;
    margin-left: 742px;
    margin-top: -33px;
    color: #666;
}

.right_check > .ez-checkbox
{
    background: transparent url(images/check.png) 0 0px no-repeat;
    display: inline-block;
    float: left;
    margin-left: 2px;
    width: 23px;
}

.right_check > .ez-checked
{
    background-position: 0 -18px;
}

.right_check span
{
    font-size: 12px;
}


/* --------------------------
	Details  \ "Ostalo" tab 
	-------------------------- */

.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table {
	border-spacing: 0px;
}

.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table th,
.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table tr {
	border-top: solid 1px #dcdcdc;
}

.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table tr td {
	text-align: left;
	border-top: none;
}

	.fininfoTableHolder #OtherForeignCompanies #ForeignCompanies.contentNav table td.ownershare {
		text-align: right;
	}

#ForeignCompanies #traziPoduzeca.connected-companies tbody tr td h2.subTitleBlueMarginTop {
	padding-top: 24px !important;
	padding-bottom: 4px !important;
}
#ForeignCompanies #traziPoduzeca.connected-companies tbody tr td.no-border {
	border: none;
}
#ForeignCompanies #traziPoduzeca.connected-companies tbody tr {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

#ForeignCompanies #traziPoduzeca.connected-companies td.tdNaziv {
	width: 33%;
}

/* Announcements Start*/
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles p {
	display: inline-block;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .article h2 {
	width: 800px;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .article .content {
	text-align: center;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .images {
	text-align: center;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .images span {
	text-align: center;
	float: none;
	display: inline-grid;
}
	.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcements-articles .images span img {
		margin: auto;
		background: none;
	}

.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement p {
	display: block;
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article {
	
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article h2.title {
	padding-right: 30px;
	float: left;
	width: auto;	
}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article .content {
	padding: 30px;
}
	.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article div.attachmentLink {
		float: right;
	}
	.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .article div.attachmentLink a {
		text-decoration: none;
		font-size: 13px;
		color: blue;
		padding-right: inherit;
	}
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .images {
	text-align: center;
}
	.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .images span {
		text-align: center;
		float: none;
		display: inline-grid;
	}
		.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .images span img {
			margin: auto;
			background: none;
		}
/* Announcements End*/

/* Announcements (CMS) Start
	These are the fixes for announcements for CMS elements (article, etc), ...
*/
.contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement-normal .cms img {
	background-image: none;
}
.contentOneColumn #contentOneColumnHolder > div.staticPage > .staticPageHolder > .announcement-normal img {
	float: unset;
}
/* Announcements (CMS) End*/
/* ***************** ADS *****************/
.ad_box_v1 {
	height: 600px;
	width: 160px;
	position: absolute;
	top: 305px;
	z-index: 9999;
	display: block;
	/*background-color: #fff;
    moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);*/
	display: none;
}

.ad_box_v2 {
    height: 600px;
    width: 300px;
    position: absolute;
    top: 305px;
    z-index: 9999;
    display: block;
    display: none;
}

.ad_box_v3 {
    height: 1050px;
    width: 300px;
    position: absolute;
    top: 305px;
    z-index: 9999;
    display: block;
    display: none;
}

/* *************** Demo Page Right Sidebar Navigation START ************** */
@-webkit-keyframes slide-message-left-after-timeout { 
	0% { right:-205px; }
	100% { right:0px; }	
}
@keyframes slide-message-left-after-timeout {
	0% { right:-205px; }
	100% { right:0px; }	
}

@-webkit-keyframes slide-menuitems-after-timeout {
	0% { right:-680px; width: 620px; text-align: right; border-width: 1px 0px 1px 1px; border-color: #d7d7d7; border-style: solid; background-color: white; position: absolute } 
	40% { right: 0px; width: 250px; text-align: right; } 
	70% { right: 0px; width: 250px; text-align: right; } 
	100% { right:-680%; }	
}
@keyframes slide-menuitems-after-timeout {
	0% { right:-680px; width: 620px; text-align: right; border-width: 1px 0px 1px 1px; border-color: #d7d7d7; border-style: solid; background-color: white; position: absolute } 
	40% { right: 0px; width: 250px; text-align: right; }
	70% { right: 0px; width: 250px; text-align: right; }
	100% { right: -680px; }
}

#sidenav-message {
	width: 80px;
	right: 0px;
	bottom: 450px;
	padding: 14px 55px 13px 47px;	
	position: fixed;
	z-index: 201;
	color: #445c8f;
	white-space: normal;
	border-width: 1px 0px 1px 1px;
	border-color: #d7d7d7;
	border-style: solid;
	background-color: white;
	text-decoration: none; 
	text-align: center;
	font-size: 15px;
	font-family: Roboto, Arial, sans-serif;
	font-weight: bold;
	-webkit-animation-name: slide-message-left-after-timeout;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: cubic-bezier(0.71, -0.01, 0.38, 1.01);
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: both;
	animation-name: slide-message-left-after-timeout;
	animation-duration: 3s;
	animation-timing-function: cubic-bezier(0.71, -0.01, 0.38, 1.01);
	animation-delay: 2s;
	animation-fill-mode: both;
}

#sidenav {
	width: 800px;
	transition: 0.5s;
	position: fixed;
	z-index: 201;
	bottom: 450px;
	right: 0px;
}

	#sidenav .svg-wrapper {
		position: absolute;
		right: 0px;
		margin-top: 10px;
		margin-right: 0px;
		background-color: white;
		z-index: 203;
	}

	#sidenav div.icon {
		position: absolute; 
		padding: 0px 11px 10px 5px;
		right: 0px; 
		width: 23px;
		height: 23px;
		z-index: 204;
	}
	
	#sidenav a {
		position: absolute;
		right: -680px;
		padding: 14px 55px 13px 47px;
		width: 620px;
		color: #445c8f;
		z-index: 202;
		white-space: nowrap;
		border-width: 1px 0px 1px 1px;
		border-color: #d7d7d7;
		border-style: solid;
		background-color: white;
		text-decoration: none; /* Remove underline */
		text-align: left;
		font-size: 15px;
		font-family: Roboto, Arial, sans-serif;
		font-weight: bold;
	}

		#sidenav a:not(.disableHover):hover {
			right: 0; /* On mouse-over, make the elements appear as they should */
			width: 250px;
			text-align: right;
			color: #ff6100;
		}

	#sidenav div:not(.disableHover):hover + a {
		right: 0px;
		width: 250px;
		text-align: right;
	}

	#sidenav #contact_me {
		top: 20px;
		-webkit-animation-name: slide-menuitems-after-timeout;
		-webkit-animation-duration: 1.5s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-delay: 5s;
		-webkit-animation-fill-mode: backwards;
		animation-name: slide-menuitems-after-timeout;
		animation-duration: 1.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 5s;
		animation-fill-mode: backwards;
	}

	#sidenav #free_trial {
		top: 65px;
		-webkit-animation-name: slide-menuitems-after-timeout;
		-webkit-animation-duration: 1.5s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-delay: 6s;
		-webkit-animation-fill-mode: backwards;
		animation-name: slide-menuitems-after-timeout;
		animation-duration: 1.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 6s;
		animation-fill-mode: backwards;
	}

	#sidenav #other {
		top: 110px;
		-webkit-animation-name: slide-menuitems-after-timeout;
		-webkit-animation-duration: 1.5s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-delay: 7s;
		-webkit-animation-fill-mode: backwards;
		animation-name: slide-menuitems-after-timeout;
		animation-duration: 1.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 7s;
		animation-fill-mode: backwards;
	}

	#sidenav #contact_me_icon {
		top: 20px;
		background: url('images/svg/call-orange.svg') no-repeat #fff;
	}
		#sidenav #contact_me_icon:hover {
			background: url('images/svg/call.svg') no-repeat #fff;
		}

	#sidenav #free_trial_icon {
		top: 65px;
		background: url('images/svg/magnifying-glass-orange.svg') no-repeat #fff;
	}
		#sidenav#free_trial_icon:hover {
			background: url('images/svg/magnifying-glass.svg') no-repeat #fff;
		}

	#sidenav #other_icon {
		top: 110px;
		background: url('images/svg/blank-rounded-speech-balloon-orange.svg') no-repeat #fff;
	}
		#sidenav #other_icon:hover {
			background: url('images/svg/blank-rounded-speech-balloon.svg') no-repeat #fff;
		}

#contentHolde #contact_dialog_wrapper .ui-dialog {
	border: none;
	background: white;
}
/**************** Demo Page Right Sidebar Navigation END ***************/

/****************** Post-it notes START *********************/
.mainSearch.contains-postits {
	padding-bottom: 15px;
}

.stickyNoteShow {
	text-align: center;
	top: 159px;
	float: left;
	margin-right: 2px;
}

	.stickyNoteShow .note-indicator-inner {
		width: 20px;
		height: 16px;
		/*border: solid 1px grey;*/
		border-radius: 1px;
		cursor: pointer;
	}

#stickyNoteShow_new {
	text-align: center;
	top: 159px;
	float: left;
	margin-right: 2px;
}

	#stickyNoteShow_new .note-indicator-inner {
		background: url('/Content/images/svg/new-post-it.svg') no-repeat;
		width: 20px;
		height: 16px;
		display: block;
		cursor: pointer;
	}

#notes {
	margin-top: 30px;
}

.sticky-note {
	position: absolute;
	height: 180px;
	width: 220px;
	color: #402b1a;
	background: #f9dd45;
	border-radius: 2px;
	border: 0px;
	font-family: "Kalam", arial, sans-serif;
	font-size: 15px;
	/*D*box-shadow: 2px 2px 2px rgba(0,0,0,0.65);*/
	overflow: hidden;
	/* stolen from */
	padding: 3px;
	/*z-index: 3000;*/
	/* Firefox */
	-moz-box-shadow: 2px 2px 3px rgba(33,33,33,1);
	/* Safari+Chrome */
	-webkit-box-shadow: 2px 2px 3px rgba(33,33,33,.7);
	/* Opera */
	box-shadow: 2px 2px 3px rgba(33,33,33,.7);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
	opacity: 0.82;
	filter: alpha(opacity=82);
	-moz-transition: -moz-transform .2s linear;
	-o-transition: -o-transform .2s linear;
	-webkit-transition: -webkit-transform .2s linear;
	left: 100px;
	z-index: 3000;
	/*Backdrop filter*/
	-webkit-backdrop-filter: blur(3px); /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
	backdrop-filter: blur(3px); /* Supported in Chrome 76 */
	-moz-backdrop-filter: blur(3px);
}

.sticky-note:hover, .sticky-note:focus {
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.7);
	box-shadow: 3px 3px 5px rgba(0,0,0,.7);
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	z-index: 3000;
	cursor: pointer;
	opacity: 0.92;
	filter: alpha(opacity=92);
}

	.sticky-note .contents {
		background: inherit;
		margin: 5px;
		margin-top: 7px;
		outline: none;
		height: 145px;
		width: 96%;
		right: 3px;
		top: 3px;
		left: 3px;
		bottom: 3px;
		overflow-x: hidden;
		overflow-y: hidden;
		overflow-wrap: break-word;
	}

		.sticky-note .contents:focus {
			box-shadow: 0 0 2px gray;
			right: 3px;
			top: 3px;
			left: 3px;
			bottom: 3px;
			overflow-x: hidden;
			overflow-y: inherit;
		}

		.sticky-note .contents[placeholder]:empty::before {
			content: attr(placeholder);			
			opacity:0.5;
		}

	.sticky-note .handle {
		cursor: move;
		padding-right: 5px;
		/*background: #7f6c04;*/
		border-radius: 2px 2px 0px 2px;
		height: 24px;
	}

		.sticky-note .handle .close {
			cursor: pointer;
			float: right;
			padding-right: 11px;
			padding-top: 0px;
			font-size: 20px;
			color: #444;
			background: url('/Content/images/svg/close.svg') no-repeat right;
		}

		.sticky-note .handle .date-picker-wrapper {
			cursor: pointer;
			float: left;
			padding-right: 11px;
			padding-top: 0px;
			font-size: 20px;
			color: #444;
			/*position: relative;*/
			/* temporary moving out the calendar icon: 
			background: url('/Content/images/svg/date-picker.svg') no-repeat right;*/
			width: 25%;
			display: contents;
		}

			.sticky-note .handle .date-picker-wrapper .ui-datepicker-trigger {
				float: left;
				margin-top: 9px;
				padding-left: 5px;
				padding-top: 0px;
			}

			.sticky-note .handle .date-picker-wrapper .date-picker {
				font-family: "Kalam", arial, sans-serif;
				border-width: 0px;
				width: 70px;
				padding-left: 0px;
			}

	


		.sticky-note .handle .delete {
			cursor: pointer;
			float: right;
			padding-right: 11px;
			padding-top: 0px;
			font-size: 20px;
			color: #444;
			background: url('/Content/images/svg/trash-can.svg') no-repeat right;
		}


		.sticky-note div.close {
			color: #3d3402;
			opacity: 1;
			text-shadow: 1px 0px 1px #a08805;
			padding: 2px;
		}

	.sticky-note .handle .date-picker-wrapper .date-picker::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #333333;
		opacity: 0.6; /* Firefox */		
	}

	.sticky-note .handle .date-picker-wrapper .date-picker:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #333333;
		opacity: 0.6
	}

	.sticky-note .handle .date-picker-wrapper .date-picker::-ms-input-placeholder { /* Microsoft Edge */
		color: #333333;
		opacity: 0.6
	}
/* Sticky notes End */

/* ---- Sticky Notes - Home screen \ "Moji post-its" tab ---- */
#post-its-main .listOfNotes {
	table-layout: fixed;
	width: 600px;
	padding-bottom:20px;
}

#post-its-main .collapsed {
	display: none;
}

#post-its-main .postit-notes-title-header,
#post-its-main .postit-notes-title {
	font-size: 12px;
	display: table-row;
}

	#post-its-main .postit-notes-title.collapsedRow .teaser-text-cell,
	#post-its-main .header-row .content,
	#post-its-main .notes-row .content {
		text-overflow: ellipsis;
		white-space: normal;
		overflow: hidden;
		/*cursor: pointer;*/
	}


#post-its-main .collapseIcon,
#post-its-main .expandIcon {
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
}
#post-its-main .collapseIcon {
	background-image: url("images/iconCollapse.png");
}
#post-its-main .expandIcon {
	background-image: url("images/iconExpand.png");
}

#post-its-main .postit-notes-title .icon-cell{
	text-align: center;
	padding-top: 5px;
	padding-left: 1px;
}

/*
#post-its-main .postit-notes-title .icon-cell .plus-sign:before {
	content: "+";
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

#post-its-main .postit-notes-title .icon-cell :not(.plus-sign):before {
	content: "-";	
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

*/

#post-its-main .postit-notes-title-header .icon-cell,
#post-its-main .header-row .icon-cell,
#post-its-main .header-row .empty-cell,
#post-its-main .notes-row .icon-cell,
#post-its-main .notes-row .empty-cell,
#post-its-main .postit-notes-title .icon-cell {
	border-bottom: none;
}

/*#post-its-main .notes-row.last-row .icon-cell,
#post-its-main .notes-row.last-row .empty-cell,
#post-its-main .notes-row.last-row td {
	border-bottom: 1px solid #faa61a;
}*/
/*#post-its-main .notes-row.last-row {
	border-bottom: 4px solid #faa61a;
}*/
#post-its-main .icon-cell .expandIcon,
#post-its-main .icon-cell .collapseIcon {
	margin-top: 0px;
	margin-left: 3px;
}

#post-its-main .postit-notes-title.collapsedRow {
	border-bottom: 1px solid;
}
#post-its-main .postit-notes-title:not(.collapsedRow) {
	border-top: 1px solid;
	border-bottom: none;	
}
	#post-its-main .postit-notes-title:not(.collapsedRow) td {
		border: none;
		overflow-wrap: break-word;
		overflow-x: hidden;
		overflow-y: hidden;
	}

/*#post-its-main postit-notes-title.collapsedRow .icon-cell {
		border-bottom: 1px solid;
	}
	#post-its-main postit-notes-title.collapsedRow .company-name-cell {
		border-bottom: 1px solid;
	}*/
/*#post-its-main .postit-notes-title:not(.collapsedRow) .teaser-text-cell {
	border-bottom: #faa61a solid 1px;
}

	#post-its-main .postit-notes-title:not(.collapsedRow) .company-name-cell {
		border-bottom: none;
	}*/
#post-its-main .postit-notes-title .company-name-cell span.company.name-link {
	/*font-weight: bold;*/
	font-size: 12px;
}

    #post-its-main .postit-notes-title .company-name-cell span.company.name-link a {
        color: #4a68a6;
        text-decoration: none;
        font-size: 17px;
        font-weight: bold;
        float: left;
        margin: -1px 0 0;
        overflow-wrap: anywhere;
    }
	#post-its-main .postit-notes-title:not(.collapsedRow) .company-name-cell span.company.name-link a {
		
	}


	#post-its-main .postit-notes-title .teaser-text-cell > span {
		/*cursor: pointer;*/
	}

/* This is indicator rendered within "~/Views/Note/_PostItIndicator.cshtml" */
#post-its-main .notes-row .stickyNoteShow .note-indicator-inner:hover {
	cursor: pointer;
}

#post-its-main > div.contentNav {
	width: 630px;
	float: none;
}
#post-its-main > div.pagination {
	text-align: right;
}

#post-its-main div.delete {
	width: 10px;
	height: 10px;
	background: url(images/deleteIcon.png) 0 0 no-repeat;
	cursor: pointer;
	margin-top: 2px;
}
#post-its-main .EmptyNoteList p {
	margin-left: -35px;
}
/****************** Post-it notes END *********************/

/*.footer #phone_contact_dialog .ui-dialog {
	border: none;
	background: white;
}*/
#phone_contact_dialog p {
	margin-top: 39px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 24px;
	color: #5475ba;
}
    #phone_contact_dialog p a {
        text-decoration: none;
        font-weight: 500;
        color: #5475ba;
    }
	#phone_contact_dialog p .fininfo-orange {
		color: #faa61a;
		font-style: normal;
	}
	#phone_contact_dialog p img.phone-svg {
        margin-bottom: -1px;
	}

.footerInfo .phone a.phone-svg {
	text-decoration: underline;
	cursor: pointer;
}

/*
	Facebook elements styles
*/

.fb-like {
	float: right;
	margin-right: 20px;
	margin-top: -12px;
}




/* -------------------------------------------------------
	Defining Default Dialogs for jquery-UI dialog 
-------------------------------------------------------- */

#message-popup {	
	
}

.default-ui-dialog {
	background: url(images/foldedBottomWhite.png) bottom left no-repeat;
	z-index: 999999;
	min-width: 250px !important;
	min-height: 150px !important;
	position: relative;
}

	.default-ui-dialog #message-popup {
		position: absolute;
		width: 300px;
		height: 200px;
		top: 25px;
		margin-top: 15px;
		padding-top: 0;
		z-index: 999999;
		background-color: #fff;
		font-size: 16px;
		line-height: 25px;
		color: #777;
		text-align: center;
	}

	.default-ui-dialog .ui-dialog-buttonpane {
		position: absolute;
		bottom: 2px;
		margin: 0.5em 0em 0.5em 0em;
		padding: 0px;
		border-width: 0;
		background-color: transparent;
		width: 100%;
		color: white;
		font-weight: bold;
		font-size: 15px;				
		display: block;		
		clear: both;
		text-align: center;
	}

	/* Styling UI-Dialog button area to look like EL koncept style */

		.default-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {			
			margin: 0px;
			float: none;
			display: inline-flex;
		}
			.default-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
				margin: 0px 5px 0px 5px;
				float: none;
				bottom: 0px;
				display: block;
				height: 32px;
				line-height: 32px;
				color: #666;
				background-color: #fafafa;
				padding: 0 15px 0 15px;
				cursor: pointer;
				font-size: 12px;
				background: -moz-linear-gradient(top, #fafafa 0%, #f1f1f1 47%, #ffffff 100%);
				background: -webkit-linear-gradient(top, #fafafa 0%,#f1f1f1 47%,#ffffff 100%);
				background: linear-gradient(to bottom, #fafafa 0%,#f1f1f1 47%,#ffffff 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );
			}

				.default-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.green {
					color: #6B8D2D;
				}

				.default-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.red {
					color: #CA3826;
				}
/* -------------------------------------------------------------
	END: Defining Default Dialogs for jquery-UI dialog 
---------------------------------------------------------------- */


/* ---------------------------------
	Defining RSS feed elements
------------------------------------ */

body #feed-container .pagination {
	margin-top: 11px;
    position: initial;
    left: initial;
    top: initial;
}

body #feed-container .load-more {
	display: none;
}

.feed {
	width: 100%;
	display: grid;
	/*display: -ms-grid;*/
	grid-template-areas: "div div div";
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
	-ms-grid-columns: 33% 33% 33%;
	grid-template-columns: 33% 33% 33%;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	/* height: 100vh; it was used to stretch element vertically */
	margin: 0;
}

#feed-update-container.homePage #items.feed {
    grid-template-areas: "div div";
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.5%;
    margin-bottom: 32px;
}

#feed-update-container.homePage #feed-container .above-item-list .contentNav {
    width: 100%;
    display: inline-block;
    margin: initial;
    text-align: center;
}

#feed-update-container.homePage #feed-container {
    margin-right: -2px;
}

	#feed-update-container.homePage #feed-container .above-item-list .contentNav h2 {
		display: inline-block;
		margin: 11px 0px 16px 9px;
		height: 14px;
		float: left;
        font-size: 17px !important;
        font-weight: bold !important;
        color: #4a68a6 !important;
    }

	#feed-update-container.homePage #feed-container .above-item-list .contentNav .pagination {
		display: inline-block;
		position: relative;
		left: 37px;
        margin-bottom: 12px;
        margin-top: 14px;
        padding-right: 0px;
	}
	
	#feed-update-container.homePage #feed-container .above-item-list .contentNav .dropdown {
        display: inline-block;
        float: right;
        margin: 4px 4px 0px 0px;
        height: 24px;
	}


#feed-update-container #ads-area {
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: center;
	padding: 7px 0 3px 0;
}

	#feed-update-container #ads-area .ads {
		display: inline-block;
		width: 728px;
		height: 90px;
		/*background: url(images/advertising/ads-blank.png) 0 0 no-repeat;*/
		text-align: -webkit-center;
	}

		#feed-update-container #ads-area .ads h2 {
			font-size: 23px;
		}

/* For RSS feed combobox  */
#feed-update-container .cbox {
    display: inline-block;
    background: url(images/cboxBgr.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    position: relative;
}

#feed-update-container .cbox .ui-button {
    margin: 0 -4px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
    height: 33px;
    background: Transparent url(images/cboxBtn.png) 0 0 no-repeat;
    border: none;
}

    #feed-update-container .cbox .ui-button-icon-only .ui-button-text {
        padding: 0;
    }

    #feed-update-container .cbox .ui-button-icon-only .ui-button-text {
        padding: 0;
    }

#feed-update-container .cboxHalfWidth { 
    width: 450px; 
}

#feed-update-container .cbox input.ui-autocomplete-input {
    border: none;
    background: Transparent;
    margin: 0;
    padding: 0px 0px 0px 4px;
    height: 33px;
    color: #777777;
    font-size: 12px !important;
    font-family: Arial !important;
}
/* For RSS feed combobox */

#feed-update-container .contentNav {
    margin: 0 0 6px 0;
    text-align: right;
    display: grid;
    grid-template-columns: 1.05fr 2fr 0.95fr;
    grid-column-gap: 10px;}

.feed .item {
    /*display: grid;		
		grid-template-areas: 'image-area		image-area' 
											'title-area			title-area'
											'summary-area	summary-area'
											'date-area					link-area';*/
    border: solid 1px #eaeaea;
    padding: 10px 10px 40px 10px;
    color: #777;
    background: #ffffff;
    position: relative;
}
	/* ----------------------------------------------------------------------------------
		This is the fix for IE, but my be aplied to other modern browsers also 
		-----------------------------------------------------------------------------------	*/
	@media all and (-ms-high-contrast:none) {
		.feed { display:-ms-grid; }
		.feed .item { margin: 5px; }
		.feed .item:nth-of-type(1) { -ms-grid-column: 1; -ms-grid-row: 1;	}
		.feed .item:nth-of-type(2) { -ms-grid-column: 2; -ms-grid-row: 1;	}
		.feed .item:nth-of-type(3) { -ms-grid-column: 3; -ms-grid-row: 1;	}
		.feed .item:nth-of-type(4) { -ms-grid-column: 1; -ms-grid-row: 2;	}
		.feed .item:nth-of-type(5) { -ms-grid-column: 2; -ms-grid-row: 2;	}
		.feed .item:nth-of-type(6) { -ms-grid-column: 3; -ms-grid-row: 2;	}
		.feed .item:nth-of-type(7) { -ms-grid-column: 1; -ms-grid-row: 3;	}
		.feed .item:nth-of-type(8) { -ms-grid-column: 2; -ms-grid-row: 3;	}
		.feed .item:nth-of-type(9) { -ms-grid-column: 3; -ms-grid-row: 3;	}
		.feed .item:nth-of-type(10) { -ms-grid-column: 1; -ms-grid-row: 4;	}
		.feed .item:nth-of-type(11) { -ms-grid-column: 2; -ms-grid-row: 4;	}
		.feed .item:nth-of-type(12) { -ms-grid-column: 3; -ms-grid-row: 4;	}
		.feed .item:nth-of-type(13) { -ms-grid-column: 1; -ms-grid-row: 5;	}
		.feed .item:nth-of-type(14) { -ms-grid-column: 2; -ms-grid-row: 5;	}
		.feed .item:nth-of-type(15) { -ms-grid-column: 3; -ms-grid-row: 5;	}	
	}
.feed .item .images {
    /*grid-area: image-area;*/
    max-height: 165px;
    min-height: 165px;
    height: 165px;
    overflow-y: hidden;
    -ms-background-position: center;
    background-position: center;

    /* background-size: cover; */
    /* overscroll-behavior-x: contain; */
    /* object-fit: cover; */
    
}

    .feed .item .images img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

	.feed .item .content {
		padding: 5px 5px 5px 5px;
		position: relative;
		display: contents;
	}
.feed .item .title {
    /*grid-area: title-area;*/
    min-height: 70px;
}
		.feed .item .title h3 {
			font-size: 16px;
			font-weight: bold;
			padding: 5px 0px 11px 0px;
			color: #4c68a6;
		}
.feed .item .summary {
    max-height: 150px;
    overflow-y: hidden;
    margin-bottom: 1em;
    height: 108px;
    position: relative;
}
	.feed .item .summary:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 70%;
        height: 1.2em;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
    }





.feed .item .summary p {
    font-size: 12px;
    padding: 0px 10px 10px 0px;
    line-height: 18px;
    text-align: justify;
    /*margin-bottom: 36px;
    height: 8em;*/
}

/*.feed .item .summary p {
			font-size: 12px;
			padding: 0px 10px 10px 0px;
			line-height: 18px;
			text-align: justify;
			margin-bottom: 36px;
            height: 8em;
        }


            .feed .item .summary p:after {
                content: "";
                text-align: right;
                position: absolute;
                bottom: 4.6em;
                right: 0;
                width: 70%;
                height: 1.2em;
                background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
            }*/

.feed .item p.link {
    /*grid-area: link-area;*/
    float: right;
    bottom: 8px;
    right: 16px;
    position: absolute;
}
    .feed .item p.link a {
        color: #4C68A6;
        text-decoration: none;
        font-size: 12px;
        padding: 0 15px 0 0;
        background: url(images/linkMoreArrow.png) right 4px no-repeat;
    }

    .feed .item .publish-date {
		/*grid-area: date-area;*/
		color: #807f83;
		font-size: 12px;
		float: left;
		bottom: 8px;
		position: absolute;
	}
		.feed .item .publish-date .date {
			font-weight: 700;
		}
	.feed .item .source {
		/*grid-area: date-area;*/
		color: #807f83;
		font-size: 12px;
		float: left;
		bottom: 24px;
		position: absolute;
	}
		.feed .item .source .n1-icon {
			background: url(images/svg/n1_plain.svg) 0px 3px no-repeat;
			background-size: 13px 8px;
			object-fit: contain;
			padding: 0 0 0 16px;
			margin: 0 0 0 4px;
			font-weight: bold;
		}
		.feed .item .source .poslovni-icon {
			background: url(images/newsIconPoslovniSmall.png) 0px 3px no-repeat;
			background-size: 11px 11px;
			object-fit: contain;
			padding: 1px 0 0 16px;
			margin: 0 0 0 4px;
			font-weight: bold;
		}
		.feed .item .source .vecernji-icon {
			background: url(images/svg/vecernji_plain.svg) 0px 3px no-repeat;
			background-size: 14px 9px;
			object-fit: contain;
			padding: 0 0 0 16px;
			margin: 0 0 0 4px;
			font-weight: bold;
		}
		.feed .item .source .poduzetnik-icon {
			background: url(images/svg/poduzetnik_plain.svg) 0px 3px no-repeat;
			background-size: 14px 9px;
			object-fit: contain;
			padding: 0 0 0 16px;
			margin: 0 0 0 4px;
			font-weight: bold;
		}
        .feed .item .source .lider-icon {
            background: url(images/svg/lider_plain.svg) 0px 1px no-repeat;
            background-size: 10px 14px;
            object-fit: contain;
            padding: 0 0 0 16px;
            margin: 0 0 0 4px;
            font-weight: bold;
        }
        .feed .item .source .tportal-icon {
            background: url(images/svg/tportal_plain.svg) 0px 2px no-repeat;
            background-size: 12px 10px;
            object-fit: contain;
            padding: 0 0 0 16px;
            margin: 0 0 0 4px;
            font-weight: bold;
        }

.contentHolder.index-free .contentLeft #results.contentHolder {
    top: 0;
    width: inherit;
    margin: auto 0 auto 0;
}


#feed-update-container.homePage #items .item {
    border-color: #c8c6c5;
}

div.full-width-button {
    float: left;
    width: 100%;
    height: 30px;
    border: 1px solid #C8C6C5;
    background-color: #fff;
    margin-top: 23px;
    padding-top: 10px;
    display: block;
    text-align: center;
}

    div.full-width-button:hover {
        border: 1px solid #C8C6C5;
        background-color: #eee;
        cursor: pointer;
    }

    div.full-width-button h2 {
        text-align: center;
        font-size: 17px !important;
        font-weight: bold;
        color: #4a68a6 !important;
    }

    div.full-width-button:hover h2 {
        color: #999;
        cursor: pointer;
    }

div.full-width-button a {
    text-align: center;
    font-size: 17px !important;
    font-weight: bold;
    color: #4a68a6 !important;
    text-decoration: none;
}

div.full-width-button:hover a {
    color: #999;
    cursor: pointer;
}

.contentHolder.index-free .contentLeft > p.link {
    float: right;
    right: 16px;
    padding: 6px 0px;
    margin: -24px 21px 20px;
}
    .contentHolder.index-free .contentLeft > p.link a {
        color: #4C68A6;
        text-decoration: none;
        font-size: 12px;
        padding: 0 15px 0 0;
        background: url(images/linkMoreArrow.png) right 4px no-repeat;
    }

#navigateToRssFeed {
    margin-top: -20px;
}


/* ---------------------------
	Pulsing dot indicator
 ----------------------------*/
.contentWide .header section ul .pulsing-dot-holder {
    position: absolute;
    margin-left: -12px;
    margin-top: -33px;
}

.pulsing-dot {
	position: absolute;
	background-color: red;
	border-radius: 50%;
	height: 8px;
	width: 8px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse-animate 2s infinite;
}


@keyframes pulse-animate {
	0% {
		background-color: red;
		transform: scale(0.25);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		background-color: #ff6500;
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		background-color: #ffa400;
		transform: scale(0.5);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

#feed-container #RssFeedProviderDropDown {
	margin: 0px 0px 15px 0px;
}

#feed-container #RssFeedProviderDropDown + input + span.clearInput {
    display: none;
}
/* ----------------------------------------
	END: Defining RSS feed elements
------------------------------------------- */
/* 
	Defining popup for notifications dialog - used "Povijest blokada dialog" as a template 
*/
.message-popup-notification-details {
	width: 435px !important;
	height: 330px;
	float: left;
	background: url(images/foldedBottomWhite.png) bottom left no-repeat !important;
	border-top: solid 1px #edecec;
	border-right: solid 1px #edecec;
	margin: -200px 0 0;
	padding: 170px 20px 0;
	position: relative;
	color: #777;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	display: table;
}

	.message-popup-notification-details h3.content {
		padding: 0 0 20px 10px;
		text-align: left;
		vertical-align: middle;
		display: table-cell;
		font-size: 16px;
		font-weight: normal;
	}

/* Cms Articles Start */

.article.edit {
	margin-left: -250px;
	width: 200px;
	display: grid;
	position: absolute;
	font-size: small;
}

.article.edit a {
	cursor: pointer;
}

	.article.edit a.hidden {
		display: none;
	}

	.article.edit .edit.title,
	.article.edit .edit.teaser,
	.article.edit .edit.htmlContent,
	.article.edit .publish {
		color: blue;
	}

	.article.edit .close.title,
	.article.edit .close.teaser,
	.article.edit .close.htmlContent,
	.article.edit .unPublish {
		color: lightseagreen;
	}

	.article.edit .new {
		color: green;
	}

.article.edit .delete {
	color: red;
}

body .tox-tinymce-inline {
	z-index: 1000;
	left: auto;
}

.article a.docType.pdf {
	display: block;
	background: url(images/pdficon_small.png) 0 4px no-repeat;
	padding: 20px 0px 0px 0px;
	margin: -5px 0px -1px 10px;
}

/* Cms Articles End */


/* ----------------------------------
    Start: User Content and Activities 
    ----------------------------------- */

#ContentBannerTop #CustomerUpdatedData {
    background: url(images/mainSearchBgr.png) bottom no-repeat;
    padding-bottom: 14px;
    width: 953px;
    margin-left: 2px;
    border-top: 1px solid lightgray;
}

    #ContentBannerTop #CustomerUpdatedData .details .top .right .approved.info {
        margin-left: -65px;
        left: -5px;
        top: -1px;
    }

    #ContentBannerTop #CustomerUpdatedData .details .top .right .customer-data {
        margin-top: -27px;
        width: 200px;
    }

        #ContentBannerTop #CustomerUpdatedData .details .top .right .customer-data.registered-user {
            margin-top: -40px;
            width: 122px;
        }


#CustomerUpdatedData div.validation-summary-errors {
    float: initial;
    width: initial;
    margin-top: 0px;
}

    #CustomerUpdatedData div.validation-summary-errors.submit-to-verification-message {
        float: initial;
        width: initial;
        width: 93%;
        padding: 15px 15px;
        margin: 20px 16px;
        color: #4A68A6;
        border: solid 2px #89181c;
        text-align: left;
        font-size: 15px;
        clear: both;
    }

#CustomerUpdatedData #ContactData div.validation-summary-errors {
    float: initial;
    width: initial;
    margin: 10px 26px 5px 0px;
}

.activity-primary {
	color: red;
}
#CustomerUpdatedData {
	margin: 2px 0px 0px 0px;
}

#CustomerUpdatedData hr {
	margin: 8px 17px 12px 1px;
}

#CustomerUpdatedData .horizontal-ruller {
    padding-top: 1px;
    clear: both;    
}

    #CustomerUpdatedData #ContactData .horizontal-ruller {
        margin-left: 0px;
    }

    #CustomerUpdatedData .additionalInfo,
    #RadarEditWrapper .edit {
        background: url(images/svg/edit-company.svg) no-repeat;
        padding: 24px 24px 0px 0px;
        margin: 0px 175px 7px 0px;
        float: right;
        right: -18px;
        position: absolute;
        top: -6px;
    }

        #CustomerUpdatedData .additionalInfo.create {
            margin: -9px 11px;
        }

#CustomerUpdatedData .left-side {
	border-right: solid 1px #d4d4d4;
	width: 63px;
	margin: 5px 10px 0 0;
	padding: 42px 10px 0 0;
	float: left;
	font-size: 10px;
	text-align: center;
	height: 80px;
	position: relative;
}

#CustomerUpdatedData label {
	font-size: 12px;
	color: #777777;
}

	#CustomerUpdatedData .top {
		width: 98%;
		display: inline-block;
		padding: 12px 0px 0px 0px;
	}

#CustomerUpdatedData .top .left {
	width: 63%;
	float: left;
}

    #CustomerUpdatedData .top .left h4 {
         color: #777777;
    }

    #CustomerUpdatedData .top .left form#FormMain .tarea + .help,
    #CustomerUpdatedData #ContactData form#UserContentContactForm .tarea + .help {
        margin-left: 3px;
    }

	#CustomerUpdatedData .top .right .customer-data {
        width: 111px;
        -o-text-overflow: ellipsis;
        float: right;
        display: inline-block;
        text-align: right;
        position: relative;
        right: 0px;
        font-size: 12px;
        color: #777777;
        margin-top: -42px;
	}

    #CustomerUpdatedData .details .top .right .customer-data.registered-user h3 {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2em;
        padding-bottom: 5px;
        margin-top: 1px;
    }

    #CustomerUpdatedData .details .top .right .customer-data:not(.registered-user) h3{
        text-align: center;
        padding-left: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
		#CustomerUpdatedData .top .right .customer-data.display-none { display: none; }
		/*#CustomerUpdatedData .top .right .customer-data.registered-user {
			top: 140px;
		}*/


#CustomerUpdatedData .top .left p {
	font-size: 13px;
	color: #777777;
	padding: 2px 5px 2px 14px;
}
#CustomerUpdatedData .top .left p .light {
		font-size: 11px;
		padding: 0 5px 0 15px;
	}
		#CustomerUpdatedData .top .left p .light:first-child { 
			padding: 0 5px 0 0; 
		}

    #CustomerUpdatedData .top .left p span.message {
        width: 640px;
        float: right;
        padding: 7px;
        border-radius: 5px;
        box-shadow: 1px 1px 5px #bebebe, 5px 5px 10px #ffffff;
        margin-top: 4px;
        word-wrap: break-word;
        white-space: pre-line;
    }


        #CustomerUpdatedData .top .left .upper {
            display: inline-block;
            margin-bottom: -3px; /* fix for _Edit and _Create to both look neat and symetrical */
        }

        #CustomerUpdatedData .top .left .upper .cbox{
            width: 157px;
        }
    
        #CustomerUpdatedData .top .left .upper .cbox .clearInput{
            display: none;
        }

        #CustomerUpdatedData .top .right {
            width: 34%;
            float: left;
        }

    #CustomerUpdatedData .edit .top .right {
        display: grid;
        /*grid-template-columns: 60% 40%;*/
        grid-template:
                     'logoArea'
                     'buttonArea';
        position: relative;
    }

    #CustomerUpdatedData .edit .top .right #ApprovedContainer {
        grid-area: logoArea;
        position: relative;
    }

    #CustomerUpdatedData .top .right #LogoImage img { 
        float: right; 
    }

    #CustomerUpdatedData .top .left .tarea span #Message,
    #CustomerUpdatedData .edit #ContactData .tarea span #ContactMessage {
        width: 418px;
        height: 45px;
        border: none;
        overflow: auto;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #777777;
        border: none;
        background: Transparent;
        font-size: 12px;
        font-family: Arial;
        resize: none;
        box-shadow: 6px 5px 8px -7px;
    }

    #CustomerUpdatedData .edit #ContactData .fields,
    #CustomerUpdatedData .edit #Activities .fields {
        padding-top: 10px;
        padding-bottom: 5px;
    }

        #CustomerUpdatedData .edit #Activities .fields .cbox,
        #CustomerUpdatedData .edit #Activities .fields .cbox input {
            width: 300px;
        }

        #CustomerUpdatedData .edit #ContactData .fields .label,
        #CustomerUpdatedData .edit #ContactData .fields input {
            display: block;
            clear: both;
            float: left;
        }

        #CustomerUpdatedData .edit #ContactData .fields #ConfirmationText {
            float: left;
            padding-top: 9px;
        }


#CustomerUpdatedData .label {
	float: left;
	width: 83px;
	text-align: right;
	margin: 6px 5px 0 0;
	padding: 7px 0 0 0;
	font-size: 12px;
	color: #777777;
}

    #CustomerUpdatedData input#City[readonly=readonly] {
        background-color: lightgrey;
        color: darkgoldenrod;
    }

#CustomerUpdatedData .input-validation-error {
	color: red;
	background-color: lightpink;
	border: 1px solid red !important;
}

    #CustomerUpdatedData a.link-button {
        border: none;
        background: #4a68a6;
        color: #fff;
        padding: 6px 17px;
        text-decoration: none;
        margin: 4px 2px;
        cursor: pointer;
        font: 400 13.33333px Arial;
    }

#CustomerUpdatedData input[type=button],
#CustomerUpdatedData input[type=submit],
#CustomerUpdatedData input[type=file] {
	background-color: #4a68a6;
	border: none;
	color: #fff;
	padding: 6px 17px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}

    #CustomerUpdatedData input[type=button].disabled,
    #CustomerUpdatedData input[type=submit].disabled,
    #CustomerUpdatedData input[type=file].disabled {
        background-color: #c2c7d0;
        cursor: default;
    }

    #CustomerUpdatedData .center {
        text-align: center;
        margin-bottom: 20px;
    }

#CustomerUpdatedData input[type=submit] {
	background-color: #f8981d;
}

#CustomerUpdatedData input#Save[type=submit] {
    margin-top: 9px;
}

#CustomerUpdatedData .left .buttons {
    text-align: center;
    margin-left: 90px;
}


#CustomerUpdatedData .file-input {
    grid-area: buttonArea;
}

    #CustomerUpdatedData .file-input input[type='submit'] {
        float: right;
        width: 143px;
    }

    #CustomerUpdatedData .file-input #UploadButton {
        display: none;
    }

#CustomerUpdatedData .file-input .file {
	-ms-opacity: 0;
	opacity: 0;
	width: 0.1px;
	height: 0.1px;
	position: absolute;
}

    #CustomerUpdatedData .file-input label {
        border: none;
        background: #7873f5;
        color: #fff;
        padding: 6px 17px;
        text-decoration: none;
        margin: 4px 2px;
        cursor: pointer;
        font: 400 13.33333px Arial;
        float: right;
    }

#CustomerUpdatedData .file-input input:hover + label,
#CustomerUpdatedData .file-input input:focus + label {
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

#CustomerUpdatedData .file-input input:focus + label {
	outline: 1px solid #000;
	outline: -webkit-focus-ring-color auto 2px;
}

	#CustomerUpdatedData #LogoImage {
        bottom: 4px;
        /* float: right; */
        right: 2px;
	}

    #CustomerUpdatedData .edit #LogoImage {
        grid-area: logoArea;
        left: 160px;
        bottom: 3px;
    }

    #CustomerUpdatedData .edit #Activities h4 { 
        float: left; 
    }

    #CustomerUpdatedData .edit #Activities .help { 
        float: left;
        margin-top: 3px;
    }

    #CustomerUpdatedData .edit #Activities form select { 
        margin: 8px 0px 4px 0px;
    }

    #CustomerUpdatedData .edit #Activities #form2 h4 { 
        margin-bottom: 8px;
    }

    #CustomerUpdatedData .edit #Activities #UserContentActivitiesPanel {
        width: 100%;
    }
    
    #CustomerUpdatedData .edit #UserContentActivities {
        padding: 7px 0px 0px 0px;
    }

        #CustomerUpdatedData .edit #UserContentActivities form #Save {
             float: left;
        }

        #CustomerUpdatedData .edit #UserContentActivities form .help {
             margin-top: 16px;
        }

        #CustomerUpdatedData .edit #UserContentActivities form #ConfirmationText {
            margin-top: 15px;
            display: inline-block
        }

        #CustomerUpdatedData .edit #UserContentActivities form br {
            clear: both;
        }

        #CustomerUpdatedData .edit #UserContentActivities form#PrimaryActivityForm span.activity a.item {
            padding-left: 17px;
            margin-left: 3px;
            height: 19px;
            background: url(/content/images/iconBonitetG2.png) no-repeat;
        }

    #CustomerUpdatedData .edit .top .right .approved.user-reg {
        width: 24px;
        height: 24px;
        background-image: url(/content/images/svg/approved.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: 133px;
        top: -3px;
    }

    #CustomerUpdatedData .edit .top .right .unapproved.user-reg {
        width: 24px;
        height: 24px;
        background-image: url(/content/images/svg/unapprove.svg);
        background-repeat: no-repeat;
        position: absolute;
        left: 133px;
        top: -3px;
    }

#CustomerUpdatedData #LogoImage #file {
	width: initial;
}

    #CustomerUpdatedData .details {
        margin-top: 2px;
        /*padding-left: 13px;*/
    }

#ContentBannerTop #CustomerUpdatedData .details {
    padding-left: 13px;
}

#ContentBannerTop #CustomerUpdatedData .details.create {
    padding-left: 13px;
    padding-top: 10px;
}

#CustomerUpdatedDataWrapper #CustomerUpdatedData .edit,
#CustomerUpdatedDataWrapper #CustomerUpdatedData .create {
    margin-left: 29px;
}


#indexCompanyFree.mainSearch #CustomerUpdatedData .details {
    margin-top: 52px;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData .details.create {
    margin-top: 0px;
}

    #indexCompanyFree.mainSearch #CustomerUpdatedData .details.registered-user {
        margin-top: 6px;
    }

#CustomerUpdatedData .details .top .left {
    width: 84%;
}

#CustomerUpdatedData .details .top .left > div{
    margin-right: 40px;
}

    #CustomerUpdatedData .details .top .right {
        width: 16%;
        position: relative;
        padding-top: 30px;
    }

        #CustomerUpdatedData .details .top .right .approved {
            width: 24px;
            height: 24px;
            background-image: url(/content/images/svg/approved.svg);
            background-repeat: no-repeat;
            top: -6px;
            position: absolute;
            left: -5px;
        }

        #CustomerUpdatedData .details .top .right .approved.info {
            background-image: url(/content/images/svg/info.svg);
        }

        #CustomerUpdatedData .details .top .right .unapproved {
            width: 24px;
            height: 24px;
            background-image: url(/content/images/svg/unapprove.svg);
            background-repeat: no-repeat;
            position: absolute;
            left: -2px;
            top: -7px;
        }

        #CustomerUpdatedData .details .top .right .unsubmitted {
            width: 24px;
            height: 24px;
            background-image: url(/content/images/svg/unsubmitted.svg);
            background-repeat: no-repeat;
            top: -6px;
            position: absolute;
        }

#CustomerUpdatedData #SubmitNotificationIcon.submitted {
    top: 27px;
    right: -14px;
    position: absolute;
    margin: 0px 175px 7px 0px;
    width: 24px;
    height: 24px;
    background-image: url(/content/images/svg/submitted.svg);
}

        #CustomerUpdatedData .details .top .right .approved.user-reg {
            left: -5px;
        }

        #CustomerUpdatedData .details .top .right .unapproved.user-reg {
             /*left: -35px;*/
        }

#CustomerUpdatedData .tarea {
    float: left;
    padding: 5px;
    margin: 0px 0px 11px 0px;
    position: relative;
    background: url(images/tareaBgr.png) 0 0 no-repeat;
    width: 417px;
    height: 45px;
}

#CustomerUpdatedData .tarea input {
	color: #777777;
	border: none;
	font-size: 12px;
	font-family: Arial;
}

#CustomerUpdatedData p span.link {
    color: #4C68A6;
    text-decoration: none;
    font-size: 12px;
    padding: 0 15px 0 0;
    background: url(images/linkMoreArrow.png) right 4px no-repeat;
    cursor: pointer;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData {
    margin-top: 18px;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData .create {
    margin-left: 15px;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData .top .right,
#CustomerUpdatedData .top .right
{
    float: right;
}

#indexCompanyFree.mainSearch #companySummaryFree.companyInfo .bannerBuy {
    right: 13px;
}

#indexCompanyFree.mainSearch #CustomerUpdatedData .additionalInfo.create {
    margin: 0px 160px 7px 0px;
}

.user-content.toggle {
    position: absolute;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    float: right;
    right: -27px;
    top: -27px;
    cursor: pointer;
    border-radius: 1px;
}

    .user-content.toggle.up {
        background: url(images/svg/arrow-up.svg) no-repeat rgba(255,255,255,0.5);
        box-shadow: 2px 2px 6px #d4973a, -2px -2px 6px #ffbd48;
    }

    .user-content.toggle.down {
        background: url(images/svg/arrow-down.svg) no-repeat rgba(255,255,255,0.5);
        box-shadow: 2px 2px 6px #5166a0, -2px -2px 6px #6580c8;
    }

#ActivityDialog {
    background: url(images/resultNoDataBgr.png) no-repeat 0px 25px;
    background-color: white;
    font-size: 20px;
    color: #4a68a6;
    padding: 30px 25px 40px 25px;
}

#ActivityDialog p {
        margin: 45px 20px 55px 100px;
    }

#ActivityListDialog {
    background-color: white;
    font-size: 12px;
    color: #4a68a6;
    padding: 30px 25px 40px 25px;
}

#ActivityListDialog h2 {
    margin-bottom: 15px;
}

.contentHolder .contentOneColumn #contentOneColumnHolder #ContentBannerTop {
    margin-bottom: 20px;
    margin-top: 22px;
}

/* ---------------------------------
	End: User Content and Activities 
	---------------------------------- */
/* ----------------
    "Other" tab - BEGIN
    ---------------- */
/* Land Register */
.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage {
    /*float: right;*/
    right: 16px;
    margin: -10px 37px;
    padding-top: 96px;
}

.contentOneColumn #oneColumnTabContent .resultNoData .contentNav {
    margin-top: -25px;
}

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage.no {
    padding-top: 125px;
    padding-bottom: 100px;
    height: 90px;
    vertical-align: middle;
}

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage.with-pregled-button p {
    margin-top: -40px;
    text-align: justify;
}

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage.with-pregled-button .buttonHolder {
    padding-top: 95px;
}
    
/*.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage {
    padding: 130px 75px 0px 200px;
}*/

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage a {
    display: none;
    color: #4C68A6;
    text-decoration: none;
    font-size: 12px;
    padding: 0 15px 0 0;
    background: url(images/linkMoreArrow.png) right 4px no-repeat;
}

.contentOneColumn #oneColumnTabContent .resultNoData .resultNoDataMessage .buttonHolder {
     text-align: center;
}

.contentOneColumn #oneColumnTabContent .landRegister .availability {
    padding-left: 750px;
    margin-top: -2px;
    text-align: right;
}

/* ------------
    Other - END
    ------------- */

/*  Radar */


#RadarLoadAndKeywords h3 {
    margin-left: 20px;
    color: #4a68a6;
    font-size: 17px;
    font-weight: bold;
}

#RadarLoadAndKeywords th,
#RadarLoadAndKeywords td {
    text-align: left;
}

#RadarLoadAndKeywords form#KeywordCreateForm table td input {
    width: 95%;
}

#RadarEditWrapper a {
    background: url(images/svg/edit-company.svg) no-repeat;
    padding: 24px 24px 0px 0px;
    margin: -15px 5px 0px 0px;
    float: right;
}

#RadarEdit {
    display: grid;
    grid-template-areas:
        'above . . . . .'
        'list list list list list list'
        'below-left . . . . below-right';
    margin: 10px 20px 10px 20px;
    background-color: aliceblue;
    padding: 10px;
}

#KeywordEdit {
    display: grid;
    grid-template-areas:
        'above . . . . .'
        'list list list list list list';
    margin: 10px 20px 10px 20px;
    background-color: aliceblue;
    padding: 10px;
}

    #RadarEdit a.link-button,
    #KeywordEdit a.link-button {
        border: none;
        background: #4a68a6;
        color: #fff;
        padding: 6px 17px;
        text-decoration: none;
        text-align: center;
        margin: 4px 2px;
        cursor: pointer;
        font: 400 13.33333px Arial;
    }

    #RadarEdit a.link-button.above-table,
    #KeywordEdit a.link-button.above-table {
        grid-area: above;
    }

    #RadarEdit a.link-button.below-table-left {
        grid-area: below-left;
    }

    #RadarEdit a.link-button.below-table-right {
        grid-area: below-right;
    }

    #RadarEdit table,
    #KeywordEdit table {
        grid-area: list;
    }


/* General fixes */
#ezoic-pub-ad-placeholder-105 {
    display: inline-block;
}


/* Recapcha */

form .recaptcha {
    padding-left: 252px;
    padding-top: 97px;
}

/* The Modal (background) - for cookiecontent Component */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    /*z-index: 1; original */ /* Sit on top */
    z-index: 1000;
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

form#searchFormEurope .cbox select#CofaceReportsVariant + input,
form#searchFormEurope .cbox select#CountriesCoface + input {
    /*width: inherit;*/
    width: 100%;
}

/* QR Code badge related*/

.qr-badge-download {
    margin-right: 12px;
    float: right;
    color: #777777;
}

    .qr-badge-download a {
        text-decoration: none;
    }

    .qr-badge-download span {
        float: initial;
        padding: 3px 6px;
        background-color: white;
        border: blue solid 1px;
        display: inline-block;
    }

        .qr-badge-download span.button {
            background-color: orange;
        }

            .qr-badge-download span.button a { 
                color: white; 
            }

        .qr-badge-download span input {
            border: none;
            height: initial;
        }

#badge-check-landing {
    padding: 5px 31px;
    font-size: 12px;
    color: #777777;
}

#descriptionHolder #badge-check-landing h1 {
     padding: 20px 0 10px 0px;
}

#descriptionHolder #badge-check-landing h2 {
    padding: 10px 0 10px 0px;
}

/* QR Code badge related END*/

/* -------------------------------------------------------------------------------------------------
	START: RESPONSIVE DESIGN AREA
	---------------------------------------
	THIS AREA SHOULD BE ONLY INTENDED TO BE USED FOR RESPONSIVE DESIGN 
	PLEASE ADD NEW CSS DEFNITIONS ABOVE THIS LINE, AND RESPONSIVE 
	ALTERNATIVE STYLES BELOW THIS LINES.
 ---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) { /*and (orientation: portrait) {*/
    /*body {
		background: #e6e6e5 url(images/bodyBgr.png) top repeat-x;
	}*/
    .desktop-visible {
		display: none !important;
	}

	.mobile-visible {
		display: inherit !important;
	}

	html, body {
		min-height: 100%;
		height: 100%;
	}

	.free-mobile-wrapper {
		min-height: 100%;
	}

	body.free-mobile-wrapper {
		background: #ffffff;   /* before: #f3f5fd;*/
		background-image: none;
		height: auto;
		width: 100%;
	}

		body.free-mobile-wrapper #modal-overlay {
			display: none;
		}

		body .free-mobile-wrapper .sf-back-to-top-wrapper {
			display: none;
		}

		body .free-mobile-wrapper .contentWide .contentHolder {
			width: 100%;
			font-size: 1.6vw;
			top: 2vw;
		}

			body .free-mobile-wrapper .contentWide .contentHolder #cookiePopupWrap {
				width: 100%;
			}

		/*Main search pane - e.g. details for company*/

		body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .fininfo-description {
			width: 86%;
			padding: 4vw 2vw 1.5vw 2vw;
			margin: 1vw 3vw 0vw 5vw;
			display: block !important;
			color: #999999;
			font-style: italic;
			font-size: 3.3vw;
			background-color: white;
			text-align: center;
			float: left;
			background: #fff !important;
			border-top: solid 1px #c8c6c5;
			border-right: solid 1px #c8c6c5;
			border-left: solid 1px #c8c6c5;
			clear: both;
		}
		body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .fininfo-description-bottom {
			width: 86vw;
			height: 0;
			padding: 4vw 2vw 2vw 2vw;
			float: left;
			background: url(images/foldedBottom.png) bottom left no-repeat;
			border-right: solid 1px #c8c6c5;
			border-left: solid 1px transparent;
			margin: 0vw 3vw 0vw 5vw;
		}
		
		body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder {
			/*display: none;*/
			width: 100%;
		}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch {
				width: 100%;
				padding: 0vw 0vw 0vw 0vw;
				background-image: none;				
			}

				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .toolbar {
					display: none;
				}

				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo {
					display: grid;
					grid-template-areas: 
						'bon cpt cpt cpt' 
						'act act act act' 
						'dta dta sta sta' 
						'dta dta sta sta' 
						'con con con con';
					grid-gap: 2vw;
					padding: 4vw;
				}

				/* Start: This is only for Views/Home/_CompanysummaryFreeMobile partial view */
				body .free-mobile-wrapper .contentWide .mainSearchWide.mobile {
					background-color: transparent;					
				}
					body .free-mobile-wrapper .contentWide .mainSearchWide.mobile .mainSearchHolder .mainSearch {
						background-color: #faf9f7;
					}
					body .free-mobile-wrapper .contentWide .mainSearchWide.mobile .mainSearchHolder #mainSearchWrapper {
						/*background-color: transparent;*/
						margin: 4vw 0vw 0vw 0vw;
					}
				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree {
					display: grid;
					grid-template-areas: 
						'cpt cpt' 
						'act act' 
						'dta dta' 
						'sta sta' 
						'con buyw';
					grid-gap: 2vw;
					padding: 4vw;
					position: initial;
					font-size: 3vw;
					color: #777777;
					margin: -2vw 0vw -3vw 0vw;
					grid-template-columns: 50% 50%;
				}

                    body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree .cpt .certificate {
                        border-right: solid 1px #d4d4d4;
                        width: 15vw;
                        margin: 0px 10px 5px 0;
                        float: left;
                    }

                        body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree .cpt .certificate a {
                            background-image: url(images/svg/certificate.svg);
                            background-repeat: no-repeat;
                            height: 15vw;
                            display: block;
                        }

					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree .cpt {
						grid-area: cpt;
						width: 100%;
						padding: initial;
						padding: 2vw 0 1vw 0;
						/*grid-column-start: 2;
						grid-column-end: 3;
						grid-row-start: 1;
						grid-row-end: 2;*/
                    }

						body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree .cpt div {
							width: 100%;
							overflow: initial;
							text-overflow: initial;
							-o-text-overflow: initial;
							white-space: initial;
						}

							body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree .cpt div span {
								display: block;
								font-size: 3.7vw;
							}

					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree .activityHeader {
						grid-area: act;
						width: 100%;
						margin: 0;
						padding: 0vw 0vw 0vw 0vw;
						white-space: initial;
					}

					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree p.data {
						grid-area: dta;
						width: 100%;
						margin: 0;
						padding: 0vw 0vw 0vw 0vw;
					}

					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree .status {
						grid-area: sta;
						width: 100%;
						margin: 0;
						padding: 0vw 0vw 0vw 0vw;
					}
					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree .status div {
						display: inline-block;
					}

					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree ul.contact {
						grid-area: con;
						/*grid-template-areas: 
							'con-lig' 
							'con-pho' 
							'con-fax' 
							'con-web';*/
						width: 100%;
						margin: 0;
						padding: 0vw 0vw 0vw 0vw;
						/*display: grid;*/
					}
						body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree ul.contact li:not(:first-child) {
							padding: 0.3vw 0vw 0vw 0.2vw;
						}
						body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree ul.contact .light {
							grid-area: con-lig;
						}
						body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree ul.contact .phone {
							grid-area: con-pho;
							background-position-y: 0.3vw;
							padding: 0 0 0 4vw;
						}
						body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree ul.contact .fax {
							grid-area: con-fax;
							background-position-y: 0.3vw;
							padding: 0 0 0 4vw;
						}
						body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree ul.contact .web {
							grid-area: con-web;
							background-position-y: 0.3vw;
							padding: 0 0 0 4.3vw;
						}
						body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree ul.light {
							padding-right: 1.5vw;
						}
					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #companySummaryFree span.text {
						padding: 0vw 3vw 0vw 0.5vw;
					}

				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #bannerBuyWrapper.companyInfo {
					grid-area: buyw;
					grid-template-areas: initial;
					grid-gap: initial;
					padding: initial;
				}
					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch #bannerBuyWrapper.companyInfo .bannerBuy {
						padding: 0vw 0vw 0vw 4vw;
						margin: 0vw -13vw 2vw 4vw;
						width: 33vw;
						height: 20vw;
						background-size: contain;
					}						
				/* End: This is only for Views/Home/_CompanysummaryFreeMobile partial view */

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder #indexCompanyFree.mainSearch .search .mainSearchSubmit {
				position: initial;
			}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .bannerBuy {
				grid-area: buy;
				width: 39vw;
				height: 24vw;
				position: initial;
			}

				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .bannerBuy .bannerBuyCpt {
					font-size: 3vw;
					line-height: 3vw;
					width: 21vw;
					margin: 4vw 7vw 0 0;
				}

				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .bannerBuy .bannerBuyPrice {
					font-size: 3vw;
					width: 22vw;
					margin: 1vw 6vw 0 0;
				}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo .bonitet {
				grid-area: bon;
				height: auto;
				width: 10vw;
				margin: 0;
				background-position-x: -0.5vw;
				text-align: initial;
				/*grid-column-start: 1;
						grid-column-end: 2;
						grid-row-start: 1;
						grid-row-end: 2;*/
			}

				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo .bonitet span {
					font-size: 6vw;
					margin-left: 2.5vw;
				}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo .cpt {
				grid-area: cpt;
				width: 100%;
				padding: initial;
				padding: 2vw 0 1vw 0;
				/*grid-column-start: 2;
						grid-column-end: 3;
						grid-row-start: 1;
						grid-row-end: 2;*/
			}

				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo .cpt div {
					width: 100%;
					overflow: initial;
					text-overflow: initial;
					-o-text-overflow: initial;
					white-space: initial;
				}

					body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo .cpt div span {
						display: block;
						font-size: 3.7vw;
					}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo .activityHeader {
				grid-area: act;
				width: 100%;
				margin: 0;
				padding: 0 0 0 3vw;
				white-space: initial;
			}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo p.data {
				grid-area: dta;
				width: 100%;
				margin: 0;
				padding: 0 0 0 3vw;
			}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo p.status {
				grid-area: sta;
				width: 100%;
				margin: 0;
				padding: 0 0 0 3vw;
			}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo p.contact {
				grid-area: con;
				width: 100%;
				margin: 0;
				padding: 0 0 0 3vw;
			}

				body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo p.contact .phone {
					padding: 0 4vw 0 4vw;
				}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo p .light {
				font-size: 2.7vw;
				display: table;
				padding-left: 0;
				padding-top: 2vw;
			}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo p .NoTaxDept {
				background-position-y: 2vw;
			}

		/* Header CSS */

		body .free-mobile-wrapper .contentWide .header {
			margin: 0;
			background-color: #5273b8;
			background-image: none;
			position: relative;
			height: 10vw;
			width: 100%;
			z-index: 999;
		}

            body .free-mobile-wrapper .contentWide .header .logo {
                position: absolute;
                top: initial;
                left: initial;
                background-size: contain;
                height: -webkit-fill-available;
                /* normal logo */
                background: url(images/svg/fininfo_logo_white_plain.svg) 0 0 no-repeat;
                width: 33vw;
                margin: 2.5vw;
                background-size: contain;
                /* normal logo end */
                /* holiday logo */
                /*background: url(images/svg/fininfo_logo_white_plain_holiday.svg) 0 0 no-repeat;
                width: 37vw;
                margin: 1.5vw;
                margin-left: 2.5vw;*/
                /* holiday logo end */
            }

			body .free-mobile-wrapper .contentWide .header .user {
				position: absolute;
				top: inherit;
				font-size: inherit;
				line-height: 5vw;
				right: 11vw;
			}

				body .free-mobile-wrapper .contentWide .header .user ul {
					font-size: 5vw;
					line-height: 5vw;
				}

					body .free-mobile-wrapper .contentWide .header .user ul li {
						margin: 0;
					}

						body .free-mobile-wrapper .contentWide .header .user ul li ul {
							margin: 2.5vw 0;
						}

							body .free-mobile-wrapper .contentWide .header .user ul li ul li {
								margin: 0 0 0 4vw;
							}

						body .free-mobile-wrapper .contentWide .header .user ul li.login:before {
							font-family: "Font Awesome 5 Pro";
							font-weight: 900;
							content: "\f007"; /*fa-user*/
							color: #f7a808;
						}

						body .free-mobile-wrapper .contentWide .header .user ul li.login a#LogOnPartialPrijava {
							background-image: none;
							display: none;
						}

						body .free-mobile-wrapper .contentWide .header .user ul li.register:before {
							font-family: "Font Awesome 5 Pro";
							font-weight: 900;
							content: "\f303"; /*fa-pencil*/
							color: #bdc99e;
						}

						body .free-mobile-wrapper .contentWide .header .user ul li.register a#LogOnPartialRegistracija {
							background-image: none;
							display: none;
						}

			body .free-mobile-wrapper .contentWide .header label.toggle-menu {
				display: inline-block;
				text-decoration: none;
				list-style: none;
				margin: 2.5vw;
				outline: none;
				float: right;
				cursor: pointer;
			}

			/* This would actually toggle the dropdown menu.
				How: there is one input (checkbox) field that is tied to the label. 
				When the label is clicked, it actually toggles the input (checkbox) element.
				the .menu element is display.none or dysplay.block in dependance of 
				the checked state of that input (checkbox) field */
			body .free-mobile-wrapper .contentWide .header input[type=checkbox]#toggle-1:checked ~ .menu {
				/*display: block;*/
				left: 0vw;
				right: 0vw;
				top: 10vw;
				opacity: 1;
				transition: all 0.75s ease 0s;
			}

			body .free-mobile-wrapper .contentWide .header label.toggle-menu ul {
				display: table;
				height: 5vw;
			}

				body .free-mobile-wrapper .contentWide .header label.toggle-menu ul li {
					height: 0.5vw;
					background-color: #f5f6f7;
					margin-bottom: 33%;
					width: 5vw;
				}

			body .free-mobile-wrapper .contentWide .header .menu {
				/*display: none;*/
				position: absolute;
				right: 0;
				left: 0;
				top: -110vh;
				padding: 0;
				z-index: 99;
				text-align: left;
				opacity: 0.5;
				transition: all 0.25s ease 0s;
			}

				body .free-mobile-wrapper .contentWide .header .menu ul {
					width: 100%;
					background-color: #fafafa;
					height: 100vh;
				}

					body .free-mobile-wrapper .contentWide .header .menu ul i.fa-home {
					}

					body .free-mobile-wrapper .contentWide .header .menu ul i.fa-search {
					}

					body .free-mobile-wrapper .contentWide .header .menu ul li {
						float: none;
						padding: 0 0 0 0;
						width: 100%;
						display: table;
						margin: 0;
						border-bottom: 2px solid #dee3ec;
					}

						body .free-mobile-wrapper .contentWide .header .menu ul li:hover {
							background-color: #4c5c80;
							transition: all 0.2s ease 0s;
						}

							body .free-mobile-wrapper .contentWide .header .menu ul li:hover a {
								color: #f7a808;
							}

						body .free-mobile-wrapper .contentWide .header .menu ul li .icon-wrapper {
							display: table-cell;
							width: 10vw;
							text-align: center;
							text-align: -webkit-center;
							text-align: -moz-center;
							vertical-align: middle;
						}

							body .free-mobile-wrapper .contentWide .header .menu ul li .icon-wrapper i {
								display: table-cell;
								margin: auto;
								font-size: 4vw;
							}

						body .free-mobile-wrapper .contentWide .header .menu ul li a {
							color: #002e5b;
							padding: 0 0 1vw 0;
							margin: 0 0 0 0;
							display: initial;
							position: relative;
							font-size: 5vw;
							line-height: 12vw;
						}

							body .free-mobile-wrapper .contentWide .header .menu ul li a span {
								background-image: none;
								padding: 0;
								height: auto;
							}

								body .free-mobile-wrapper .contentWide .header .menu ul li a span br {
									display: none;
								}

							body .free-mobile-wrapper .contentWide .header .menu ul li a.detailed {
								background-image: none;
								font-weight: inherit;
								text-align: inherit;
							}

							body .free-mobile-wrapper .contentWide .header .menu ul li a.home {
								background-image: none;
							}

								body .free-mobile-wrapper .contentWide .header .menu ul li a.home span {
									background-image: none;
								}
								/* Special case to set the 'Home' text to the menu item */
								body .free-mobile-wrapper .contentWide .header .menu ul li a.home::before {
									content: 'Home'
								}

							body .free-mobile-wrapper .contentWide .header .menu ul li a.magnifier {
								background-image: none;
							}

								body .free-mobile-wrapper .contentWide .header .menu ul li a.magnifier span {
									background-image: none;
								}


			body .free-mobile-wrapper .contentWide .header #social_box_top #social_box_icons_top {
				display: none;
			}

		body .free-mobile-wrapper .contentWide .mainSearchWide {
			border: none;
			margin: -3vw 0vw 0vw 0vw;
			padding: 2vw 0vw 2.5vw 0vw;
		}


		body .free-mobile-wrapper #feed-container .contentNav {
				 
			width: 94%;
			float: none;
			margin: 2vw auto 2vw auto;
			font-size: 4vw;
		}

		/* Pagination should not be there for mobile devices */
		body .free-mobile-wrapper #feed-container .contentNav {
			display: none;
		}

											  
			body .free-mobile-wrapper #feed-container .contentNav .pagination {
				   
	

										  
																	  
				  
				font-size: inherit;
				font-weight: 700;
				letter-spacing: 1vw;
				padding: 0 0 0 0;
				position: relative;
				margin: auto;
			}

				body .free-mobile-wrapper #feed-container .contentNav .pagination a,
				body .free-mobile-wrapper #feed-container .contentNav .pagination span {
					font-size: inherit;
					letter-spacing: 1vw;
					padding: 0 1vw 0 1vw;
				}


		body .free-mobile-wrapper .feed {
			width: 96%;
			display: grid;
			grid-template-areas: "div";
			grid-template-rows: 1fr;
			grid-template-columns: 100%;
			grid-row-gap: 3vw;
			grid-column-gap: 3vw;
			grid-gap: 3vw;
			background: #ffffff;
			padding: 3vw 0vw 7vw 0vw;
			margin-left: auto;
			margin-right: auto;
			box-shadow: 0 0 8vw -3vw rgba(42, 71, 167, 0.18);
			border-radius: 1.5vw;
		}

			body .free-mobile-wrapper .feed .item {
				display: grid;
				border: none;
				color: #636363;
				background: #ffffff;
				position: relative;
				grid-template-areas: 'title-area title-area title-area' 'image-area summary-area summary-area' 'image-area source-area link-area' 'image-area date-area link-area';
				grid-template-columns: 45% 35% 1fr;
				grid-row-gap: 0vw;
				grid-column-gap: 3vw;
				padding: 0 0 0vw 0;
				margin: 1vw 3vw 1vw 3vw;
            }

                body .free-mobile-wrapper .feed .item .images {
                    grid-area: image-area;
                    min-height: initial;
                    height: initial;
                }

					body .free-mobile-wrapper .feed .item .images img {
					}

				body .free-mobile-wrapper .feed .item .title {
					grid-area: title-area;
                    min-height: initial;
				}

					body .free-mobile-wrapper .feed .item .title h3 {
						font-size: 2em;
						font-weight: bold;
						padding: 1vw 0 2vw 0;
						color: #233e99;
					}

				body .free-mobile-wrapper .feed .item .summary {
					grid-area: summary-area;
					margin-top: -1vw;
                    height: initial;

                    max-height: 150px;
                    overflow-y: hidden;
                    margin-bottom: 4.5em;
                    height: 108px;
                    position: relative;
				}

                    body .free-mobile-wrapper .feed .item .summary:after {
                        content: "";
                        text-align: right;
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        width: 70%;
                        height: 1.4em;
                        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
                    }

					body .free-mobile-wrapper .feed .item .summary p {
						font-size: 1.6em;
						line-height: normal;
						text-align: justify;
						padding: 0;
						margin-bottom: 9vw;
					}

				body .free-mobile-wrapper .feed .item p.link {
					grid-area: link-area;
					bottom: 0vw;
					right: 0vw;
					position: absolute
				}

					body .free-mobile-wrapper .feed .item p.link a {
						color: #4c68a6;
						text-decoration: none;
						font-size: 1.6em;
						padding: 0 1.2em 0 0;
						background: url(images/svg/angle-double-right.svg) right 0.3vw no-repeat;
					}

				body .free-mobile-wrapper .feed .item .source {
					grid-area: source-area;
					color: #807f83;
					font-size: 1.6em;
					padding: 0 0 0vw 0;
					bottom: 3vw;
				}

					body .free-mobile-wrapper .feed .item .source .n1-icon {
						background: url(images/svg/n1_plain.svg) 0px 0.4vw no-repeat;
						background-size: 3vw 2.4vw;
						padding: 0 0 0 4vw;
						margin: 0 0 0 1vw;
					}
	
					body .free-mobile-wrapper .feed .item .source .poslovni-icon {
						background: url(images/svg/poslovni_plain.svg) 0px 0.4vw no-repeat;
						background-size: 3vw 2.4vw;
						padding: 0 0 0 4vw;
						margin: 0 0 0 1vw;
					}
				
					body .free-mobile-wrapper .feed .item .source .vecernji-icon {
						background: url(images/svg/vecernji_plain.svg) 0px 0.4vw no-repeat;
						background-size: 3vw 2.4vw;
						padding: 0 0 0 4vw;
						margin: 0 0 0 1vw;
					}
    
                    body .free-mobile-wrapper .feed .item .source .lider-icon {
						background: url(images/svg/lider-plain.svg) 0px 0.4vw no-repeat;
						background-size: 3vw 2.4vw;
						padding: 0 0 0 4vw;
						margin: 0 0 0 1vw;
					}
					 
				body .free-mobile-wrapper .feed .item .publish-date {
					grid-area: date-area;
					color: #807f83;
					font-size: 1.6em;
					bottom: 0vw;
				}


		/* Make "Load More" visible */
		body .free-mobile-wrapper #feed-container .load-more {
			display: block;
			float: left;
			width: 96vw;
			height: 8vw;
			border: 0.25vw solid #C8C6C5;
			background-color: #fff;
			margin: 3vw 1.75vw 3vw 1.75vw;
			padding-top: 3vw;
		}

			body .free-mobile-wrapper #feed-container .load-more h2 {
				text-align: center;
				font-size: 4vw;
				font-weight: bold;
				color: #4a68a6;
			}

				body .free-mobile-wrapper #feed-container .load-more h2 a {
					color: #4a68a6 !important;
					text-decoration: none;
				}

		body .free-mobile-wrapper #feed-container .feed .ads-mobile {
			display: block;
			width: 100%;
			height: 50px;
			/*background-image: url(images/advertising/ads-blank-mobile.png);*/
			text-align: -webkit-center;
			text-align: -moz-center;
			background-position: center;
			background-repeat: no-repeat;
		}

        body.free-mobile-wrapper .contentWide .contentHolder.index-free .contentLeft div.ajaxNewsLoader {
        }

        body.free-mobile-wrapper .contentWide .contentHolder.index-free .contentLeft > p.link {
            display: none;
        }

        body .free-mobile-wrapper #results .homePage {
            display: none;
        }

		body .free-mobile-wrapper #feed-update-container #ads-area .ads {
			display: none;
		}

		/* Ads - removed ads at sidebars */
		body .free-mobile-wrapper .contentWide #adr1,
		body .free-mobile-wrapper .contentWide #adl1 {
			display: none !important;
		}

		/* --------------
			Home page	
			-------------- */

		/* Popup dialog */
		body.free-mobile-wrapper #cookiePopupWrap {
			width: 100%;
			display: inline-grid;
			position: absolute;
			grid-template-areas:
			                   'pop-img'
			                   'pop-reg'
			                   'pop-txt';
			grid-template-rows: 46% 14% 40%;
			background-color: white;
			background-image: none;
			height: 100vh;
		}

			body.free-mobile-wrapper #cookiePopupWrap .cookiePopupClose {
				top: 2vw;
				right: 2vw;
			}

			body.free-mobile-wrapper #cookiePopupWrap .cookiePopupPerson {
				grid-area: pop-img;
				-ms-background-repeat: no-repeat;
				background-repeat: no-repeat;
				/*background-size: 41vh 43vh;*/
				-ms-background-size: 37vh;
				background-size: 37vh;
				width: 45vh;
				height: 45vh;
			}

	body.free-mobile-wrapper #cookiePopupWrap .cookiePopupText {
				grid-area: pop-txt;
				width: 84vw;
				padding: 0vw 5vw;
				margin: 0vw 3vw;
				font-size: 2vh;
			}

				body.free-mobile-wrapper #cookiePopupWrap .cookiePopupText h1 {
					padding: 0vw 0 0 0;
					display: none;
				}

			body.free-mobile-wrapper #cookiePopupWrap .cookiePopupReg {
				grid-area: pop-reg;
				position: absolute;
    			left: initial;
				width: 70%;
				font-size: 7vw;
				cursor: pointer;
				z-index: 10000;
				margin: 2vh 13vw 2vh 13vw;
				padding: 0.5vw;
				background: #faa61a;
				border: solid 1px #faa61a;
				top: 2.75vh;
			}


		/* Popup dialog*/

		/* Ads */
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop {
			width: 100vw;
			margin: 0;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop div {
				width: inherit;
				display: contents;
				/*height: auto;*/
			}

            body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop div#Upper ins iframe {
                display: none;				
            }


			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop ins a,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAddBulletins ins a {
				display: block;
				position: relative;
				width: inherit;
				height: auto;
				text-align: center;
			}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop ins a img,
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAddBulletins ins a img {
					width: 90%;
					height: auto;
				}


				/* Start:  Temp for banners */
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop a,
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAddBulletins a {
					display: block;
					position: relative;
					width: inherit;
					height: auto;
					text-align: center;
				}

					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop a img,
					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .homeContentTop .homeAddBulletins a img {
						width: 90%;
						height: auto;
					}
					
					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #horizontal1{
						left: 0 !important;
					}
					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #horizontal1 a {
						margin-left: 5vw;
					}
						body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #horizontal1 a img {
							width: 90%;
							height: auto;
						}
				/* End:  Temp for banners */


		body.free-mobile-wrapper .contentHolder .contentRight {
			width: 90%;
			left: 5%;
			position: relative;
			float: left;
			margin-top: -6vw !important;
		}

			body.free-mobile-wrapper .contentHolder .contentRight .vertical-right-ads {
				text-align: center;
				padding-bottom: 10vw !important;
				width: 90%;
				height: auto;
			}

				body.free-mobile-wrapper .contentHolder .contentRight .vertical-right-ads img {
					text-align: center;
					width: 90vw;
					height: auto;
				}

		/* Ads */

		/* Company search */
		body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .search {
			width: 95%;
			position: initial;
			background: none;
			height: 13.5vw;
		}

			body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .search .mainSearchSubmit {
				top: 2vw;
				width: 10vw;
				height: 10vw;
				top: 2vw;
				right: 3vw;
				margin: 0;
				padding: 0;
				/*border-width: 1px;
				border-style: solid;
				border-color: #97a5c5;*/
			}

		body .free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch input.mainSearchTBox {
			width: 82vw;
			height: 7vw;
			border-color: #97a5c5;
			border-width: 1px;
			border-style: solid;
			background-color: white;
			margin: 0vw 0 0 0vw;
			padding: 1vw 10vw 1vw 2vw;
			margin-top: 2vw;
			background-image: url(images/svg/magnifying-search.svg);
			background-repeat: no-repeat;
			background-position-x: 85vw;
			background-position-y: 0vw;
			background-size: contain;
		}
		/* Company search */

		/* Free table "Follow" */
		body.free-mobile-wrapper .contentHolder .contentLeft {
			width: 90%;
			left: 5%;
			position: relative;
		}

			body.free-mobile-wrapper .contentHolder .contentLeft #scrollHolder #scroll {
				overflow: hidden;
			}

			body.free-mobile-wrapper .contentHolder .contentLeft div.ajaxNewsLoader {
				float: left;
				width: 100%;
				height: 8vw;
				margin-top: 8vw;
				padding-top: 2vw;
			}

		body.free-mobile-wrapper .contentHolder .contentRight {
			width: 90%;
			left: 5%;
			position: relative;
			float: left;
		}

			body.free-mobile-wrapper .contentHolder .contentRight .sidebarItemHolder#sidebarItemHolderFree {
				width: 100%;
				margin: 4vw 0 0 0;
			}

				body.free-mobile-wrapper .contentHolder .contentRight .sidebarItemHolder#sidebarItemHolderFree h2 {
					width: 87%;
				}

			body.free-mobile-wrapper .contentHolder .contentRight .sidebarItemHolder ul.accordion li {
				margin: 4vw 0 0 0;
			}

			body.free-mobile-wrapper .contentHolder .contentRight a.sidebarItemLink {
				margin: 4vw 0 0 0;
			}

		body.free-mobile-wrapper .contentHolder table#followPoduzeca,
		body.free-mobile-wrapper .contentHolder table#follow,
		body.free-mobile-wrapper .contentHolder table#traziPoduzeca,
		body.free-mobile-wrapper .contentHolder table#followOsobe,
		body.free-mobile-wrapper .contentHolder table#followprocurements,
		body.free-mobile-wrapper .contentHolder table#searchProcurements,
		body.free-mobile-wrapper .contentHolder .listOfNotes {
			margin: 0 20px;
			color: #777777;
			font-size: 12px;
			width: 91%;
			float: left;
			padding-right: 2vw;
			margin: 0vw 0vw 0vw 4vw;
		}

			body.free-mobile-wrapper .contentHolder table#follow td.date,
			body.free-mobile-wrapper .contentHolder table#follow td span.name {
				font-weight: bold;
				width: 6vw;
				text-align: right;
			}

            body.free-mobile-wrapper .contentHolder table#follow td.date,
            body.free-mobile-wrapper .contentHolder table#follow.demo td.date {
                width: 70px;
            }

        body.free-mobile-wrapper .contentHolder.contentRight a.sidebarItemLink {
            font-size: 3.5vw;
            padding: 0 0 0 3vw;
            margin: 2vw 0 0 0;
        }

		/* --------------------------------------------------
			Home page - /Home/SearchCompaniesFree	
			-------------------------------------------------- */

		/* Table */

		body .free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #traziPoduzeca tr td:nth-child(2),
		body .free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #traziPoduzeca tr th:nth-child(2) {
			display: none;
		}
		body .free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #traziPoduzeca tr td:nth-child(4),
		body .free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #traziPoduzeca tr th:nth-child(4) {
			width: 30%;
			white-space: nowrap;
		}

		body .free-mobile-wrapper .contentWide #cookiePopupWrap {
			width: 100%;
		}

		body .free-mobile-wrapper .contentWide .contentHolder #vertical2 {
			left: initial !important;
			margin-bottom: 2vw;
		}
	
		body .free-mobile-wrapper .contentWide .contentHolder .contentNav {
			display: none;
		}

		body .free-mobile-wrapper .contentWide .contentHolder .contentNav_companies_bottom {
			display: none;
		}

		body .free-mobile-wrapper .contentWide .contentHolder .contentNav .breadcrumb {
			/*display: none;*/
		}

		body.free-mobile-wrapper .contentOneColumn #contentOneColumnHolder #traziPoduzeca {
			width: 100%;
			padding: 2vw;
		}

		body.free-mobile-wrapper .contentWide .contentHolder .contentNav
		/*body.free-mobile-wrapper .contentNav_company,
		body.free-mobile-wrapper .contentNav_person,
		body.free-mobile-wrapper .contentNav_companies_bottom,
		body.free-mobile-wrapper .contentNav_free_bottom*/ {
			width: 100%;
			margin-bottom: 3vw;
		}

			body.free-mobile-wrapper .contentWide .contentHolder .contentNav .searchResults {
				padding-left: 2vw;
			}

			body.free-mobile-wrapper .contentWide .contentHolder .contentNav .pagination {
				position: initial;
			}

		body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn {
			margin-top: 0vw !important;
		}

			body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder #oneColumnTabContent {
				padding: 6vw 0vw 0vw 0vw;
				/*margin: 6vw 0vw 0vw 0vw;*/
				top: -6.5vw;
			}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #oneColumnTabContentFree,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .oneColumnTabContentFreeBottom {
			left: 0vw !important;
			margin-left: 2vw;
			margin-right: 2vw;
			width: 96vw;
		}
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .oneColumnTabContentFreeBottom {
			background-image: none;
			border-top: 1px solid #c8c6c5;
			border-right: 0px;
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #oneColumnTabContentFree {
			padding-top: 0;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #oneColumnTabContentFree #descriptionHolder {
				padding-top: 0;
			}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #oneColumnTabContentFree #descriptionHolder .descriptionLeft .sidebarItemHolder,
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #oneColumnTabContentFree #descriptionHolder .descriptionLeft .sidebarItemHolderBottom {
					width: 88vw;
				}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #oneColumnTabContentFree #descriptionHolder .descriptionLeft #vertical1 {
					/*display: inline-block !important;
					width: 96%;*/
				}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #oneColumnTabContentFree #descriptionHolder .descriptionLeft #vertical1  ins a img {					
					width: 96%;
					height: auto;
				}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage {
			top: 0;
			width: 90vw;
			left: 5vw;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .video {
				width: 90vw;
				float: left;
				position: relative;
				padding: 3vw;
				margin: 0;
			}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .video h2 {
					width: 84vw;
				}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .video iframe {
					--width: 84vw;
					width: var(--width);
					height: calc(var(--width) / 1.6);
				}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder p {
				padding: 1vw 3vw 2vw 3vw;
				font-size: 3.5vw;
				/*width: inherit;*/
			}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder ol,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder ul {
				float: left;
				padding: 1vw 1vw 3vw 1vw;
				font-size: 3.5vw;
				width: 88vw;
			}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder ul li {
					padding: 0 0 0 3vw;
					margin: 0 4vw 0 7vw;
				}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder ul.accordion li {
					padding: 3vw 0vw 0vw 3vw;
					margin: 0 4vw 0 7vw;
				}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder ol li ol,
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder ul li ul {
					width: 75vw;
					padding-right: 2vw;
				}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage h2 {
				padding-left: 3vw;
				padding-right: 3vw;
				font-size: 5vw;
				width: inherit;
			}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPageBottom {
			top: 0;
			width: 90vw;
			left: 5vw;
			padding-right: 1px;
		}

		body.free-mobile-wrapper .contentHolder .contentNav_free_bottom {
			width: 95vw;
		}

		body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .companyInfo .bannerBuy {
			grid-area: buy;
			width: 34vw;
			height: 22vw;
			top: 50vw;
			right: 2vw;
		}

		/* payment */
		body .free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #payment-mobile.staticPage .staticPageHolder ul li {
			padding: 1vw 0 2vw 3vw;
			margin: 0 0 0 3vw;
		}
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #payment-mobile.staticPage .staticPageHolder ul li.masterCardSecure,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder #payment-mobile.staticPage .staticPageHolder ul li.vbVisa {
				padding: 10vw;
				width: 9vw;
			}

		/* Package comparison */
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison {
			margin: 0vw 0vw 0vw 0vw;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison .stampMostPopular {
				left: 38vw;
				top: 17vw;
				width: 27vw;
				height: 11vw;
				background-size: contain;
			}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table .premiumPackage,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table .advancedPackage,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table .basicPlusPackage,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table .basicPackage,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table .freePackage,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table tr td {
				font-size: 3vw;
				display: table-cell;
				padding-top: 3vw;
			}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table tr th,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table tr td {
				width: 20vw !important;
				text-align: center;
				padding: 2vw 1vw 2vw 1vw;
			}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table tr th.description div,
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table tr td.descriptionItem div {
					width: 20vw;
					padding: 0vw 0vw 0vw 0vw;
					text-align: center;
					font-size: 3vw;
				}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison {
			width: 100%;
			height: auto;
			bottom: 11vw;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table {
				width: inherit;
			}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table.packageComparisonTableVisible .fee td {
					padding: 3vw 0vw 2vw 0vw;
					height: 17vw;
				}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison table tr td {
					width: 20vw;
					word-break: break-word;
					position: relative;
				}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td a {
			background: none;
			width: 20vw;
			font-size: inherit;
			text-decoration: none;			
			word-break: break-word;
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.descriptionItem,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyPremium,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyFull,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyBasic,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyBasicPlus,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdRegister {
			padding: 4vw 2vw 4vw 2vw;
		}
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.descriptionItem a,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyPremium a,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyFull a,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyBasic a,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyBasicPlus a,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdRegister a {
			color: #ffffff;
		}


		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.descriptionItem {
			background-image: none;
			padding: 4vw 0vw 4vw 0vw;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.descriptionItem div {
				margin: 0vw 0vw 0vw 1vw;
			}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyPremium {
			background-image: none;
			background-color: #c91c00;
			padding: 4vw 0vw 4vw 0vw;
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyFull {
			background-image: none;
			background-color: #778f14;
			padding: 4vw 0vw 4vw 0vw;
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyBasic {
			background-image: none;
			background-color: #4a68a6;
			padding: 4vw 0vw 4vw 0vw;
		}
		
    body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdBuyBasicPlus {
			background-image: none;
			background-color: #7873f5;
			padding: 4vw 0vw 4vw 0vw;
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdRegister {
			background-image: none;
			background-color: #ff9900;
			overflow-wrap: break-word;
			white-space: nowrap;
			padding: 4vw 0vw 4vw 0vw;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder table tr td.tdRegister div {
				position: absolute;
				z-index: 10;
				width: 59vw;
				height: 7.5vw;
				right: 1vw;
				bottom: 11.5vw;
				text-align: center;
				padding: 3vw 0vw 0vw 0vw;
				background: Transparent url(images/tooltipTallerShorterBgr.png) 0 0 no-repeat;
				font-size: 2.8vw;
				color: #000;
				background-size: contain;
			}

		/*body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison .accordion li,
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparisonExtended .accordion li {
				padding: 0 0 20vw 0;
				width: 100%;
			}*/

		/*body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison a.moreLess {
				width: 100%;
				background-image: none;				
			}*/
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison a.moreLess,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison a.active,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparisonExtended a.moreLess,
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparisonExtended a.moreLess {
			display: inline-block;
			width: 98vw;
			height: 11vw;
			background-image: none;
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 57%, rgba(219,219,219,1) 100%);
			line-height: 11vw;
			border-radius: 1.5vw;
			border-width: 0.3vw;
			border-style: solid;
			border-color: #b3b3b3;
			padding: 0;
			text-align: center;
			font-weight: bold;
			font-size: 4vw;
			margin: 1vw;
			bottom: -2vw;
			text-decoration: none;
			color: #4c68a6;
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison a.more:after {
			content: 'Više podataka';
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .packageComparison a.less:after {
			content: 'Manje podataka';
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .contactBanner {
			width: inherit;
			/*padding-left: 7vw*/;
			font-size: 4.5vw;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .contactBanner ul {
				/*text-align: center;
						font-size: inherit;*/
			}

				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .contactBanner ul li {
					margin: 0vw 0vw 0vw 23vw;
				}

		/* Package comparison - Account/Register */


		body.free-mobile-wrapper .contentWide .mainSearchWide.register .title.validation-summary-errors {
			font-size: 4.5vw;
			width: 89%;
			padding: 2vw 3vw;
			border: solid 0.5vw #89181c;
			margin: 0vw 2vw 0vw 2vw;
		}

		body.free-mobile-wrapper .contentHolder.register .contentNav {
			margin: 0vw 0vw 0vw 0vw;
		}

		body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .stepRegister a.nextStep {
			position: relative;
			right: initial;
			bottom: initial;
			text-align: center;
		}

		body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .stepRegister .registerRequired {
			position: relative;
			left: inherit;
		}

		body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .check {
			display: grid;
			grid-template-areas: 'ckb lab';
			grid-template-columns: 20% 80%;
			left: 5vw;
			width: inherit;
			position: initial;
			margin: 4vw 0vw 4vw 0vw;
		}

			body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .check .ez-checkbox {
				grid-area: ckb;
			}

			body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .check label {
				grid-area: lab;
				font-size: initial;
				display: inline-block;
				height: initial;
				line-height: initial;
				padding: 0vw 0vw 0vw 0vw;
			}

		body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .userDetails.stepRegister {
			width: 90vw;
			margin: 0vw 0vw 0vw 2vw;
			padding: 0vw 3vw 6vw 3vw;
		}

			body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .userDetails.stepRegister div {
				width: 88vw;
				text-align: start;
			}

				body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .userDetails.stepRegister div .label {
					width: 91%;
					text-align: start;
					margin: 0vw 0vw 0vw 3vw;
				}

				body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .userDetails.stepRegister div span {
					width: 100%;
				}

					body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .userDetails.stepRegister div span input {
						width: 96%;
					}

			body.free-mobile-wrapper .contentHolder.register .contentOneColumn #contentOneColumnHolder .userDetails.stepRegister h1 {
				font-size: 6vw;
				padding: 5vw 0vw 4vw 0vw;
			}

		body.free-mobile-wrapper .contentWide .terms-protection .bonitetPopupPosition {
			position: fixed;
			top: 0vw !important;
			width: 100vw;
			height: 100vh;
			top: initial;
			left: initial;
		}

			body.free-mobile-wrapper .contentWide .terms-protection .bonitetPopupPosition .bonitetPopup {
				width: 100vw;
				height: 100%;
			}

				body.free-mobile-wrapper .contentWide .terms-protection .bonitetPopupPosition .bonitetPopup .termsWrap {
					width: 90%;
					height: 90vh;
				}

		/*Inozemni bonitetni izvještaj*/
		body .free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder h1 {
			font-size: 5vw;
			padding: 4vw 3vw 3vw 3vw;
			width: 94% !important;
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .foreignReportsPackages {
			width: 92%;
			margin: 1vw 0 5vw 2vw;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .foreignReportsPackages th {
				padding: 2vw;
			}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .tbox input.halfWidth {
			width: 80vw;
		}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .tarea {
			width: 80vw;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .tarea textarea.halfWidth {
				width: inherit;
			}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .contactSubmitHolder {
			width: inherit;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .contactSubmitHolder input.contactSubmit {
				width: 61vw;
			}

		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage form .staticPageHolder {
			padding: 0vw 0 8vw 2vw;
		}

		/* Objave za medije */
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement {
			display: inline;
		}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement h3 {
				padding-left: 4vw;
			}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement p.text {
				padding-left: 4.5vw;
			}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement img {
				width: 95%;
				height: auto;
				background-size: contain;
			}

			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .staticPage .staticPageHolder .announcement .more {
				padding: 1vw 6vw 5vw 3vw;
			}

		/* Elearning */
		body.free-mobile-wrapper .contentWide .e-learning .contentNav {
			width: 100%;
			margin: 0vw;
		}

		body.free-mobile-wrapper .contentWide .e-learning .contentOneColumn #roundedEdges {
			display: none;
		}

		body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder .toolbar {
			display: none;
		}

		body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder .toolbar {
			left: 0vw;
			right: 0vw;
		}

		body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder {
			margin-top: 3vw;
		}

			body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder {
				display: inline-grid;
				padding-bottom: 4vw;
				padding-top: 2vw;
			}			

				body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left,
				body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .right {
					width: 95%;
					padding: 0vw 0vw 0vw 0vw;
					margin-left: 4vw;
					display: inline-grid;
				}

					body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left a {
					}

					body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left div {
						width: 95%;
						margin-bottom: 5vw;
					}

					body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left .featuredContent {
						margin-left: 0;
						display: grid;
						grid-template-areas: 'ico par';
						grid-template-columns: 30vw auto;
						width: 96%;
						height: auto;
					}

						body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left .featuredContent .featuredIcon {
							grid-area: ico;
							width: inherit;
						}

						body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left .featuredContent .featured-text {
							grid-area: par;
							width: auto;
						}

							body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left .featuredContent .featured-text p.learnMore {
								margin: 2vw 0vw 0vw 3vw;
							}

					body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left .blogsLeft {
						border: none;
						margin: 0vw 0vw 0vw 0vw;
						padding: 0vw 0vw 0vw 0vw;
						background-image: none;
					}

						body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .left .blogsLeft .blogItem {
							width: auto;
							margin: 4vw 0vw 0vw 0vw;
							padding: 4vw 4vw 0vw 4vw;
						}

				body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .right {
					margin: 3vw 0vw 0vw 4vw;
				}

					body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .right iframe {
						width: 96%;
						padding-top: 3vw !important;
					}

					body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .right .dictionaryRight {
						border: solid 1px #c9c8cb;
						margin: 6vw 0vw 0vw 0vw;
						padding: 4vw 0vw 4vw 0vw;
						background-image: none;
						width: 95%;
					}

						body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .right .dictionaryRight h3,
						body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .right .dictionaryRight h2,
						body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .right .dictionaryRight p {
							padding: 4vw 4vw 1vw 4vw;
						}

						body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #elearningHolder .right .dictionaryRight .dictionaryCpt {
							padding: 1vw 0vw 4vw 18vw;
							background-position-x: 2vw;
						}

			body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #roundedEdges {
				width: 100%;
				border-left: solid 1px transparent;
			}

		body.free-mobile-wrapper .e-learning .contentNav_companies_bottom {
			width: 100%;
			margin-top: 2vw;
			margin-bottom: 7vw;
		}

			body.free-mobile-wrapper .e-learning .contentNav_companies_bottom .breadcrumb {
				width: 100%;
			}

		body.free-mobile-wrapper .e-learning .contentOneColumn {
			margin-bottom: 0vw;
		}
			/* Elearning - Leksikon */
			body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #dictionaryHolder {
				width: 96%;
				float: left;
				padding: 3vw 0 7vw 0vw;
				position: relative;
			}

				body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #dictionaryHolder .glossaryNav {
					position: absolute;
					font-size: 3vw;
					color: #777777;
					top: 14vw;
					left: 9.5vw;
				}

				body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #dictionaryHolder .dictionaryText {
					width: inherit;
					position: relative;
					top: 10vw;
				}

					body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #dictionaryHolder .dictionaryText p {
						padding: 0vw 2vw 1vw 10vw;
					}

				body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #dictionaryHolder .breadcrumb {
					position: absolute;
					font-size: 3vw;
					color: #777777;
					top: 20vw;
					left: 9vw;
					right: 2vw;
				}
			/* Elearning - Blog */
			body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #blogHolder .left {
				width: 94%;
				float: left;
				padding: 3vw 0 7vw 0vw;
				position: relative;
				margin: 2vw 3vw 0vw 3vw;
			}

			body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #blogHolder .right {
				width: 94%;
				float: left;
				padding: 3vw 0 7vw 0vw;
				position: relative;
				margin: 2vw 3vw 0vw 3vw;
			}

				body.free-mobile-wrapper .e-learning .contentOneColumn #contentOneColumnHolder #blogHolder .right .blogText {
					width: 100%;
					margin: 0vw 0vw 0vw 0vw;
				}

		/*  Poduzeće pregled */

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight #courtRegisterHolderFree {
			padding: 0 0 12vw 0;			
			margin-left: -2vw;
		}

		/* Pretraga poduzeća */

		body.free-mobile-wrapper .ui-dialog {
			min-width: 80vw !important;
			width: 100vw !important;			
		}
    body.free-mobile-wrapper #dialogScreenShot .sshotPopup {
            background-image: none;
            background-color: #ffffff;
            display: inline-grid;
            grid-template-areas:
               'title' 
               'packAvail'
               'popScrl';
            grid-template-rows: 5% 12% auto;
            width: 100% !important;
            height: 100vh !important;
            margin: -12vw 0 0;
            padding: 4vw 0 0;
        }
			body.free-mobile-wrapper #dialogScreenShot .sshotPopup h2 {
				grid-area: title;
				margin: 2vw;
				padding: 0vw 0vw 0vw 0.5vw;
				margin-top: -1vw;
			}
            body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability {
                grid-area: packAvail;
                margin: 0vw 0vw 0vw 2.5vw;
                width: inherit !important;
                display: grid;
                grid-template-areas: 
                                   "ava ava ava ava" 
                                   "pre adv bas-plus bas" 
                                   "cmp cmp cmp cmp";
                grid-template-columns: 24% 23% 24% 23%;
            }
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .availability {
					grid-area: ava;
					padding: 2vw 1vw 2vw 2vw;
					width: auto ! important;
					height: initial;
					background: none;
					margin-right: initial;
					position: relative;
					font-size: inherit;
					background-color: #ececec;
				}
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageTitle {
					padding: 0.5vw 1vw 0vw 1vw;
					font-size: 3vw;
                    color: #fff;
                    font-size: 3vw;
                    font-weight: bold;
                    margin-top: 1.5vw;
				}
                body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packagePrice {
                    font-size: 2.5vw;
                    width: 65%;
                    text-align: center;
                }
				
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packagePremium {
					grid-area: pre;
					width: 100%;
					z-index: 1003;
					height: 18vw;
				}
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageAdvanced {
					grid-area: adv;
					width: 100%;
					z-index: 1002;
					height: 18vw;
				}
                body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageBasicPlus {
                    grid-area: bas-plus;
                    width: 100%;
                    z-index: 1001;
                    height: 18vw;
                }
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageBasic {
					grid-area: bas;
					width: 100%;
					z-index: 1000;
					height: 18vw;
				}
                    body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packagePremium a,
                    body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageAdvanced a,
                    body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageBasicPlus a,
                    body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageBasic a {
                        width: 13.5vw;
                        height: 6.5vw;
                        line-height: 7vw;
                        font-size: 3vw;
                        right: -2vw;
                        bottom: -4.5vw;
                        background-image: none;
                        border: 0.5vw solid white;
                        box-shadow: 0.5vw 0.5vw 1vw grey;
                    }
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packagePremium a {
					background-color: #CC2B11;
				}
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageAdvanced a {
					background-color: #87983c;
				}
                body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageBasicPlus a {
                    background-color: #6868a6;
                }
                body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageBasic a {
					background-color: #657cb3;
				}

				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageComparisonLink {
					grid-area: cmp;
					width: 66.6%;
					left: 15vw;
					position: absolute;
					font-size: 3vw;
					height: 8vw;
					line-height: 8vw;
					padding: 0 0 0 5vw;
					margin-top: 6vw;
				}
					body.free-mobile-wrapper #dialogScreenShot .sshotPopup .packagesAvailability .packageComparisonLink span {
						height: 9vw;
						line-height: 9vw;
						padding: 0 4vw 0 0;
					}

			body.free-mobile-wrapper #dialogScreenShot .sshotPopup .sshotPopupScroller {
				grid-area: popScrl;
				width: 100%;
				margin: 16vw 0vw 0vw 2.5vw;
				overflow-y: initial;
				overflow-x: initial;
				padding-bottom: 10vw;
			}
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .sshotPopupScroller {
					width: 95vw; /* change this to % */
				}
				body.free-mobile-wrapper #dialogScreenShot .sshotPopup .sshotPopupScroller img {
					width: 95vw; /* change this to % */
				}

		body.free-mobile-wrapper .contentOneColumn #contentOneColumnHolder .resultEmpty,
		body.free-mobile-wrapper .contentOneColumn #contentOneColumnHolder .resultNoData {
			width: 94%;
			margin-left: 3vw;
		}

            body.free-mobile-wrapper .contentOneColumn #contentOneColumnHolder .resultNoData .resultNoDataMessage {
                padding-left: 27vw;
                padding-top: 31vw;
                background-position-x: 0vw;
                background-position-y: 9vw;
                width: 62%;
            }

                body.free-mobile-wrapper .contentOneColumn #contentOneColumnHolder .resultNoData .resultNoDataMessage p {
                     padding: 0vw 0vw;
                }

    /* Home - Bonity */
        body.free-mobile-wrapper .contentOneColumn #contentOneColumnHolder #ratingHolder .bonitetHolder {
             width: initial !important;
        }

            body.free-mobile-wrapper .contentOneColumn #contentOneColumnHolder #ratingHolder .bonitetHolder .info {
                 width: 70vw;
            }

        /* Scrolling inside the dialog */

        body.free-mobile-wrapper .ui-dialog .blockageDetails,
        body.free-mobile-wrapper .ui-dialog #dialogScreenShot {
            max-width: 100vw;
            overflow: scroll;
        }
            body.free-mobile-wrapper .ui-dialog .blockageDetails .blockageDetailsScroller,
            body.free-mobile-wrapper #dialogScreenShot .ui-dialog .sshotPopup {
                width: 940px;
            }

		/* --------------------------
		-------- Footer -----------
		---------------------------- */
		body .free-mobile-wrapper .footerWide {
			width: 100vw;
			position: relative;
			font-size: 3vw;
			color: #777777;
			height: initial;
			background-color: #fff;
			top: initial;
			margin: 2vw 0vw 0vw 0vw;
			border: none;
		}

			body .free-mobile-wrapper .footerWide .footer {
				width: 100vw;
				height: initial;
				position: relative;
				font-size: 3vw;
				color: #777777;
			}

				body .free-mobile-wrapper .footerWide .footer h2 {
					font-size: 3vw;
				}

				body .free-mobile-wrapper .footerWide .footer .logo {
					top: initial;
					left: initial;
					height: 6vw;
					width: initial;
					cursor: none;
					position: relative;
					background: url(images/footer_logo.png) 0 0 no-repeat;
					margin: 3vw 3vw 4vw 6vw;
					background-size: contain;
				}

				body .free-mobile-wrapper .footerWide .footer .footerInfo {
					position: relative;
					display: grid;
					grid-template-areas: "footer-info footer-contact";
					grid-template-columns: 52% 48%;
					grid-gap: 3vw;
					top: initial;
					margin: 2vw 4vw 4vw 4vw;
					border-bottom: #edecec 2px solid;
					padding: 0 0 4vw 0;
				}

					body .free-mobile-wrapper .footerWide .footer .footerInfo p {
						padding: 4vw 0 4vw 0;
					}

					body .free-mobile-wrapper .footerWide .footer .footerInfo .info {
						grid-area: footer-info;
						padding: 0.5vw 0 0 5vw;
					}

					body .free-mobile-wrapper .footerWide .footer .footerInfo h2 {
						font-size: 3vw;
						font-weight: bold;
					}

					body .free-mobile-wrapper .footerWide .footer .footerInfo ul {
						margin-top: 0;
					}

						body .free-mobile-wrapper .footerWide .footer .footerInfo ul li {
							margin: 0 0 0.5vw 0;
						}

					body .free-mobile-wrapper .footerWide .footer .footerInfo .contact {
						grid-area: footer-contact;
					}

					body .free-mobile-wrapper .footerWide .footer .footerInfo .rights {
						display: none;
						grid-area: footer-rights;
					}

                body .free-mobile-wrapper .footerWide .footer .footerNav {
                    position: relative;
                    border: none;
                    border-left: none;
                    padding: 0;
                    top: initial;
                    left: initial;
                    height: initial;
                    display: grid;
                    grid-template-areas:
                        'footer-nav-logo-awards footer-nav-logo-awards'
                        'footer-nav-first footer-nav-fourth'
                        'footer-nav-fifth footer-nav-sixth'
                        'footer-nav-fifth footer-nav-seventh'
                        'footer-nav-eight footer-nav-eight';
                    grid-template-columns: 55% 45%;
                    grid-row-gap: 5vw;
                    padding: 0 0 0vw 0;
                    margin: 1vw 3vw 1vw 3vw;
                }

					body .free-mobile-wrapper .footerWide .footer .footerNav > div {
						width: auto;
					}

					body .free-mobile-wrapper .footerWide .footer .footerNav .footerFirst {
						grid-area: footer-nav-first;
						padding: 0 0 0 6vw;
					}
						/* removing "Ponosni dobitnici nagrada: " text for mobile version */
						body .free-mobile-wrapper .footerWide .footer .footerNav .footerFirst ul li.awards {
							display: none;
						}

					body .free-mobile-wrapper .footerWide .footer .footerNav .logo-awards {
						grid-area: footer-nav-logo-awards;
						position: relative;
						width: initial;
						bottom: initial;
						left: initial;
						height: 15vw;
						display: grid;
						grid-template-areas: 'footer-nav-eureka footer-nav-izvhrv';
						grid-template-columns: 35% 65%;
						border-bottom: #edecec 2px solid;
						padding: 0 0 6vw;
					}

						body .free-mobile-wrapper .footerWide .footer .footerNav .logo-awards .eureka {
							grid-area: footer-nav-eureka;
							position: relative;
							text-align: center;
						}

							body .free-mobile-wrapper .footerWide .footer .footerNav .logo-awards .eureka img {
								width: auto;
								height: 100%;
							}

						body .free-mobile-wrapper .footerWide .footer .footerNav .logo-awards .izvorno-hrvatsko {
							grid-area: footer-nav-izvhrv;
							position: relative;
							/* text-align: center; */
							/* left: auto; */
							display: contents;
						}

							body .free-mobile-wrapper .footerWide .footer .footerNav .logo-awards .izvorno-hrvatsko img {
								width: auto;
								height: 100%;
								margin: 0 0 0 18vw;
							}

					body .free-mobile-wrapper .footerWide .footer .footerNav .footerFourth {
						grid-area: footer-nav-fourth;
					}

					body .free-mobile-wrapper .footerWide .footer .footerNav .footerFifth {
						grid-area: footer-nav-fifth;
						padding: 0 0 0 6vw;
					}

					body .free-mobile-wrapper .footerWide .footer .footerNav .footerSixth {
						grid-area: footer-nav-sixth;
					}

					body .free-mobile-wrapper .footerWide .footer .footerNav .footerSeventh {
						grid-area: footer-nav-seventh;
					}

                    body .free-mobile-wrapper .footerWide .footer .footerNav .footerEight {
                        grid-area: footer-nav-eight;
                        padding-top: initial;
                    }


                        body .free-mobile-wrapper .footerWide .footer .footerNav .footerEight ul {
                            margin: 1vw 0 0 5.5vw;
                            /*text-align: center;*/
                        }

				body .free-mobile-wrapper .footerWide .footer .footerBottomMisc {
					position: relative;
					display: grid;
					grid-template-areas: 
                                       'footer-atriflex footer-apps' 
                                       'footer-atriflex footer-cards'
                                       'soc-net-area soc-net-area';
					grid-template-columns: 45% 45%;
					grid-column-gap: 10%;
					grid-row-gap: 5%;
					margin: 3vw 3vw 3vw 3vw;
					border-top: #ebedf0 2px solid;
					padding: 4vw 0 0 0;
				}

					body .free-mobile-wrapper .footerWide .footer .footerBottomMisc img {
						width: 100%;
						height: auto;
					}

					body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .artiflex {
						grid-area: footer-atriflex;
						position: relative;
						bottom: initial;
						right: initial;
					}

					body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .apps {
						grid-area: footer-apps;
						position: relative;
						bottom: initial;
						width: initial;
						right: initial;
					}

					body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .footerKartice {
						grid-area: footer-cards;
                        position: relative;
                        right: initial;
                        bottom: initial;
					}
                        body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .footerKartice .master {
                            background: url(images/svg/mastercard-4.svg) 0 0 no-repeat;
                            width: 75px;
                            height: 24px;
                            position: absolute;
                            left: 0;
                            bottom: 17%;
                        }
                        body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .footerKartice .maestro {
                            background: url(images/svg/maestro-2.svg) 0 0 no-repeat;
                            width: 75px;
                            height: 24px;
                            position: absolute;
                            left: 34%;
                            bottom: 17%;
                        }
                        body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .footerKartice .visa {
                            background: url(images/svg/visa.svg) 0 0 no-repeat;
                            width: 72px;
                            height: 19px;
                            position: absolute;
                            left: 65%;
                            bottom: 24%;
                        }

                    body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .social-networking {
                        grid-area: soc-net-area;
                        grid-template-areas: 'msg-area msg-area' 'fb-area ln-area';
                        position: relative;
                        right: initial;
                        bottom: initial;
                        width: initial;
                        margin: 0 0 8vw 0;
                    }
                    body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .social-networking .message {
                        text-align: center;
                    }
                    body .free-mobile-wrapper .footerWide .footer .footerBottomMisc .social-networking .linkedin span {
                        float: right;
                    }

    body .free-mobile-wrapper .footerWide .footer a.cc-link {
			text-decoration: none;
			color: white !important;
			background-color: #4b81e8;
		}

		body .free-mobile-wrapper .contentWide .header section ul .pulsing-dot-holder {
			position: absolute;
			margin-left: -6vw;
			margin-top: -7.5vw;
		}
			body .free-mobile-wrapper .contentWide .header section ul .pulsing-dot-holder .pulsing-dot {
				 position: absolute; 				
			}
		/*
			Free version - Poduzeća
		*/
		body.free-mobile-wrapper #dialogScreenShot {
			padding: 0;
		}

			body.free-mobile-wrapper #dialogScreenShot .packagesAvailability {
				display: inline-grid;
			}
		/*
			Free version - Demo/poliklinika-bagatin
		*/
		body.free-mobile-wrapper .contentNav, body.free-mobile-wrapper .contentNav_company,
		body.free-mobile-wrapper .contentNav_person,
		body.free-mobile-wrapper .contentNav_companies_bottom,
		body.free-mobile-wrapper .contentNav_free_bottom {
			display: none; 
			clear: both;
			font-size: 10px;
			color: #777777;
			position: relative;
		}

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder {
			font-size: 1.6vw;
			width: 100%;
			float: left;
			/*padding: 25px 0 40px 0;*/
			padding: 0vw 0vw 0vw 0vw;
			position: relative;
			display: inline-grid;
		}

			body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft {
				width: 92vw;
				padding: 4vw 0 4vw 4vw;
			}

				body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft .gmapHolder {
					width: 95%;
				}

				body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft #left-graph-right-holder {
					display: table;
				}

				body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft #map_canvas_static {
					padding: 0;
					background-size: cover;
					width: 100%;
				}

			body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight #charts {
				display: inline-grid;
			}

		body.free-mobile-wrapper .contentOneColumn {
			width: 100vw !important;
		}

			body.free-mobile-wrapper .contentOneColumn .contentNav {
				width: 100vw;
			}

			body.free-mobile-wrapper .contentOneColumn #contentOneColumnHolder .oneColumnTabContentBottom {
				display: none;
				width: 100vw;
			}
		/* Shrinking the table with ratios */
		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight #companyDetails > tbody > tr > td:nth-child(2) {
			display: none;
		}

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight #companyDetails > tbody > tr > th:nth-child(2) {
			display: none;
		}

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight #companyDetails > tbody > tr > td:nth-child(5) {
			display: none;
		}

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight #companyDetails > tbody > tr > th:nth-child(5) {
			display: none;
		}

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight #companyDetails, .companyDetailsSharesTrade {
			width: inherit;
		}
		/* Toolbar */
		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight .toolbar {
			width: 100%;
			left: 0 !important;
			padding: 0;
		}

			body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight .toolbar a {
				margin: 0 0.5vw 0 0;
			}

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight h2 {
			margin-bottom: 8vw;
		}

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight table#follow {
			width: 100%;
		}

			body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight table#follow tr td span {
				width: auto;
			}

		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.6vw;
			float: left;
			/*padding: 15px 0 15px 15px;*/
			width: 92vw;
		}

			body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight .chartHolder {
				float: none;
				width: 100%;
				text-align: -webkit-center;
				text-align: center;
			}

			body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight #scrollHolder {
				width: inherit;
			}

			body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionRight .scrollHolderBottom {
				width: inherit;
			}
		/* Konkurenti pane*/
		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft table#connectedCompanies tr td.first span, 
		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft table#competitors tr td.first span {
			width: initial;
		}
		/* Transakcijski računi pane */
		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft table#connectedPersons tr td div, 
		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft table#transactionsAccount tr td span, 
		body.free-mobile-wrapper .contentWide .contentHolder #subsidiariesHold table#connectedPersons tr td div, 
		body.free-mobile-wrapper .contentWide .contentHolder #subsidiariesHold table#connectedPersons tr td span {
			width: 90%;
		}
		/*Povezani subjekti pane*/
		body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft .sidebarItemHolder h2 {
			font-size: 4.5vw;
			padding: 1vw 1vw 2vw 4vw;
			margin: 1vw 0vw 0vw 0vw;
			float: left;
			width: initial;
		}

        body.free-mobile-wrapper .contentWide .contentHolder #descriptionHolder .descriptionLeft .sidebarItemHolder.connectedCompaniesWrapper table#connectedCompanies {
            display: inline-block;
        }

        /* Bonitet tab */
        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #ratingHolder {
            /*overflow-x: scroll;
            max-width: 100vw;*/
        }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #ratingHolder .bonitetneOcjeneHolder .chart {
                -ms-transform: scale(0.78);
                -webkit-transform: scale(0.78);
                transform: scale(0.78);
                margin-top: 0;
                margin-left: -12vw;
                width: 100vw;
            }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #ratingHolder .indexLikvidnostiHolder {
                 margin-top: 0;
            }
                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #ratingHolder .indexLikvidnostiHolder .indexLikvidnostiDummy {
                    -ms-transform: scale(0.76);
                    -webkit-transform: scale(0.76);
                    transform: scale(0.76);
                    margin-top: 0;
                    margin-left: -18vw;
                }



            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #ratingHolder .ocjenePokazateljaHolder {
                 width: 93vw;
            }
                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #ratingHolder .ocjenePokazateljaHolder table#ocjenePokazatelja {
                     width: 84vw;
                }

                    body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #ratingHolder .ocjenePokazateljaHolder table#ocjenePokazatelja tr td.last,
                    body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #ratingHolder .ocjenePokazateljaHolder table#ocjenePokazatelja tr th.last {
                         display: none;
                    }

    body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent {
        border: none;    
    }

        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder {
            max-width: 94vw;
            overflow: scroll;
        }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder tr th,
            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder tr td {
                max-width: 22vw;
                width: 22vw;
                /* overflow: hidden;*/
            }

                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder tr th:first-child,
                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder tr td:first-child {
                    max-width: 42vw;
                    width: 42vw;
                    overflow: hidden;
                }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder table.Bilanca tr th:first-child,
            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder table.Bilanca tr td:first-child {
                max-width: 40vw;
                width: 40vw;
                overflow: hidden;
            }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder table.Bilanca tr th,
            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder table.Bilanca tr td {
                max-width: 23vw;
                width: 23vw;
                overflow: hidden;
            }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder table.tableRatios tr th:first-child,
            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder #fininfoTableHolder.fininfoTableHolder table.tableRatios tr td:first-child {
                max-width: 28vw;
                width: 28vw;
                overflow: hidden;
            }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder .toolbar {
                height: 17em;
                width: 75vw;
                margin: 5px 0 0 0;
                padding: 0 0 0 16px;
            }

                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #fininfoHolder .toolbar ul {
                     display: grid;
                }

        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder .businessSuccessHolder {
            max-width: 92vw;
            overflow: scroll;
            margin: 0 0 3vw 5vw;
            padding: 0 0 5vw 0;
        }

        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder {
            padding: 0 0 0 0;
        }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder .businessSuccessHolder table#businessSuccess tr th.first,
            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder .businessSuccessHolder table#businessSuccess tr td.first {
                max-width: 35vw;
            }


    body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder .analysisChartDisplayHolder {
        width: initial;
        margin: 20px 0 0 15px;
    }

        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder .analysisChartDisplayHolder #index_1.cbox,
        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder .analysisChartDisplayHolder #index_2.cbox {
            width: 90vw;
            margin: 0 0 0 0;
        }

    body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder .analysisChartDisplayHolder .chartHolder {
        margin-left: 0;
    }


        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn .contentOneColumn #contentOneColumnHolder #oneColumnTabContent #analysisHolder .analysisChartDisplayHolder .chartHolder img {
            width: 90vw;
        }

        body.free-mobile-wrapper .contentWide #CompetitionGraphList {
            left: initial;
            width: 90vw;
        }

            body.free-mobile-wrapper .contentWide #CompetitionGraphList .shadowTableArrowTop {
                width: 90vw;
            }

    /* Temp disabling stuff */
        body.free-mobile-wrapper .contentLeft .tabs, body.free-mobile-wrapper .contentOneColumn .tabs {
            /*display: none;*/
        }

		/* 
			Start: Account/LogOn
		*/
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login {
			/*height: 14vw;
			line-height: 14vw;
			padding: 0 5vw;
			font-size: 4.5vw;
			bottom: 8vw;
			left: 8.5vw;*/
		}
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox {
				width: 94%;
				height: 70vw;
				margin: 0vw 0vw 0vw 3vw;
			}			
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox h1 {
					color: #4a68a6;
					font-size: 6vw;					
					padding: 4vw 0 3vw 6vw;
					float: left;
					width: initial;
				}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox .label {
					color: #777777;
					font-size: 3vw;
					font-weight: bold;
					margin: 1vw 0 0 6.5vw;
					float: left;
					clear: both;
				}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin {
					height: 14vw;
					padding: 0 0 0 0vw;
					margin: 0px 0px 0 6vw;
					width: initial;
					background-image: none;
					width: 90%;
				}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox .check {
					padding: 0vw 0vw 0vw 5vw;
					position: absolute;
					bottom: 11vw;
					left: 43vw;
				}
					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox .check .ez-checkbox {
						background-position-y: -5.5vw;
						font-size: 3.75vw;
					}
						body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox .check .ez-checkbox.ez-checked {
							background-position-y: -5.0vw;
							font-size: 3.75vw;
						}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin span {
					height: 10.7vw;
					width: 94%;
					padding: 1vw 0vw 0vw 0vw;
					margin: 0vw 0vw 0vw 0.3vw;
					background-image: none;
				}
					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox .tboxLogin span input {
						width: 99%;
						height: 7.7vw;
						margin: 0vw 0vw 0vw 0vw;
						border: lightgray 1px solid;
						border-radius: 0.6vw;
						box-shadow: 0px 0px 1vw #bbbbbb;
						background-color: white;
					}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .loginBox .login {
					height: 10vw;
					line-height: 10vw;
					padding: 0 5vw;
					font-size: 4vw;
					bottom: 8.5vw;
					left: 6.5vw;
				}
				body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .registerBox {
					width: inherit;
					height: auto;				
					margin: 5vw 3vw auto 3vw;
					padding: 0 0 0 0;
					position: relative;
				}
					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .registerBox h1 {
						width: initial;
						font-size: 7vw;
						font-weight: bold;
						padding: 5vw 0 3vw 8vw;
					}
					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .registerBox p {
						color: #777777;
						font-size: 4vw;
						padding: 2vw 8.5vw 22vw 8.5vw;
						line-height: 5.5vw;
						display: inline-block;
					}
					body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .login .registerBox a.register {						
						height: 11vw;
						line-height: 11vw;
						font-size: 4.5vw;			
						padding: 0 7vw;
						bottom: 7vw;
						right: 22vw;
					}
		body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .stepsIndicator {
			width: 100%;
			height: 14vw;
			float: left;
			margin: 0vw 0vw -7.6vw 0vw;
			position: relative;
			text-align: center;
			line-height: 11vw;
		}
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .stepsIndicator > div {
				font-size: 3vw;
				line-height: 7vw;
				background-size: contain;
				height: 14.5vw;
				width: 33vw;
			}
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .stepsIndicator .selected {
				background-position: 0 -7.4vw;
			}
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .stepsIndicator .step01 {
				left: 3vw;				
			}
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .stepsIndicator .step02 {
				left: 33.75vw;
			}
			body.free-mobile-wrapper .contentHolder .contentOneColumn #contentOneColumnHolder .stepsIndicator .step03 {
				left: 64.25vw;
			}

		body.free-mobile-wrapper .contentWide form[action^='/Account/LogOn'] .mainSearch .validation-summary-errors {
			font-size: 4vw;
			float: initial;
			width: initial;
			padding: 3vw 5vw;
			border: solid 2px #89181c;
			margin: 2vw 2vw 3vw 2vw;
		}


		/* 
			End: Account/LogOn
		*/


        /* --------
             Europa 
            -------- */

        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch form#searchFormEurope .europeInfo {
            height: 30vw;
            width: 95vw;
            left: 2.5vw;
            top: 8vw;
            background-color: white;
            background-image: none;
            box-shadow: 0 0.5vw 2vw 0px rgb(0 0 0 / 25%);
            margin: 4vw 0 0 0;
            padding: 0vw 0 0 0;
        }

        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch tabs {
            width: 100vw;
            margin-left: 2vw;
        }
        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch form#searchFormEurope {
            width: 100%;
            margin-left: 0vw;
        }
            body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch form#searchFormEurope div {
                position: relative;
                left: 2vw;
            }

        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .europeInfo div {
            width: 55vw;
            background-image: none;
            padding: 0vw 0vw 0vw 3vw;
        }
            body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .europeInfo .reportExample {
                padding: 9vw 0 0 0;
                margin: 0 4vw 1vw 0;
            }

        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .submitHolder {
            position: absolute;
            width: 95.5vw;
            left: 0vw;
            z-index: 1;
            margin: 13vw 0 -4vw 0;
        }
            body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .submitHolder .searchSubmit {
                width: 35vw;
                top: 4vw;
                left: 30vw;
            }

        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam,
        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessagePerson {
            background: url(images/resultNoDataBgr.png) 0vw 22vw no-repeat;
            font-size: 20px;
            color: #4A68A6;
            height: 76vw;
            padding: 20vw 0vw 0 6vw;
            margin-top: -6vw;
        }


            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p {
                margin-top: 6vw;
                margin-left: 22vw;
                margin-right: 4vw;
            }

                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p.alan_ford {
                    text-align: left;
                    margin-top: 16vw;
                    width: initial;
                    margin-right: 2vw;
                }
    
                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessageNoParam p.alan_ford_copy {
                    text-align: left;
                    margin-top: 16vw;
                    width: initial;
                    margin-right: 2vw;
                    float: left;
                }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .resultEmpty .resultEmptyMessagePerson p {
                margin-top: 20vw;
                margin-left: 22vw;
                margin-right: 4vw;
            }

        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .tabs {
            padding: 2vw 5vw 2vw 1vw;
        }

        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch form#searchFormEurope div.cbox.cboxHalfWidth,
        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch form#searchFormEurope div.tbox {
            width: 93vw;
            margin: 0 0.5vw 0 0;
            left: 1vw;
        }
        
            body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .tbox input.halfWidth {
                 width: 90vw
            }

        body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .popup {
            left: initial !important;
            top: 7vw !important;
            width: 93vw !important;
            background-color: white;
            background-image: none;
            box-shadow: 0 0.5vw 2vw 0px rgb(0 0 0 / 25%);
            margin: 7vw 0 0 2vw;
        }

            body.free-mobile-wrapper .contentWide .mainSearchWide .mainSearchHolder .mainSearch .popup p {
                background: none;
                font-size: 4vw;
                padding: 1vw 7vw 1vw 5vw;
            }

        body.free-mobile-wrapper .ui-dialog #dialogEurope {
            width: 100vw !important;
            padding: 0vw 0vw 0vw 0vw;
            margin: 12vw 0vw 0vw 0vw;
        }

            body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails {
                width: 96% !important;
                height: 101vw;
                margin: -10vw 2% 0px 2%;
                padding: 9vw 0vw 0vw 0vw;
            }

                body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber {
                    width: 65% !important;
                    height: 90vw;
                    padding-left: 28%;
                    background-position-x: -1vw;
                    background-position-y: 18vw;
                }
                    body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber a.reportExample {
                        padding: 8.5vw 0 0;
                        width: 14vw;
                        top: -3vw;
                    }
                    body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber a.reportExample.hrv {
                        right: 3vw;
                    }
                    body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber a.reportExample.engl {
                        right: 20vw;
                    }

                    body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber h1 {
                        padding: 17vw 0 4vw;
                    }

                    body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber p {
                        max-width: initial;
                        width: 100%;
                        text-align: justify;
                    }

                    body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber ul.contact {
                        font-size: 5vw;
                        font-weight: bold;
                        position: relative;
                        display: inline-block;
                        left: initial;
                        top: inherit;
                        margin-top: 5vw;
                    }

                        body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber ul.contact li {
                            padding: initial;
                            height: 8vw;
                        }
                            body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .unsubscriber ul.contact li a {
                                 background-position-y: 0vw;
                            }

        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .europeSearchResults {
            width: 100%;
            margin: 20px 0 20px 7px;
            float: left;
        }

            body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .europeSearchResults .collapsedWrapper {
                width: 100%;
            }

                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .europeSearchResults .collapsedWrapper .companyName a, .europeSearchResults .collapsedWrapper .companyName {
                     width: auto;
                }

                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .europeSearchResults .collapsedWrapper .companyName a, .europeSearchResults .collapsedWrapper .vat {
                     float:left;
                }

                body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .europeSearchResults .collapsedWrapper .companyName a, .europeSearchResults .collapsedWrapper .singleResultFirstRow .companyName a {
                    padding: 0 0 0 4vw;
                    font-size: 1.2em;
                    width: auto;
                    height: auto;
                }

        body.free-mobile-wrapper .ui-dialog #dialogEurope .cofaceDetails .cofaceLogo {
            position: absolute;
            bottom: 4vw;
            right: 28vw;
            width: 30vw;
            height: 10vw;
        }

    /* ------------
        Europa End
        ------------- */

    /* Inozemni bonitetni izvještaji */

        body.free-mobile-wrapper .contentWide .contentHolder .contentOneColumn #contentOneColumnHolder .userDetails .label, .contentOneColumn #contentOneColumnHolder .staticPageHolder .label {
            text-align: left;
        }



    .contentLeft .tabs, .contentOneColumn .tabs {
        left: initial;
        padding: 0vw 0vw 0vw 3vw;
    }

	body.free-mobile-wrapper #descriptionHolder .descriptionRight {
		/*display: none;*/
	}


	/*@media only screen and (max-width: 1920px) {
	
}*/
	/* ----------------------------------------
	END: RESPONSIVE DESIGN AREA	
 -------------------------------------------*/