.example-modal .modal {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        display: block;
        z-index: 1;
      }
      .example-modal .modal {
			background: transparent !important;
      }
		  
	/*  ovo je za vertikalni centrirani modal  */
	
	.vertical-alignment-helper {
		display:table;
		height: 100%;
		width: 100%;
		pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
	}
	.vertical-align-center {
		/* To center vertically */
		display: table-cell;
		vertical-align: middle;
		pointer-events:none;
	}
	.modal-content {
		/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
		width:inherit;
		height:inherit;
		/* To center horizontally */
		margin: 0 auto;
		pointer-events: all;
	}
			
	.modal-title {
		margin-top: -15px;
	}
	
	.okrugla_slika {
		border-radius: 50%;
		max-width: 100%;
		height: auto;		
	}		
	/************ Shortcut Buttons ************/

	.shortcut-button {
					border: 1px solid #ccc;
					background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
					display: block;
					width: 90px;
					margin: 0 0 20px 0;
					}

	.shortcut-button span {
					border: 1px solid #fff;
					display:block;
					padding: 15px 10px 15px 10px;
					text-align: center;
					color: #555;
					font-size: 11px;
					line-height: 1.3em;
					}

	.shortcut-button span img {
					margin-bottom: 10px;
					}

	.shortcut-button:hover {
					background: #fff;
					
					}
					
	.shortcut-button span:hover {
					color: #57a000; 
					}

	ul.shortcut-buttons-set li {
					float: left;
					margin: 0 15px 0 0;
					padding: 0 !important;
					background: 0;
					}