@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}

* {
	margin:          0;
	padding:         0;
	list-style-type: none;
	font-family:     Roboto;
}

/*following is for footer positioning
*/
html {
  height:     100%;
  box-sizing: border-box;
}
body,
body:before,
body:after {
  box-sizing: inherit;
}

body {
	position:              relative;
	margin:                0;
	padding-bottom:        6rem;
	min-height:            100%;
	font-family:           Roboto, "Helvetica Neue", Arial, sans-serif;
	background:            url( "/web/images/background.svg" );
	background-size:       cover;
	background-attachment: fixed;
	-webkit-user-select:   none;
	overflow:              auto;
}

body::-webkit-scrollbar {
	display: auto;
}

#all-mighty {
	width:      90%;
	margin:     0 auto;
	min-width:  870px;
	overflow-x: auto;
}

#main {
	width:    100%;
}

#map-selection {
	height: 100%;
	margin: 0 auto;
}

.col {
	margin:  0;
	padding: 0;
	border:  0;
	display: inline-block;
}

.button {
	font-size:                  14px;
	display:                    inline-block;
	background-color:           #f5eae4;
	color:                      #555;
	padding:                    5px 20px 5px 20px;
	cursor:                     pointer;
	border:                     1px;
	border-style:               outset;
	border-top-left-radius:     5px;
	border-top-right-radius:    5px;
	border-bottom-left-radius:  5px;
	border-bottom-right-radius: 5px;
}

.button:active{
	border-style: inset;
}

.button:disabled {
	color:            #999;
	background-color: #e5e0d9;
	cursor:           pointer;
}

.bi {
	display:      inline-block;
	margin-right: 10px;
	text-shadow:  1px 1px #aaa;
}

.round {
	border-radius: 15px
}

.round-top {
	border-top-left-radius:  15px;
	border-top-right-radius: 15px;
}

.round-right {
	border-top-right-radius:    15px;
	border-bottom-right-radius: 15px;
}

.round-bottom {
	border-bottom-left-radius:  15px;
	border-bottom-right-radius: 15px;
}

.map-selection-drag-box {
	border: 2px white dashed;
}

.popup-yesno {
	position:   fixed;
	left:       0;
	top:        0;
	width:      100%;
	height:     100%;
	background: rgba( 0, 0, 0, 0.2 );
}

.popup-yesno-window {
	position:                absolute;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	width:                   400px;
	color:                   #555;
	background:              #fff;
}

.popup-yesno-buttons {
	padding:    10px;
	text-align: right;
}

.popup-yesno-title {
	background:              #f5eae4;
	padding:                 10px;
	text-align:              left;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	font-size:               14px;
	text-shadow:             1px 1px 1px #bbb;
	font-weight:             800;
	text-transform:          uppercase;
}

.popup-input-message {
	padding:    5px;
	text-align: center;
}

.popup-input-message-narudzba {
	padding:    5px;
	text-align: center;
}

.popup-yesno-message {
	padding:    5px;
	text-align: center;
}

.popup-racun {
	position:   fixed;
	left:       0;
	top:        0;
	width:      100%;
	height:     100%;
	background: rgba( 0, 0, 0, 0.2 );
}
.popup-narudzbe {
	position:   fixed;
	left:       0;
	top:        0;
	width:      100%;
	height:     100%;
	background: rgba( 0, 0, 0, 0.2 );
}

.popup-racun-window {
	position:                absolute;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	width:                   400px;
	color:                   #555;
	background:              #fff;
}
.popup-narudzbe-window {
	position:                absolute;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	width:                   400px;
	color:                   #555;
	background:              #fff;
}

 
.popup-racun-buttons {
	padding:    10px;
	text-align: right;
}
.popup-narudzbe-buttons {
	padding:    10px;
	text-align: right;
}

.popup-racun-title {
	background:              #f5eae4;
	padding:                 10px;
	text-align:              left;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	font-size:               14px;
	text-shadow:             1px 1px 1px #bbb;
	font-weight:             800;
	text-transform:          uppercase;
}
.popup-narudzbe-title {
	background:              #f5eae4;
	padding:                 10px;
	text-align:              left;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	font-size:               14px;
	text-shadow:             1px 1px 1px #bbb;
	font-weight:             800;
	text-transform:          uppercase;
}

.popup-racun-message {
	padding:    5px;
	text-align: center;
}

.popup-input-message {
	padding:    5px;
	text-align: center;
}
.popup-narudzbe-message {
	padding:    5px;
	text-align: center;
}

.popup-message {
	position:   fixed;
	left:       0;
	top:        0;
	width:      100%;
	height:     100%;
	background: rgba( 0, 0, 0, 0.2 );
}

.popup-message-window {
	position:                absolute;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	width:                   400px;
	background:              #fff;
	color:                   #555;
}

.popup-message-buttons {
	padding:    10px;
	text-align: right;
}

.popup-message-title {
	background:              #f5eae4;
	padding:                 10px;
	text-align:              left;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	font-size:               14px;
	text-shadow:             1px 1px 1px #bbb;
	font-weight:             800;
	text-transform:          uppercase;
}

.popup-message-message {
	padding:    5px;
	text-align: center;
}

/* GENERAL ERROR DISPLAY STUFF */
p.info {
	padding: 0px 5px;
}


.bold {
	font-weight: bold;
}


li.error, .red {
	color: #a01;
}


li.error {
    width: 70%;
    margin: 0 auto;
	text-align: left;
	padding-bottom: 10px;
	-webkit-user-select: text;
}

div.error {
	clear:      both;
	margin-top: 10px;
}

div.error i.error_expand_btn {
	padding-left: 10px;
	cursor: pointer;
}

div.error div.error_txt {
	font-size:   16px;
	color:       #f22;
	user-select: text;
}

.table-field {
  vertical-align: middle;	
}

.kosarica {
  background-color: yellow;	
}

/* GLOBAL LOADER STUFF */
#stgo-global-loader {
	position: fixed;
	bottom: 15px;
	right:  15px;
}