/*Author - Nenad Krneta */
/*custom css */
/*@font-face {
    font-family: 'Oswald-Regular';
    src: url('fonts/Oswald-Regular.eot');
    src: url('fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Oswald-Regular.woff') format('woff'), url('fonts/Oswald-Regular.ttf') format('truetype'), url('fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
}*/

@font-face {
    font-family: 'Oswald-Light';
    src: url('fonts/Oswald-Light.ttf') format('truetype');
}
.note-text {
    color: #939393;
    font-size: smaller;
    font-style: italic;
}
/*chart hover*/
.dxc-markers-trackers:hover{
    cursor:pointer !important;
}
.dxc-legend-trackers:hover{
    cursor:pointer !important;
}
/*export btn page breadcrumbs*/

a.btn-export {
	color: #ffffff !important;
	background-color: inherit;
	background-color: #ff9900 !important;
	padding: 3px 5px !important;
}
.btn-export span{
    color:#666;
    background-color: inherit;
}
.btn-export:hover {
    color:#999;
    background-color: inherit;
    text-decoration: underline;
    text-decoration-color: #666;
}
.i-width{
    width:14px;
}
.page-breadcrumb.breadcrumb > li.btn-group {
    right: 5px;
    position: absolute;
    margin-top: -8px;
}
/* Different color for some fields */


.static-page-full-body {
    margin-left: 0px !important;
    border-left: 0px none !important;
}
/*odnosi se na info box, sa podacima o firmi i aop boxovima */
.margin-top-3 {
	margin-top: 3px !important;
}
.margin-top-5 {
    margin-top: 5px !important;
}
.header-aop-text-span {
    font-weight: 600;
    letter-spacing: 1px;
    color:#939393;
    white-space: nowrap;
    text-transform: uppercase;
}
#firstSpan.header-aop-text-span {
    float: right !important;
    margin-top: -17px !important;
    display: none !important;
    font-size: 10px;
}

#secondSpan.header-aop-text-span {
    float: right !important;
    margin-top: -17px !important;
    display: none !important;
    font-size: 10px;
}
.bonitet-mark-caption {
    color: #FFF;
    background-color: #005172;
    padding-top: 4px;
    padding-bottom: 5px;
    overflow: hidden;
    text-transform: uppercase;
    padding-left: 5px;
}

#thirdSpan.header-aop-text-span {
    float: right !important;
    margin-top: -17px !important;
    display: none !important;
    font-size: 10px;
}

#fourthSpan.header-aop-text-span {
    float: right !important;
    margin-top: -17px !important;
    display: none !important;
    font-size: 10px;
}

#fifthSpan.header-aop-text-span {
    float: right !important;
    margin-top: -17px !important;
    display: none !important;
    font-size: 10px;
}

#sixthSpan.header-aop-text-span {
    float: right !important;
    margin-top: -17px !important;
    display: none !important;
    font-size: 10px;
}

#seventhSpan.header-aop-text-span {
    float: right !important;
    margin-top: -15px !important;
    font-size: 10px;
}

.headerInfoMainBox {
    float: right;
    width: 370px;
    padding-left: 4px;
}

.small-circle-button {
	padding: 2px 4px 1px 4px;
}
/*Company*/
.companyLogo {
    height: 88px;
    width: 80px;
    float: left;
    line-height: 80px;
    text-align: center;
    border-radius: 5px !important;
    border: 2px solid #dddddd;
    margin-top: 10px;
}

.resize_fit_center {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.companyLogo img {
    /*width: 100%;
	height: 100%;*/
    border-radius: 5px !important;
    padding:3px;
    /*border: 3px solid #dddddd;**/
}

.mainTextCompany {
    /*height: 40px;*/ /*width: 350px;*/
    /*float: right;*/
}

.mainTextCompany .companyName {
    /*font-family: "Oswald-Light",sans-serif;*/
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 5px;
    padding-left: 5px;
    float: left;
}

.mainTextCompany .companyLocation {
    /*font-family: "Oswald-Light",sans-serif;*/
    font-size: 18px;
    padding: 5px;
    padding-top: 12px;
    float: left;
}

.mainTextCompany .countryFlag {
    margin-top: -7px;
    margin-right: -5px;
}

.smallTextCompany {
    padding-left: 5px;
    font-size: 14px;
    /*font-family: "Oswald-Light",sans-serif;*/
    padding-bottom: 5px;
    padding-top: 5px;
}

.smallTextCompany span {
    padding-left: 5px;
 
}

.informatorButtonsCompany {
    /*width: 350px;*/
    height: 28px;
    float: left;
    padding-left: 5px;
}

.informator-check-box-icon {
    padding-left: 3px;
    padding-right: 3px;
    display: block;
    width: 17px;
    float: left;
}

.informatorBtnBoxCompany {
    float: left;
}

.informatorBtnCompany,
a.informatorBtnCompany {
	letter-spacing: 0px;
	line-height: 1.2;
	font-size: 11px !important;
	float: left;
	background-color: #005172;
	color: #eee;
	margin-right: 3px;
	padding: 4px 5px 4px 2px;
	text-align: center;
}

.informatorBtnCompany:hover {
    background-color: #3C404F !important;
    text-decoration: none !important;
    color: #FFF !important;
}

.informatorBtnCompany:focus {
    background-color: #3C404F !important;
    text-decoration: none !important;
    color: #FFF !important;
}
/*Start: report BTN*/
.dinamic_logo_RS {
	width: 118px !important;
	height: 26px !important;
	border: 0 #fff solid !important;
}
a.boniteteLogo {
	background: url("../../../../Assets/global/img/productLogo_2_RS.svg") no-repeat scroll left top;
	cursor: pointer;
	border: none !important;
	padding: 0 !important;
	margin: 2px 0 0 0px !important;
	border: none !important;
	height: 14px !important;
}
a:hover.boniteteLogo {
	background: url("../../../../Assets/global/img/productLogo_2_RS_hover.svg") no-repeat scroll left top;
	cursor: pointer;
	border: none !important;
	padding: 0 !important;
	margin: 2px 0 0 0px !important;
	border: none !important;
	height: 14px !important;
}
.mL5 {
	margin-left: 5px !important;
}
.boniteti-link {
	float: left !important;
}
.oval {
	border-radius: 3px !important;
}

.fR {
	float: right !important;
}
.reportIcon {
	font-size: 14px !important;
	position: relative !important;
	top: -1px !important;
	right: 5px !important;
	margin: 0 3px 0 5px !important;
}
/*End*/
/*Start: pulse NEW KOSTA*/
.pulse {
	display: block;
	border-radius: 50%;
	background: #3095B4;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(204,169,44, 0.4);
	animation: pulse 2s infinite;
}

    .pulse:hover {
        animation: none;
        background-color: #005172;
    }

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(0,81,114, 0.4);
	}

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0,81,114, 0);
    }

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(0,81,114, 0);
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(0,81,114, 0.4);
		box-shadow: 0 0 0 0 rgba(0,81,114, 0.4);
	}

	70% {
		-moz-box-shadow: 0 0 0 10px rgba(0,81,114, 0);
		box-shadow: 0 0 0 10px rgba(0,81,114, 0);
	}

	100% {
		-moz-box-shadow: 0 0 0 0 rgba(0,81,114, 0);
		box-shadow: 0 0 0 0 rgba(0,81,114, 0);
	}
}

/*End: pulse NEW KOSTA*/

.reportBtnCompany {
	/*font-family: 'Oswald-Light', sans-serif;*/
	letter-spacing: 0px;
	line-height: 1.2;
	font-size: 11px !important;
	float: left;
	background-color: #5BB1AC;
	color: #eee;
	margin-right: 5px;
	padding: 6px 5px;
	text-align: center;
}

.reportBtnCompany:hover {
	background-color: #3095B4 !important;
	text-decoration: none !important;
	color: #FFF !important;
	-webkit-box-shadow: 0 .2rem .8rem rgba(0,0,0,.12) !important;
	box-shadow: 0 .2rem .8rem rgba(0,0,0,.1) !important;
}

.reportBtnCompany:focus {
	background-color: #3095B4 !important;
	text-decoration: none !important;
	color: #FFF !important;
	-webkit-box-shadow: 0 .2rem .8rem rgba(0,0,0,.12) !important;
	box-shadow: 0 .2rem .8rem rgba(0,0,0,.1) !important;
}

.infoBoxLabelCompany {
    /*font-family: "Oswald-Light",sans-serif;*/
    letter-spacing: 0px;
    font-size: 14px;
    float: left;
    background-color: #DD6084;
    color: #EEE;
    /*width: 106px;*/
    /*padding-left:10px !important;*/
    text-align: left;
}

.infoBoxLabelCompany:hover {
    cursor: pointer;
}

.socialNetworksButtonsCompany {
    float: left;
}

.boniteti-link img {
    margin-left: 5px;
    margin-top: 0px;
}

.informator-check-box {
    padding-right: 3px;
}
/*person box*/

.personImage {
    height: 93px;
    width: 80px;
    float: left;
    line-height: 60px;
    text-align: center;
    border-radius: 5px !important;
    border: 2px solid #dddddd;
    margin-top: 10px;
}

    .personImage img {
        border-radius: 5px !important;
    }

.mainTextPerson {
    height: 40px; /*width: 350px;*/
    /*float: right;*/
}

    .mainTextPerson .personName {
        /*font-family: "Oswald-Light",sans-serif;*/
        text-transform: uppercase;
        font-size: 24px;
        /*font-weight: bold;*/
        padding-top: 5px;
        padding-left: 5px;
        float: left;
    }

    .mainTextPerson .personLocation {
        /*font-family: "Oswald-Light",sans-serif;*/
        font-size: 18px;
        padding: 5px;
        padding-top: 12px;
        float: left;
    }

    .mainTextPerson .countryFlag {
        padding-top: 7px;
        float: left;
    }

.smallTekstPerson {
    /*height: 28px;*/
    /*width: 350px;*/
    /*float:right;*/
    padding-left: 5px;
    font-size: 14px;
    /*font-family: "Oswald-Light",sans-serif;*/
    padding-bottom: 5px;
}

    .smallTekstPerson span {
        padding-right: 10px;
        font-size: 20px;
    }

.informatorButtonsPerson {
    /*width: 350px;*/
    height: 28px;
    float: left;
    padding-left: 5px;
}

.informatorBtnBoxPerson {
    float: left;
}

.informatorBtnPerson {
    /*font-family: 'Oswald-Light', sans-serif;*/
    letter-spacing: 0px;
    line-height: 1.2;
    font-size: 16px;
    float: left;
    background-color: #005172;
    color: #eee;
    width: 160px;
    padding: 4px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
}

    .informatorBtnPerson:hover {
        background-color: #3C404F !important;
        text-decoration: none !important;
        color: #FFF !important;
    }

.socialNetworksButtonsPerson {
    float: left;
}

/*.tabbed-portlet-tabs li a {
    padding: 5px 8px 5px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-top: 5px;
    font-size: 12px !important;
    text-transform:uppercase;
}*/

.portlet-inner-padding-up {
    padding-top: 5px !important;
}

.full-width-portlet-title {
    width: 100% !important;
}
/*boxovi - header tekst + tackasti border*/
.dottedBorder {
    border-bottom: 1px dotted #000 !important;
}

.customBoxDisplayText {
    color: #333;
    /*font-family: 'Oswald-Light', sans-serif;*/
    letter-spacing: 0px;
    line-height: 2;
    font-size: 22px;
    text-align: left;
}
/*aop boxovi i responsive za njih */
.okvirFirst {
    /*float: left;*/
    /*width: 104px;*/
    /*margin: 0 0 10px 3px;*/
    /*padding: 0 7px 0 0;*/
    border-right: 1px solid grey;
}

.okvir {
    /*float: left;
    width: 104px;
    margin: 0 0 0 3px;
    padding: 0 7px 0 3px;*/
    border-right: 1px solid grey;
}

.okvirLast {
    /*float: left;
    width: 104px;
    margin: 0 0 0 3px;
    padding: 0 7px 0 3px;*/
    border-right: 0px solid grey;
}

.postotak {
    text-align: right;
    width: 100%;
    font-size: 0.8em;
}

.poz {
    border-top: 3px solid #00B2A9;
}

.neg {
    border-top: 3px solid #DD6084;
}

.naslov {
    font-size: 12px;
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.border-blue{
    border-bottom:3px solid #005172;
    padding-bottom: 6px;
}
.bottom-text{
    float: left;
    margin-left: 7px;
    font-weight: 600;
    font-size: 10px;
    color: #939393;
    letter-spacing:1px;
}
.bottom-text-first{
    margin-left: 4px;
}
.aopPadding {
    padding: 0 0 0 0 !important;
    width: 7.09%;
}

.mainInfoBox {
    width: 480px !important;
    margin-top: -10px;
}
/*izbacivanje elemenata*/
@media (max-width: 1707px) {
    .aopPadding {
        width: 8.09%;
    }
}

@media (max-width: 1486px) {
    .aopPadding {
        width: 8.59%;
    }
}

@media (max-width: 1450px) {
    .aopPadding {
        width: 9.59%;
    }

    #sedmi {
        /* display: none; */
    }

    #seventhSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none;
    }

    #sixthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: block !important;
    }

    #sesti .okvir {
        border-right: 0px solid grey;
    }
}

@media (max-width: 1387px) {
    .aopPadding {
        width: 9.19%;
    }
}

@media (max-width: 1325px) {
    .aopPadding {
        width: 9.99%;
    }

    #sesti {
        /* display: none; */
    }

    #sixthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none !important;
    }

    #fifthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: block !important;
    }

    #peti .okvir {
        border-right: 1px solid grey;
    }
	
	#sesti .okvir {
        border-right: 1px solid grey !important;
    }
}

@media (max-width: 1225px) {
    .aopPadding {
        width: 11.09%;
    }

    #peti {
       /* display: none; */
    }
    #fifthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none;
    }

    #fourthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none;
    }
    #cetvrti .okvir {
        border-right: 0px solid grey;
    }
}

@media (max-width: 1120px) {
    .aopPadding {
        width: 12.69%;
    }

    #cetvrti {
        /* display: none; */
    }
    #fourthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none;
    }

    #thirdSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: block !important;
    }
    #treci .okvir {
        border-right: 0px solid grey;
    }
}

@media (max-width: 1021px) {
    .aopPadding {
        width: 13.49%;
    }

    #treci {
      /*  display: none; */
    }
    #thirdSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none;
    }

    #secondSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: block !important;
    }
    #drugi .okvir {
        border-right: 1px solid grey;
    }
}

@media (max-width: 992px) {
    .aopPadding {
        width: 11.49%;
    }

    #treci, #cetvrti {
        display: inline-block;
    }
    #thirdSpan.header-aop-text-span, #secondSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none !important;
    }
    #fourthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none !important;
    }
    #drugi, #treci .okvir {
        border-right: 1px solid grey;
    }
}

@media (max-width: 892px) {
    .aopPadding {
        width: 13.49%;
    }

    #cetvrti {
       /* display: none; */
    }
    #fourthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none !important;
    }

    #thirdSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none !important;
    }
    #treci .okvir {
        border-right: 1px solid grey;
    }
	#cetvrti .okvir {
        border-right: 1px solid grey;
    }
}

@media (max-width: 767px) {
    .aopPadding {
        width: 13.49%;
        float: left !important;
    }

    #treci .okvir {
        border-right: 1px solid grey;
    }
    #thirdSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none;
    }
	#fifthSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none !important;
    }

    #secondSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: block !important;
    }
    .mainInfoBox {
        width: 480px !important;
        float: left;
    }
}

@media (max-width: 817px) {
    .aopPadding {
        width: 15.49%;
        float: left !important;
    }

    #treci {
      /*  display: none; */
    }

    #drugi, #treci .okvir {
        border-right: 0px solid grey;
    }

    .mainInfoBox {
        width: 480px !important;
        float: left;
    }
}

@media (max-width: 698px) {
    .aopPadding {
        width: 17.49%;
        float: left !important;
    }

    #drugi {
      /*  display: none; */
    }
    #firstSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: block !important;
    }
    #prvi .okvirFirst {
        border-right: 1px solid grey !important;
    }

    .mainInfoBox {
        width: 480px !important;
        float: left;
    }
}

@media (max-width: 642px) {
    .aopPadding {
        width: 17.49%;
        float: left !important;
    }

    #prvi .okvirFirst {
        border-right: 1px solid grey !important;
    }

    .mainInfoBox {
        width: 480px !important;
        float: left;
    }
}

@media (max-width: 572px) {
    .aopPadding {
        width: 20.49%;
        float: left !important;
        /* border-right: 1px solid grey !important; */
        margin-left: 15px;
        margin-top: 7px;
    }

    #drugi {
        display: inline-block;
    }
    #thirdSpan.header-aop-text-span, #secondSpan.header-aop-text-span, #firstSpan.header-aop-text-span {
        float: right !important;
        margin-top: -17px !important;
        display: none !important;
    }

    
    #treci {
        display: inline-block;
    }

    #cetvrti {
        display: inline-block;
    }

    .mainInfoBox {
        width: 480px !important;
        float: left;
    }
}
/* zakucavanje sirine */
@media (max-width: 480px) {
    .page-content-wrapper {
        width: 480px !important;
    }

    .page-header {
        width: 480px !important;
    }
}

.footer-links a {
    padding-right: 10px;
    font-size: 13px !important;
}

    .footer-links a:hover {
        cursor: pointer;
    }

.page-footer-inner {
    float: right !important;
}

.inner-portlet-header {
    font-size: 14px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.inner-padding-10 {
	padding:10px !important;
}

.inner-portlet-header span {
    font-size: 14px !important;
}

.inner-portlet-columns-padding {
    padding-left: 5px !important;
    padding-right: 5px !important;
	margin-top:10px !important;
}

.inner-porlet-bottom-margin {
    margin-bottom: 8px !important;
}

.dxgrid-column-padding {
    padding: 4px !important;
}

.side-menu-border-top {
    border-top: 0px transparent !important;
}

.side-menu-border-bottom {
    border-bottom: 1px solid #f0f5f7;
}

@media (max-width: 1045px) {
    .footer-links a {
        padding-right: 5px;
        color: #eee;
    }
}

/* Word Rotate */
.inverted {
	background-color: #DD6084;
	color: white;
	letter-spacing: 0px;
	font-size: 12px;
	font-weight: inherit;
	padding: 5px 5px 5px 4px !important;
	height: 25px !important;
}

.word-rotate {
    visibility: hidden;
    width: 100px;
    height: 0px;
    margin-bottom: -7px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.word-rotate.active {
    visibility: visible;
    width: auto;
    height: 25px;
}

.word-rotate .word-rotate-items {
    position: relative;
    top: 0;
    width: 100%;
}

.word-rotate .word-rotate-items span {
    display: block;
    white-space: nowrap;
}
.label-margin-right {
    margin-right: 5px;
}
.filter-text {
    padding-top:10px;
    font-size: 11px;
    color: #808080;
    font-weight: 300;
    display:block;
    height:auto;
	float: left !important;
}
.grid-event {
   display:inline-block !important;
   float:left !important;
   width: 25px;
   height: 20px;
   padding-top: 1px;

}
.smaller-awesome-event {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
}
.last-events-hover:hover{
    cursor:pointer;
}
.tabbed-portlet-tabs-margin-bottom{
    margin-bottom:0px !important;
}
/* Word Rotate - Titles */
h1 .word-rotate {
    margin-bottom: -12px;
}

h2 .word-rotate {
    /*margin-bottom: -12px;*/
}

h2.word-rotator-title {
    line-height: 24px;
    font-size: 14px !important;
}

.title {
    position: relative;
	top: 0;
	padding-left: 3px !important;
}
a.menu-title-fix .title,
a.menu-title-fix {
	position: relative;
	top: 0px !important;
}

/*event colors*/
.label-event-red {
	background-color: #DD6084;
	text-transform: uppercase;
}

.label-event-yellow {
	background-color: #FFB650;
	text-transform: uppercase;
}

.label-event-grey {
    background-color: #b67745;
    text-transform:uppercase;
}

.label-event-blue {
    background-color: #005172;
    text-transform:uppercase;
}

.label-event-green {
    background-color: #00B2A9;
    text-transform:uppercase;
}

.label-event-dark-blue {
    background-color: #005172;
    text-transform:uppercase;
}

.label-ownership-level-first {
	background-color: /*#175298*/ #242B43;
	text-transform: uppercase;
}
.label-ownership-level-second {
	background-color: /*#3568A6*/ #005172;
	text-transform: uppercase;
}
.label-ownership-level-third {
	background-color: /*#78A2D5*/ #7C808E;
	text-transform: uppercase;
}
.label-ownership-level-fourth {
	background-color: /*#ABC8EA*/ #A7AAB4;
	text-transform: uppercase;
}
.positiveTrend {
	background-color: #3095B4  !important;
	text-transform: uppercase;
}
.dxGridSelectLink:hover,
.dxGridSelectLink::focus{
	cursor: pointer !important;
	text-decoration: none !important;
	-webkit-box-shadow: 0 .2rem .8rem rgba(0,0,0,.32) !important;
	box-shadow: 0 .2rem .8rem rgba(0,0,0,.3) !important;
}

.shadow-default-anim {
	-webkit-box-shadow: 0 .2rem .8rem rgba(0,0,0,.12) !important;
	box-shadow: 0 .2rem .8rem rgba(0,0,0,.1) !important;
}

.shadow-default-anim:hover,
.shadow-default-anim:focus {
	-webkit-box-shadow: 0 .2rem .8rem rgba(0,0,0,.32) !important;
	box-shadow: 0 .2rem .8rem rgba(0,0,0,.3) !important;
}
/*fontovi*/
.mark-text {
 
    text-transform: uppercase;
}
.marks-span-header-blue {
    background-color:#005172;
}
.mark-caption-span {
    display: block !important;
    text-align: left !important;
    margin-bottom: 3px !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    padding-left:3px;
    /*text-transform:uppercase;*/
}
.business-stats-number-span {
	font-size: 24px;
	color: #005172;
	font-weight: 300;
	text-transform: uppercase;
}

.resume-text {
    font-size: 13px;
    color: #808080;
    font-weight: 300;
    padding-bottom: 4px;
    padding-top: 4px;
    display: inline-block;
    text-transform: uppercase;
}
.pageResumeSpan {
    display: block !important;
    text-align: left !important;
    margin-bottom: 3px !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}

.ex-data {
    color: #DD6084;
    text-decoration: line-through;
}


.ex-data {
    color: #DD6084;
    text-decoration: line-through;
}



.text-note {
    color: #939393;
    font-size: smaller;
    font-style: italic;
}
.text-justify {
    text-align: justify;
}
/*typography*/
.h0-text{
    font-size:33px;
    font-weight:300;
}
.h0-text i{
    font-size:26px;
}
/*.h1-text {
    font-size:28px !important;
    font-weight: 300 !important;
}*/
/*.h2-text {
    font-size:22px !important;
    font-weight:300 !important;
}*/
.h2-text a:hover {
    text-decoration:none;
}
.h3-text {
    font-size:16px !important;
    font-weight:300 !important;
}
.h3-text a:hover {
    text-decoration:none;
}
.h4-text {
    font-size:15px !important;
    font-weight:300 !important;
}
.h5-text {
    font-size:14px !important;
    font-weight:300 !important;
}
.h6-text {
    font-size:13px !important;
    font-weight:300 !important;
}
.font-weight-700 {
    font-weight:700 !important;
}
.font-weight-300 {
    font-weight:300 !important;
}
/*text colors*/

.light-grey {
    color:#808080;
}
.white {
    color:white;
}

.blue {
	color: #005172 !important;
}

.dark-blue {
	color: #242B43 !important;
}
.red {
	color: #DD6084 !important;
}
.green-stat {
	color: #3095B4 !important;
}
.orange_stat {
	color: #FFA426 !important;
}

.orange {
	color: #ffa426 !important;
}
/*portlet popup*/
.popup-portlet-title{
    font-size:16px;
}

/*paddings*/
.padding-left-0 {
    padding-left:0px !important;
}
.padding-left-5 {
    padding-left:5px !important;
}
.padding-left-10 {
    padding-left:10px !important;
}
.padding-left-15 {
    padding-left:15px !important;
}

.padding-right-0 {
    padding-right:0px !important;
}
.padding-right-5 {
    padding-right:5px !important;
}
.padding-right-10 {
    padding-right:10px !important;
}
.padding-right-15 {
    padding-right:15px !important;
}
/*custom devexpress*/
.dx-widget {
    color: #2b2b2b;
    font-weight: normal;
    font-size: 12px;
    /*font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,san-serif;*/
    font-family: "Avenir-LT-Pro-35-Light",Helvetica,Arial,sans-serif;
}
.dx-pager .dx-pages .dx-selection, 
.dx-pager .dx-page-sizes .dx-selection {
	color: #fff;
	/*background-color: #606060;*/
	background-color: #3095B4;
}
.dx-datagrid-headers .dx-row
{
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}
.dx-popup-content
{
  padding: 10px;
}
.dx-pager .dx-pages .dx-page {
	display: inline;
	cursor: pointer;
	padding: 5px 7px;
	margin-left: 3px;
	margin-right: 3px;
	-webkit-box-shadow: 0 .2rem .8rem rgba(0,0,0,.42) !important;
	box-shadow: 0 .2rem .8rem rgba(0,0,0,.4) !important;
}
.dx-pager .dx-pages .dx-page:hover {
	-webkit-box-shadow: 0 .2rem .8rem rgba(0,0,0,.42) !important;
	box-shadow: 0 .2rem .8rem rgba(0,0,0,.4) !important;
	background-color: #3095B4 !important;
	color: #ffffff !important;
}

/*badge notifikacija o novom*/
.badge-notification {
    color: #FFF;
    background-color: #DD6084;
}
#btnBonitetScore a, 
#btnDynamicScore a, 
#btnConsolidatedBalance a {
    color: #FFF !important;
}
#btnConsolidatedBalance i {
    float: left;
}
#btnBonitetScore a:hover, 
#btnDynamicScore a:hover, 
#btnConsolidatedBalance a:hover {
    color: #FFF !important;
    text-decoration: none !important;
    cursor: pointer;
    /*background-color: #3C404F !important;*/
}
/*#btnBonitetScore:hover, #btnDynamicScore:hover, #btnConsolidatedBalance:hover {
    cursor: pointer;
    background-color: #3C404F !important;
    color: #FFF;
    text-decoration: none !important;
}*/

.user-link {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    color: rgb(221, 221, 221);
    font-size:14px;
    /*margin-top: 2px;*/
}
.user-link:hover, .user-link:focus, .user-link:active {
    background: none repeat scroll 0% 0% #3D6A9F !important;
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    color: rgb(221, 221, 221);
    font-size:14px;
    /*margin-top: 2px;*/
}
.demo-data-caption {
    text-transform:none;
    background-color:#bd5752;
}

.demo-portlet {
    font-size: 16px !important;
    padding: 0px 4px 0px 4px !important;
}

.demo-data-caption.active {
    background-color:#bd5752 !important;
}

.demo-data-caption:hover {
    background-color:#bd5752;
}
.demo-data-caption-history {
    background-color:#bd5752;
}
.demo-data-caption-history:hover {
    background-color:#bd5752;
}
.popover-hidden {
        display: none;
        padding-left: 5px !important;
        padding-right: 0px !important;
        margin-left: 5px !important;
    }

/*chart filter*/
.chart-filter-text {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    line-height: 13px;
    color: #AAA;
}

.chart-filter-col {
    margin-top: 5px;
    height: 19px;
}

.clearAll {
    color: #005172 !important;
    font-size: 20px !important;
    position: relative !important;
    top: 2px !important;
    margin-left: 7px !important;
    -moz-animation-iteration-count:;
}

.clearAll:hover {
    cursor: pointer;
    color: #3C404F !important;
}

.filter-caption{
    color: #005172 !important;
    font-weight:bold;
    font-size:14px;

}

.sparklineEmpty {
    color: rgb(168, 168, 168);
    padding-top: 13px;
}
/*Kosta FIX*/
.w100 {
	width:100% !important;
}
.fL {
	float: left !important;
}
.widget-shadow {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.text-middle {
	vertical-align: middle !important;
}
.font-500 {
	font-weight: 500 !important;
}
.graphContainer {
	float: left !important;
	height: auto;
	width:100% !important;
	background-color: #fafafa !important;
}
.pie-progress {
	max-width: 150px;
	margin: 0 auto;
}
.pie-progress-sm {
	max-width: 100px;
	height:100px !important;
}
.pie-progress {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.pie-progress-sm .pie-progress-number {
	font-size: 26px;
}
.pie-progress-sm .pie-progress-label {
	margin-top: 19px;
	font-size: 11px;
}
.pie-progress-svg {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	vertical-align: middle;
}
.pie-progress-content, 
.pie-progress-number, 
.pie-progress-label, 
.pie-progress .pie-progress-icon {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pie-progress-sm .pie-progress-number {
	font-size: 26px;
}

/*index plačanja tabela*/
.padding-left-0 {
	padding-left: 0 !important;
}
.padding-right-0 {
	padding-right: 0 !important;
}
.padding-bottom-0 {
	padding-bottom: 0 !important;
}
.padding-bottom-5 {
	padding-bottom: 5px !important;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.text-right {
	text-align: right !important;
}

.piStatTitleContainer {
	/*background: url("/Images2012/silver_background.png") no-repeat scroll 0 0 transparent;*/
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 18px;
	height: 34px;
	margin: 0;
	padding-left: 32% !important;
}
.piStatCat {
	/*border-left: 1px dotted #EFEFEF;*/
	color: #252B43;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 8px 10px 5px 5px;
	text-align: center;
	width: 25%;
}
.piStatContainer {
	border: 1px solid #E2E1D8;
	float: left;
	/*height: 100px;*/
	margin: 1px 0 0;
	width: 100%;
}
.piStatCompany {
	width: 100%;
	border-bottom: 1px #efefef dotted;
	float: left;
}
.columnTitleList {
	width: 32%;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 9px 10px 5px;
}
.columnResultsBig {
	border-left: 1px dotted #EFEFEF;
	color: #252B43;
	float: left;
	font-weight: bold;
	font-size: 20px;
	padding: 8px 10px 5px;
	text-align: center;
	width: 17%;
}
.columnTitleListBig {
	width: 32%;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #252B43;
	padding: 9px 10px 5px;
}
.columnResults {
	border-left: 1px dotted #EFEFEF;
	color: #000000;
	float: left;
	font-size: 12px;
	padding: 0 5px;
	text-align: center;
	width: 17%;
}
p.widget {
	color: #F2CE00;
	/*float: left;*/
	font-size: 20px;
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 0;
}
p.widgetGreen {
	border-bottom: 1px solid #ccc;
	color: #A0B700;
	float: left;
	font-weight: bold;
	line-height: 14px;
	margin: 2px 0 0 7px;
	padding: 0;
	text-align: center;
}
p.widgetRed {
	margin: 0;
	padding: 0;
	color: #CC0000;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 0 0 0 2px;
	float: left;
	line-height: 14px;
}
/*Barve statistika*/
.green-stat {
	color: #3095B4 !important;
}
.orange_stat {
	color: #FFA426 !important;
}
.red-stat {
	color: #D53868 !important;
}
.neutral-stat {
	color: #005172 !important;
}

.dx-popup-content .modal-dialog {
	position: relative;
	width: auto;
	margin: 20px !important;
}