body {
font-feature-settings: "kern" on;

}

@font-face {
    font-family: 'ArealRNIDS';
    src: url('../fonts/ArealRNIDS-Regular.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ArealRNIDS';
    src: url('../fonts/ArealRNIDS-Bold.woff2') format('woff2');	 /* Modern Browsers */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ArealRNIDS';
    src: url('../fonts/ArealRNIDS-BoldItalic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ArealRNIDS';
    src: url('../fonts/ArealRNIDS-Italic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


types {
    font/woff2  woff2;
}

html {width: 100%}
body { 
	background: fff;
	margin: 0; 
	padding: 0;
	font-family: "ArealRNIDS", Georgia;
	font-feature-settings: "kern";  /* kern */
}

h3	{color: #fff; font-weight: bold; margin: 1.2em 0 0 0; font-size: 1.6em;color: #525967; text-align: left;}
.setHeaderPosition	{position: relative;}
label	{font-size: 1em; text-align: left; color: #333;}
img	{border: 0; vertical-align: middle; margin: 0 auto;}
p	{color: #646e7f;}
ul {list-style-type: none; padding: 0px; }

.obican_text 	{font-size: 0.9em; text-align: left; color: #646e7f;}
.istaknut_text 	{font-size: 0.9em; text-align: left; color: #525967;}

::-webkit-input-placeholder { /* Edge */color: #aaa;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #aaa;}
/* Firefox 4-18 */
:-moz-placeholder {color: #aaa;}
/* Firefox 19-50 */
::-moz-placeholder {color: #aaa;}
/* - Internet Explorer 10�11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {color: #aaa !important;}
/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {color: #aaa;}
::placeholder {color: #aaa;}

.captcha	{border: none; margin: 20px 0;}
.strong {font-weight: bold;}

a:link { color: #525967; text-decoration: none; font-size: 1.05em;}
a:visited { color: #525967; text-decoration: none; font-size: 1.05em;}
a:hover { color: #333; text-decoration: none; font-size: 1.05em;}
a:active { color: #333; text-decoration: none; font-size: 1.05em;}

.paginacija a:link { color: #525967; text-decoration: none; font-size: 0.8em; padding: 1px 3px; background-color : transparent; text-align: center;}
.paginacija a:hover { color: #333; text-decoration: none; font-size: 0.8em; padding: 1px 3px; background-color : transparent;}
.paginacija .obican_text { color: #525967; font-weight: bold; font-size: 0.8em; padding: 1px 3px; background-color : transparent;text-align: center;text-decoration: underline;}
.paginacija {float: right; margin-right: 10px;}
.force-right { text-align: right !important; }
.force-left { text-align: left !important; }

/* login strana */
.login_form {margin: 20px auto;max-width:400px;}
.top_div_login	{
	background-color: #f6bf4e;
/* 	background-image: url(../img/zeleni/logo_btn_little.png); */
	background-image: none;
	background-repeat: no-repeat;
	background-position: right;	
	width: calc(100% - 38px);
	height: 24px;
	border: solid 1px #f6bf4e;
	padding: 0px 20px;
}
.signup_form { 
	margin: 20px auto; 
	max-width:700px;
}
.top_div_signup	{
	background-color: #f6bf4e;
	width: calc(100% - 38px);
	height: auto;
	border: solid 1px #f6bf4e;
	padding: 3px 20px 3px 20px;
}
.content_login	{
	background-color: #fff;
    width: calc(100% - 40px);
    padding: 50px 20px;
    border-top: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    margin-top: 70px;
}
.content_login:hover {border-bottom: 2px solid #dcdcdc;border-top: 2px solid #dcdcdc;}

.content_login a{color: #525967;font-size: .9em;}
.content_login p{color: #525967;}
.content_login a:hover{color: #333;}
.text_alert {
	text-align: center;
	font-size: 12px;
	color: #f00!important;
}
.login_textfield { border: #999 solid 1px; background-color: #fff;width: calc(100% - 12px);color: #000; padding: 6px 8px; font-size: 1em;}
.login_submit	{border: #999 solid 1px; background-color: #fff; margin-bottom: 10px; width: auto; color: #000;padding: 5px;font-size: 1em;float:right;}
.login_submit:hover	{border: #999 solid 1px; background-color: #eee; margin-bottom: 10px; width: auto; color: #000; cursor: pointer;padding: 5px;font-size: 1em;}
.clear{clear:both;margin:5px;}
.clear_height0{clear:both;height:0px;}

.yellow_bttn, .yellow_outline_bttn {
	background-color: #f6bf4e;
	color: #fff;
	border: 1px solid #ddab46;
	padding: 0.5em 1.25em;
	font-size: 0.9em;
	font-weight: bold;
	text-shadow: 1px 1px 2px #777;
	cursor: pointer;
}
.yellow_outline_bttn {
	background: #fff;
	color: #ddab46;
	text-shadow: none;
}
.yellow_bttn:hover, .yellow_outline_bttn:hover {
	background-color: rgba(246, 191, 78, 0.8);
	color: #333;
	text-shadow: none;
}
.yellow_bttn:disabled {	filter: grayscale(100%); }
/* kraj login strane */

#mainHeader { 
	margin: 0px; 
	padding: 0;
}

.cool_header {width: 100%; margin-top: 24px;background:#ececec;}

/* FOOTER */
.footerLinks {
	bottom: 0px;
	background: #4d95dc;
    margin-top: 20px;
    width: 100%;
    font-size: 0.8em;
    padding-top: 5px;
}
.footerList {background: #4d95dc; text-align: center; margin: 0; width: 25%; float: left;}
.footerList li {padding: 3px 0; border: 1px solid #4d95dc;}
.footerList li:hover {border: 1px solid #f6bf4e;}
.footerList a {color: #fff;}
.footer	{
	background-color: #464c58;
	padding: 2px 10px 2px 10px;
	font-size: 0.9em;
	color: #ccc;
	text-align: center;
	margin-top: 5px;
	position:relative;bottom:0;z-index: 13;
}
.footer a	{color: #ccc;}
.footer a:hover	{color: #fff;}
/* kraj footera */

#shadow_container_login {
	position: relative;
	left: 3px;
	top: 3px;
	margin: 80px auto;
	width: 440px;
}
#shadow_container_login .shadow2,
#shadow_container_login .shadow3,
#shadow_container_login .container {position: relative; left: -1px; top: -1px;}

#shadow-container-login .shadow3 {background: #5f5f5f;}
#shadow_container_login .shadow2 {background: #7d7d7d;}
#shadow_container_login .shadow1 {background: #929292;}
#shadow_container_login .container {background: #111;}

.right_padding	{padding-right: 35px;}
.right	{text-align:right;}

#affirmativeMessage, #failureMessage {
	border:0;
	margin:0;
	display:block;
	font-size:1.3em;
	text-align:center;
	position: absolute;	
	z-index: 5001;
	width: 100%;
	top: 0;	
	color: #fff; 
	vertical-align: middle;	
    padding: 25px 5px;	
    box-sizing: border-box;
    box-shadow: 0 1px 15px rgba(27, 31, 35, .15);
}
#affirmativeMessage { background-color: #91dc4d;}
#failureMessage	{ background-color: #dc4d4d;}

.errorMessage {	
	color:#f00;
	font-size:12px;
}

.content_header	{
	border: none;
}
.content	{	
	background-color: transparent;	
	border: none;
	padding-top: 19px;
}
.content_online	{	
	background-color: transparent;	
	padding: 0px 20px;
	border: 2px solid #333;
	width: 800px;
	margin: 0 auto 20px auto;
}

.top_div {
    border: none;
    text-align: right;
    background-color: #464c58;
    font-size: 0.9em;
    color: #ccc; 
    height: 38px;
    display: block;
    top: 0;
    padding: 10px 20px 0 0;
    vertical-align: middle;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 10;
}

.top_div_slidedown {
    height: auto;
    position: absolute;
    width: auto;
    padding: 0 3px 3px 3px;
    top: 24px;
    right: 0px;
    background: #464c58;
    z-index:15;
    box-sizing: border-box;
}

.top_div a	{color: #333; font-size: 0.9em; margin-top: -3px;font-weight: bold; background: #f6bf4e; padding: 1px 10px;}
.top_div a:hover	{color: #fff; background: #4d95dc;}
.language a, .language img {background: transparent!important;display:inline!important;padding:0.5em!important;border-bottom:none!important;} /* language link */
.logged_in_user {float: right;}
.logout {float:right;margin-left: 3px!important;}
.focused {background-color:#fff!important;}
.no_bg {background:none!important;}

.top_div .flags a, .top_div .public_flags a {background: transparent;}

.username {color: #ccc;}
.error_message	{
	background-color: transparent;	
	margin: 0 auto;
	width: 800px;
	padding: 50px;
	text-align: center;
	font-size: 1.05em;
}
.field	{border: none; color: #fff;}
.forma	{margin: 20px auto;max-width:260px;width:100%;text-align:left;}
.textfield	{border: 1px solid #f6bf4e; background-color: #fff; width: auto; color: #333;padding:5px;font-size: 1.1em;}
.textfield:disabled {border: 1px solid #555; background-color: #ddd; width: auto; color: #333; opacity: 0.5;}
.textfield_pass	{border: 1px solid #f6bf4e; background-color: #fff; width: 115px; color: #333; font-size: 1.2em;}
.textfield_disabled	{border: 1px solid #555; background-color: #ddd; margin-bottom: 10px; width: auto; color: #333; opacity: 0.5;}
.sms_number	{border: 1px solid #aaa; background-color: #fff; margin-bottom: 10px; color: #333;font-size: 1.6em;font-weight: bold;font-family: 'ArealRNIDS';}
.sms_textfield	{border: 1px solid #aaa;background-color: #fff;margin-bottom: 10px;height: 120px;color: #333;font-size: 1.5em;position: relative;overflow: hidden;font-weight: bold;}
.submit	{border: 1px solid #f6bf4e; background-color: #fff; margin-bottom: 10px; width: auto; color: #333; padding: 6px;}
.submit:hover	{border: 1px solid #f6bf4e; background-color: #f6bf4e; color: #fff; cursor: pointer;}

.yellow{
  outline: 2px solid #f6bf4e;
  outline-offset: -2px;
  width: 16px;height: 16px;
}

.user_field, .sms_field	{
	font-size: 1.1em;
	color: #464c58;
	padding: 10px 20px; 
	background-color: #fff;
	width: 100%;
}
.user_field	{border: none;}
.sms_field	{margin-top: 10px;	border-top: 2px solid #ebebeb;border-bottom: 2px solid #ebebeb;}

.client_data_change {	
	background: url(../img/no-borders/client_data_change_a.png) no-repeat left;
	height: 30px;
	width: 38px;
	float: right;
	margin-top: -8px;
}
.client_data_change:hover {	
	background: url(../img/no-borders/client_data_change.png) no-repeat left;
}

#client_data {float: right; clear: both;}

.portal_pass_change {	
	background: url(../img/no-borders/portal_pass_change_a.png) no-repeat left;
	height: 30px;
	width: 38px;
	float: right;
	margin-top: -8px;
}
.portal_pass_change:hover {	
	background: url(../img/no-borders/portal_pass_change.png) no-repeat left;
}

.addressbook_edit {background: url(../img/no-borders/imenik_izmeni_light.png) left top no-repeat; width: 14px; height: 14px; border: none; float: left;margin: 0 0 0 5px;cursor:pointer;}
.addressbook_delete {background: url(../img/no-borders/imenik_obrisi_light.png) left top no-repeat; width: 14px; height: 14px; border: none; float: left;margin: 0 0 0 5px;cursor:pointer;}
.addressbook_edit img {border: none;}
.addressbook_delete img {border: none;}


#addressBookListDiv h2 {color:#222;font-size:1.2em;margin:0 5px;float:left;}
#addressBookListDiv h4 {margin:0 5px;}
#addressBookListDiv .formButton {text-align:right!important;}
#addressBookListDiv .drsMoveHandle {height:auto!important;}

#saveAddressBookEntry {text-align: right;}
#addressBookName, #addressBookMobile {width: 140px;margin: 0 0 7px;}
#largeTable td {border-bottom:1px solid #bbb;}

ul#info_user_field {list-style-type: none; margin: 0;text-align: center;}

.separator	{padding: 0;}
.empty_image	{background: url(../img/basic/empty_image.png) left top no-repeat; width: 18px;height: 18px; float: left; margin-left: 18px;}
.bold	{color: #3f79b3; font-weight: bold; margin-right: 10px;}
.infoData	{color: #3f79b3; margin-right: 10px;}

.div_slider_header	{
position: relative;
min-height: 20px;
margin-top: 10px;
padding: 0 10px 6px 10px;
}

.selected_header	{color:#525967; margin-right: 30px;}
.div_slider_body, .div_slider_body_logs, .div_slider_online_body	{
	background-color: #fff; 
	min-height: 130px; 
	border-top: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	padding: 10px;
	color: #525967;
	}
.div_slider_body_logs	{position: absolute; padding: 20px 10px; top: 150px; left: 600px;}
.div_slider_body_options  {
	position: relative;
	background-color: #fff;
	border-top: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.records {border: none; font-size: 1.1em; width: 100%; color: #fff; padding: 15px; border-collapse: collapse; }

.cart_filler label {width:105px!important;border-radius:2px;vertical-align: middle;}

/* 0.5em paddings */
.x-05em-padd { padding-left: 0.5em !important; padding-right: 0.5em !important; }
.y-05em-padd { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }

/* 1em paddings */
.x-1em-padd { padding-left: 1em !important; padding-right: 1em !important; }
.y-1em-padd { padding-top: 1em !important; padding-bottom: 1em !important; }

/* 1em margins */
.x-1em-margin { margin-left: 1em !important; margin-right: 1em !important; }
.y-1em-margin { margin-top: 1em !important; margin-bottom: 1em !important; }

.hover-info { cursor: help; }
.hover-info:hover::after {
	position: absolute;
	display: inline-block;
	max-width: 200px;
	margin: 1.5em 0 0 -200px;
	content: attr(data-info);
	font-size: 0.8rem;
	font-weight: normal;
	padding: 0.425em 1em;
	background: #fdffd0;
	border: 1px solid #ffefb7;
	color: rgba(0, 0, 0, 0.75);
	text-align: left;
	box-shadow: 0 1px 15px rgba(27, 31, 35, .15);
	z-index: 105;
}
.hover-info img {height:16px;margin-top:-4px;}

/*    **********************************************************   */
@media only screen and (min-width: 1280px) {
	.records	{border: none; font-size: 1.05em; width: 100%; color: #fff; padding: 13px;}
	.floatLeft {max-width: 1280px;}
	.sms_number	{width: 85%;}
	.sms_textfield	{width: 100%;}	
	.smsforma {margin: 5px auto 0 auto; width: 90%;max-width:600px;}
	.footerLinks {position: fixed;}
	.cards {margin-left: 20px;}
	.cardsToTheRight {margin-left:265px;}
	.securities {margin-right: 20px;}		
}

/*    **********************************************************   */
@media only screen and (min-width: 900px) and (max-width: 1279px) {	
	.records	{border: none; font-size: 1.05em; width: 100%; color: #fff; padding: 11px;}	
	.floatLeft {float: left !important; width: 100%;}
	.elip {white-space: nowrap; width: 150px; overflow: hidden; text-overflow: ellipsis; display: block;}
	.divSeparator {display: block; clear: both; height: 5px;}
	.div_slider_lilheader {margin-left: 0;}
	.sms_number	{width: 85%;}
	.sms_textfield	{width: 100%;}	
	.smsforma {margin: 5px auto 0 auto; width: 100%;max-width:600px;}	   
	.footerLinks {position: fixed;}
	.copyright_year {display:none;}
}
	
/*    **********************************************************   */
@media only screen and (min-width: 769px) and (max-width: 899px) {
	.records	{border: none; font-size: 1em; width: 100%; color: #fff; padding: 8px;}	
	.elip {white-space: nowrap; width: 100px; overflow: hidden; text-overflow: ellipsis; display: block;}
	.floatLeft {float: left !important; width: 100%;}
	.divSeparator {display: block; clear: both; height: 5px;}
	
	.hint_number {margin-top: -280px !important;} 
	.records {width: 97%;} 
	.sms_number	{width: 80%;}
	.sms_textfield	{width: 100%;}		
	.smsforma {margin: 5px auto 0 auto; width: 90%;max-width:540px;}
	.footerLinks {position: fixed;}
}
/*    **********************************************************   */
@media only screen and (min-width: 526px) and (max-width: 768px) {	
	.hideCols {display: none;}
	.records {width: 97%;}	
	.sms_number	{width: 70%;}
	.sms_textfield	{width: 100%;}		
	.smsforma {margin: 5px auto 0 auto; width: 90%;}
	.footerLinks {position: fixed;}
}
/*    **********************************************************   */
@media only screen and (max-width: 525px) {	
	.hideCols {display: none;}	
	.username {display: none;}
	.sms_number	{width: 70%;}
	.sms_textfield	{width: 97%;}	
	.smsforma {margin: 5px auto 0 auto; width: 100%;}
	.tackica {text-align: left !important; padding:0 10px 0 20px !important;}
	.footerLinks {position: fixed;}
	.cart_filler {display: block!important;margin: 8px 0 3px 0;}
	.itemPriceAmount {display: block!important;margin: 8px 0 3px 0;}
	.top_div {padding: 10px 0px 0px 20px;}	
	.top_div a {padding: 3px 10px;}
	.mt_8 {margin-top:8px;}
	.logged_in_user {margin-top: 2px;}
	.last_login {padding-top: 5px;}
	.pacOpt {width: 65%;}
	.passOpt {width: 35%;}
}	

.records td	{padding: 8px; vertical-align: middle;}
.records th	{font-weight: bold; padding: 3px 8px; border: none; text-align: left; color: #525967;vertical-align: middle;height: 36px!important;}

/* Tabela za pregled opreme i uplata*/	
.records {
	margin: 0 5px 5px 0;
	float: left;
	clear: none;
	height: auto;
	padding: 6px;
	box-sizing: border-box;
}
.records:hover {background-color: #f7f7f7; }
.records td	{padding: 8px; vertical-align: middle;box-sizing: border-box;}
.records h4	{text-align: left; color: #999; vertical-align: middle; margin: 0; font-size: 1.3em;clear:both;}
.records ul	{list-style-type: none; padding: 0px;}
.records  ul li em {float: left; width: 53px; height: 40px;}
.allAgreements td, .allAgreements th {padding: 12px 8px;}
.allAgreements th:first-child {width:100px;}
.allAgreements td:first-child {width:100px;}
.allAgreements th:last-child {width:230px;text-align:center;}
.allAgreements td:last-child {width:230px;text-align:right;}

.floatLeft {float: none;}

.tabbertab	{
	min-height: 190px;
}

#activeTab{
background-color: #ededed !important;
}

.info_icon	{
	background: url(../img/no-borders/what-is-it-light.png) no-repeat left;
	height: 22px;
	width: 22px;
	float: right;
}
.send_logs	{float: right; width: 19px; height: 19px; margin-top: -17px; background: url(../img/no-borders/send_logs_light.png) left top no-repeat;}

.brojac_texta {
	color: #333;
	background-color: transparent;
	border: 1px solid #aaa;
	text-align: center;
	padding:0!important;font-size: 0.9em!important;
}

.sms_submit	{border: 1px solid #f6bf4e; background-color: #fff; margin-bottom: 15px; width: auto; color: #333; padding: 6px;float: right;margin-top: -17px;}
.sms_submit:hover	{border: 1px solid #f6bf4e; background-color: #f6bf4e; color: #fff; cursor: pointer;}

/* The pointer image is added by using another span */
.hint_number, .hint_email {
    position: relative;
    border: 1px solid #097acd;
    background-color: #fff;
    color: #333;
    font-size: 1em;
    padding: 6px;
	z-index: 12;
	display:none;
}
.hint_number {margin-top: -276px; left: 140px; float: left;}
.hint_email {top: -234px;left: 120px;width: 202px;text-align: left;}

/* Pointer */
.hint-pointer {
    position: absolute; left: 10px; top: 29px; width: 19px; height: 10px;
    background: url(../img/no-borders/pointer2-light.gif) left top no-repeat;
}
.hint-email-pointer {
    position: absolute; left: 10px; top: 68px; width: 19px; height: 10px;
    background: url(../img/no-borders/pointer2-light.gif) left top no-repeat;
}

/* sms imenik */
.imenik_tabela	{margin: 10px auto;}
.searchField {background:transparent url(../img/basic/find.png) no-repeat;background-position: 5px center;padding:5px 5px 5px 30px; float: right;margin-top: -36px;margin-right: 10px;max-width: 150px;}
.header_imenika	{padding-left:10px;background-color: #ccc;}
.sadrzaj_imenika	{
	padding-left:10px;
	border: none;
}

.ikonica	{
	width: 26px;
	height: 26px;
	position: relative;
	top: 32px;
	left: 330px;
}
.ikonicaDodaj	{
	position: relative;
	width: 87px; 
	height: 20px; 
	top: 30px; 
	left: -10px;
	padding: 2px 4px;
	background-color: #fff;
	color: #525967;
	font-size: 0.9em;
	font-weight: bold;
	border: 1px solid #525967;
	padding: 5px;
	text-align: center;	
}
.izabrani_broj	{
	color: #f93; 
	font-size: 0.95em;
	margin: -65px 0 0 200px;
	vertical-align: bottom;
	width: 110px;
}
.snimi_broj	{color:#333;}
.imenik	{
	background: url(../img/no-borders/imenik-light.png) no-repeat; 
	width: 26px;
	height: 26px; 
    float: right;
    position: relative;
    margin-top: -37px;
}

.h6	{color: #666; font-weight: bold; font-size: 1.05em; text-align: left; margin: 0 0 10px 0;}
.particle_password {
	vertical-align: top;
}
.particle_email	{
	border: none;
	vertical-align: top;
}
.particle_fotka	{text-align: center; width:100px; vertical-align: top;}
.text_center{color: #ccc; font-weight: bold; font-size: 1.05em;}
.div_center	{height: 110px;}
  
.blackout {
	display: none;
	position: fixed;
    background-color: #2e68a2;
	z-index: 12;
	opacity:.75;
	filter: alpha(opacity=75);
	overflow: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.blackout >
.spinner_container {
	position: relative;
	margin: 20% auto auto;
	width: 200px;
	text-align: center;
}

/* drag n drop za resizable divove */
.drsElement {
	background-color: #fff;   
    padding: 10px;
    border: 1px solid #525967;
    position: absolute;
    z-index: 5100!important;
    display: none;
    color: #333;
    font-size: 12pt;
    top: 80px;left: 80px; 
}
.drsMoveHandle {
	background-color: #ededed;
	height: 42px;
	cursor: move;
	z-index: 102;
	padding: 10px;
}
#showMessageTextInnerDiv {background-color: #fff; padding: 10px;}
.resizeableDivDouble {/* ovaj stil je zbog imenika, prilikom cuvanja novog broja ili izmene broja. Isto i za onlinePayment potvrdu.*/
    background: #fff;
    padding: 30px 30px 95px 30px;
    border: 1px solid #525967;
    position: absolute;
    z-index:106;
    display: none;
	color: #fff;
    top: 80px;
    left: 80px;
    box-sizing: border-box;
    font-size: 12pt;
}
.blackoutDouble {  					/* ovaj stil je zbog imenika, prilikom cuvanja novog broja ili izmene broja. Isto i za onlinePayment potvrdu. */
    background-color: #222;
	z-index: 104;
	opacity:.80;
	filter: alpha(opacity=80);
    position: fixed;
	overflow: auto;
    display: none;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
}
.odd {color: #3f79b3; font-size: 1em;}
.odd:hover, .even:hover {background: #f0f1f2!important;}
.even {color: #525967; font-size: 1em; }
.odd a {color: #3f79b3; font-size: 1.1em;}
.even a{color: #525967; font-size: 1.1em; }
.sms_log_ikonice {padding: 0 6px;}
.log_table {font-size: 1.05em; margin-left: 30px;}
.log_table td {width: 150px; padding: 3px; vertical-align: top;}
.log_table th {width: 150px; font-weight: bold; border: none; text-align: left; color: #fff; vertical-align: top;}
.selected_agreement	{width: 100%;}
.selected_agreement td	{width: auto;}

.close_button	{background: url(../img/no-borders/close-light.png) left top no-repeat; width: 20px;height: 20px; margin-right: 4px; float: left;}

/* ikonice za sms izvestaje */
.report_waiting	{background: url(../img/no-borders/sms_waiting_light.png) left top no-repeat; width: 20px;height: 20px; float: left; margin-left: 0;}
.report_sent_waiting {background: url(../img/no-borders/sms_pending_light.png) left top no-repeat; width: 20px;height: 20px; float: left; margin-left: 0;}
.report_delivered {background: url(../img/no-borders/sms_sent_light.png) left top no-repeat; width: 20px;height: 20px; float: left; margin-left: 0;}
.report_not_delivered {background: url(../img/no-borders/sms_not_sent_light.png) left top no-repeat; width: 20px;height: 20px; float: left; margin-left:0;}
.lock_sms	{background: url(../img/no-borders/lock_sms_light.png) no-repeat; width: 20px;height: 20px; float: left; margin-left: 6px;}

/* title-ovi na ikonicama sms izvestaja */
a.info {position:relative; /*this is the key*/ z-index:10;}
a.info:hover {z-index:11;}
a.info span {display: none; }
a.info:hover span { /*the span will display just on hover state*/
    display: block;
    position: fixed;
    right: 25px;
    border: 1px solid #525967;
    background-color: #fff; 
    z-index: 11;
    color: #525967;
    padding: 4px;
    text-align: left;  
}

/* title-ovi na ikonicama */
#tooltip
{
	text-align: center;
    color: #525967;
    font-size: 1em;
	border: 1px solid #525967;
    background-color: #eee;
    position: absolute;
    z-index: 100;
    padding: 4px;
}
#tooltip:after /* triangle decoration */ {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #525967;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #dedede;
    top: 0;
    bottom: 0;
}
#tooltip.left:after {
    left: 10px;
    margin: 0;
}
#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}
 
/* ikonice za webmail, online placanje ...  */
.zoom_detail	{background-image: url(../img/zeleni/view.png); background-repeat: no-repeat; cursor: pointer; width: 20px;height: 20px; float: left;}
.prolongation	{background-image: url(../img/zeleni/proceed_a.png);background-repeat: no-repeat; cursor: pointer;margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.prolongation:hover	{background-image: url(../img/zeleni/proceed_light.png);}
.prolongation_disable	{background-image: url(../img/zeleni/proceed_disable.png);background-repeat: no-repeat; cursor: pointer; margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.voip	{background-image: url(../img/zeleni/voip_a.png);background-repeat: no-repeat; cursor: pointer; margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.voip:hover	{background-image: url(../img/zeleni/voip_light.png);}
.voip_application	{background-image: url(../img/zeleni/voip_application_a.png);background-repeat: no-repeat; cursor: pointer; margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.voip_application:hover	{background-image: url(../img/zeleni/voip_application_light.png);}
.webmail	{background-image: url(../img/zeleni/webmail_a.png);background-repeat: no-repeat; cursor: pointer; margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.webmail:hover	{background-image: url(../img/zeleni/webmail_light.png);}
.uplatnica	{background-image: url(../img/zeleni/uplatnica_a.png);background-repeat: no-repeat; cursor: pointer; margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.uplatnica:hover	{background-image: url(../img/zeleni/uplatnica_light.png);}
.tech_params	{background-image: url(../img/zeleni/tech_params_a.png);background-repeat: no-repeat; cursor: pointer;margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.tech_params:hover	{background-image: url(../img/zeleni/tech_params_light.png);}
.kvisko	{background-image: url(../img/zeleni/kvisko_a.png);background-repeat: no-repeat; cursor: pointer;margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.kvisko:hover	{background-image: url(../img/zeleni/kvisko_light.png);}
.kvisko_used	{background: url(../img/zeleni/kvisko_b.png) left no-repeat;float: left;cursor: default;width: 52px;height: 42px;margin-left: 15px; cursor: default;}
.pass_check	{background-image: url(../img/zeleni/pass_check_a.png);background-repeat: no-repeat; cursor: pointer;width: 52px;height: 42px;margin-left: 15px;float: left;}
.pass_check:hover	{background-image: url(../img/zeleni/pass_check_light.png);}
.pass_change	{background-image: url(../img/zeleni/pass_change_a.png);background-repeat: no-repeat; cursor: pointer; margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.pass_change:hover	{background-image: url(../img/zeleni/pass_change_light.png);}
.pass_email	{background-image: url(../img/zeleni/pass_email_a.png);background-repeat: no-repeat; cursor: pointer; margin-left: 15px;width: 52px;height: 42px;margin-left: 15px;float: left;}
.pass_email:hover	{background-image: url(../img/zeleni/pass_email_light.png);}

/* .portal_pass_change	{background: url(../img/no-borders/passChangeNormal.png) no-repeat; cursor: pointer; margin: -10px -20px 0 0; padding: 0; width: 24px; height: 123px; float: right;} */
/* .portal_pass_change:hover {background: url(../img/no-borders/passChangeOver.png) no-repeat; cursor: pointer; margin: -10px -20px 0 0; padding: 0; width: 24px; height: 123px; float: right;} */
.portal_email_change {background: url(../img/no-borders/passEmailChangeNormal.png) no-repeat; cursor: pointer; margin: -10px -5px 0 0; width: 24px; height: 123px; float: right; }
.portal_email_change:hover {background: url(../img/no-borders/passEmailChangeOver.png) no-repeat; cursor: pointer; margin: -10px -5px 0 0; width: 24px; height: 123px; float: right; }

/* pravila koriscenja */
.text_pravila		{font-size: 1.05em;color: #aaa;width: 70%;margin: 0 auto;}
.text_beli 			{font-size: 1.05em;color: #333;}
.text_tamnozeleni 	{font-size: 1.05em;color: #525967;text-align: right;}
.tackica			{list-style-type: disc;text-align: justify;padding:0 60px; color: #222; font-size: 1.05em;}
.tackica li			{margin-top: 8px;}

.register_sms	{
	width: 150px; 
	height: 50px;
	vertical-align: middle;
	margin: 0 auto;
	background-position: left;
	background-image: url(../img/no-borders/register_sms_light.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 30px;
	text-align: left;
	}
.registerSmsForm {padding: 20px;width: 100%;max-width: 240px;margin: 0 auto;}	
.message_data	{color: #333; font-size: 1.2em; display: block; }
.message_label	{color: #f6bf4e; font-size: 1.2em; font-weight: bold;}
.messageBox		{
	background-color: transparent;	
	margin: 0 auto;
	width: 800px;
	padding: 50px;
	text-align: center;
	font-size: 13px;
	color: #333;
}

/* Online placanje */
.kartice	{margin: 20px auto; width: 330px; height: 50px;}
.kartice img	{float: left; margin-left: 20px; margin-right: 20px;}
.oznake_banke	{margin: 20px auto; width: 400px; height: 50px;}
.oznake_banke img	{float: left; margin-left: 20px; margin-right: 20px;}

.tdLabel, .label, .required, .checkboxLabel  {
	font-size: 1em;
	color: #333;
	font-style: normal;
	text-align: right;
	white-space: nowrap;
}

.dialup_user_redirect	{
	background: url(../img/zeleni/dialup_user_redirect.gif) no-repeat center;
	width: 300px;
	height: 40px;
	display: block;
	margin: 50px auto;
}
/* Kvota bar */
.bar {
   	background-color: transparent;
   	width: 400px;
	height: 20px;
	position: absolute;
	padding: 3px;
	border: none;
}
.bar div { 
   	background-color: #f93;
   	padding-top: 0;
   	height: 20px;
   	float: left;
   	border: none;
}

/* pass strength */
.verdict_position	{
	padding-top: 80px;
	width: 95px;
}
.verdict_position_2	{
	width: 95px;
	height: 16px;
    overflow: hidden;
}
.pass_verdict_info 	{font-size: 0.95em; text-align: left; color: #666; padding: 10px; border-top: 1px #ccc dotted;border: none;}
/* Tooltip */
#tajtl {
    position: absolute;
    top: 20px;
    left: 20px;
	padding:5px;
    color: #fff;
    font-size: 1.05em;
    text-align: left;
    background-color: transparent;
 	border: none;
	max-width: 200px;
	z-index:103;
}

.wait {
    position: fixed;
	margin-top: 160px;
    width: 100%;
    font-size: 1.2em;
    z-index: 103;
    color: #fff;
    display: none;
}
.wait p {
    color: #fff;
}

.waitLogin	{
    position: absolute;
	margin-top: 288px;
    width: 100%;
    font-size: 1.2em;
    z-index: 103;
    color: #fff;
    display: none;
}

#playerDiv	{float: left; background-color: #000;}
/* webtv style list*/
.object-position	{
	width: 800px; 
    height: 630px; 
	border: 1px solid #444;
	padding-left: 22px;
	background: url(../img/no-borders/rtv-back.jpg) no-repeat left #000;	
}
#logoBeotel	{
display: none;
background: url(../img/zeleni/player-logo-back.jpg) no-repeat center;
width: 720px;
height: 457px;
position: absolute;
top: 196px;
z-index: 2;
margin-left: 63px;
}
div.ab_menu, div.sc_menu {
	position: relative;
	height: 71px;
	width: 722px;
	margin: 0 auto;	
}
ul.ab_menu, ul.sc_menu {
	display: block;
	height: 70px;
	width: 1600px;	
	padding: 0; 
	margin: 0;	
	list-style: none;
}
.ab_menu li, .sc_menu li {display: block; float: left; margin: 1px 4px;}
.ab_menu a, .sc_menu a {display: block; text-decoration: none;}
.ab_menu img {border: 1px #000 solid; filter:alpha(opacity=60); opacity: 0.6; margin: 12px 3px 0 3px;;}
.sc_menu img {border: 1px #000 solid; filter:alpha(opacity=60); opacity: 0.6; margin: 3px;}
.ab_menu a:hover img, .sc_menu a:hover img {border: 1px #000 solid; filter:alpha(opacity=100); opacity: 1;}
#playerDiv_wrapper	{border: 1px solid #444; margin: 0 auto;}

ul.sc_menu li.active {background: url(../img/no-borders/li-active.png) no-repeat center; width: 90px; height: 63px;}
ul.sc_menu li.active img{filter:alpha(opacity=100); opacity: 1; margin:3px;}
ul.ab_menu li.active {background: url(../img/no-borders/li-active-radio.png) no-repeat center; width: 90px; height: 63px;}
ul.ab_menu li.active img{filter:alpha(opacity=100); opacity: 1; margin: 12px 3px 0 3px;}

/* Ljubimci div reklama */
.ljubimci {
	width: 500px; height: 248px; display: none; left: 35%; top: 200px; position: absolute; z-index: 105;
}
.ljubimciIspod	{
    background-color: #222;
	z-index: 12;
	opacity:.75;
	filter: alpha(opacity=75);
    position: absolute;
	overflow: auto;
    display: none;
    left: 0%;
    top: 0%;
    width:100%;
    height:150%;
}

/* ADSL akcija div reklama */
.promo {
	width: 550px; height: 240px; display: none; left: 35%; top: 200px; position: absolute; z-index: 105;
}
.promo2 {
	width: 647px; height: 247px; display: none; left: 40%; top: 200px; position: absolute; z-index: 105;
}
.promoIspod	{
    background-color: #222;
	z-index: 12;
	opacity:.75;
	filter: alpha(opacity=75);
    position: absolute;
	overflow: auto;
    display: none;
    left: 0%;
    top: 0%;
    width:100%;
    height:150%;
}

.arrow_bundle {background: url(../img/no-borders/bundle-arrow.png) no-repeat left bottom; width: 31px; height: 12px; float: left;}

.email_overflow {max-width: 285px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* input for editing */
input[type=text].editable-input {	
	display: inline-block;
    border: 1px solid #D7DBDE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #363636;
    background-color: #fff;
    margin: 0 2px;
    padding: .4em;
    width: 150px;
}

input[type=text].input-mask {
	background-color: transparent;
	border-style: none !important;
	color: transparent;
  	text-shadow: 0 0 0 #363636;
}
input[type=text].input-mask:focus {
    outline: none; 
}

#dns-edit-table > tbody > 
tr:FIRST-OF-TYPE > td > input{
	font-weight: 700;
}

.dns-edit-submit {
	display: none;
	padding: 4px;
	font-size: 0.8em;
	line-height: 54px;
}

.cart_records tr.odd {
	background-color: #fbfbfb;
}

.truncate {
	max-width: 200px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pre-fmt {
    font-family: monospace;
    font-size: 0.8em;
    opacity: 0.9;
}

.epay_tools {
	margin: 0;
	padding: 0;
	text-align: right;
}
.epay_tools > li {
	display: inline-block;
	vertical-align: middle;
}
.epay_tools > li:nth-child(2n) {
	min-width: 82px;
	padding: 0 3px 0 2px;
}

.epay_price {
	display: block;
	color: #525967;
	text-decoration: none;
	font-weight: bold;
}

.epay_cart_checkbox {
	display: none;
}
.epay_cart_checkbox + label {
	display:inline-block;
	height: 25px;     line-height: 25px;
	width: 36px;
	background: #59b22a url(../img/basic/cart_put.png) no-repeat center right 0px;
  	cursor: pointer;
  	vertical-align: middle;
}
.epay_cart_checkbox + label:before {
	content: attr(data-label);
    font-size: 1em;
    color: #fff;
    margin-left: 14px;
    font-weight: bold;
    line-height: 1.5em;}
    
.epay_cart_checkbox:checked + label {
  	background: #f6bf4d url(../img/basic/cart_in.png) no-repeat center right 0px;
}

.epay_cart_checkbox:checked + label:before {content: attr(data-ordered);margin-left: 8px;}

.cart_item, .cart_item:hover {
	color: #000 !important;
    background-color: #e6f2ff !important;
}
.cart_item > td > .epay_tools > li:not(:last-child) {
	pointer-events:none;
}

.cart_submit {
	background-color: rgba(76,175,80, 0.9); 
	color: #fff; 
}

.payment_submit {
    display: inline-block;
    padding: 0.45em 1em;
    font-size: 1em !important;
    color: #fff !important;
    text-shadow: none;
    background: #59b22a;
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #478e21;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-background-clip: padding-box;
    border-radius: 3px;
    zoom: 1;
    min-width: 100px;
}
.payment_submit:hover { opacity: 0.85; }

.payment_submit_smaller {padding: .25em;
    font-size: .85em !important;
    color: #fff !important;
    text-shadow: none;
    background: #59b22a;
    white-space: nowrap;
    overflow: visible;
    border: 1px solid #478e21;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -webkit-background-clip: padding-box;
    border-radius: none;
    zoom: 1;
    width: auto;
    font-weight: normal!important;
}
.payment_submit_smaller:hover {cursor:pointer;text-decoration:none!important;background:#489122;font-weight: normal!important;}

.mt_20 {margin-top:0;}

.currency:after {	
	content: attr(data-currency);
	margin-left: 0.15em;
	font-size: 0.75em;
	font-weight: normal;
	color: rgba(51,51,51, 0.6);
}

.cart_view {
	font-size: 1em;
}
.cart_view th { font-size: 0.85em; }
.cart_view td { padding: 0.45em 0.25em; vertical-align: middle; }
.cart_view_summary {
	padding: 1em;
	border-top: 2px solid #4c95dd;
	font-size: 1.1em;
}

#epay_cart_counter {
	margin-right: 0.5em;
	display:inline-block;
	height: 25px;
	width: 95px;
	background: #b4b4b4 url(../img/basic/cart_in_gray.png) no-repeat center center;
	vertical-align: middle;
}
#epay_cart_counter:after {
	content: attr(data-counter);
	background-color: #4c95dd;
	color: #fff;
	font-size: .75em;
    padding: 3px 5px 1px 5px;
	-webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    vertical-align: top;
    margin: -2px -5px 0 0;
}

.yellow_cart_button {background-color: #f6bf4d!important;}

.epay_eula_box {
	display: inline-block;	
	padding: 0.5em;
	margin: 0.25em 0 0.5em;
	background-color: #fef7e9;
	-webkit-transition: all ease .5s; transition: all ease .5s;
}
.epay_eula_box { font-size: 1em !important; vertical-align: middle; }
.epay_eula_box > a { color: #4d95dc; }
.epay_eula_box > a:hover { text-decoration: underline; }

.epay_pib_box {
	margin-top: 0.5em;
/* 	border: 1px solid #d3d3d3; */
	border: none;
	background-color: rgba(246,191,78, 0.12);
	box-sizing: border-box;
}
.epay_pib_box > legend { font-size: 0.8em; color: #525967; padding: 2px 5px; }

.button_off {
	-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
  	cursor: not-allowed;
  	opacity: 0.75;
  	background-image: url(../img/wait_clock.gif)  !important;
  	background-repeat: no-repeat;
  	background-position: center;
}
.bttn_disabled {
	-webkit-filter: grayscale(50%); 
    filter: grayscale(50%);
  	cursor: not-allowed;
  	opacity: 0.75;
}

.success_color { color: #4C9A2A; }
.error_color { color: #BF0000; }

.overlay > * { 
	position: absolute; 
	top: 33%;
  	left: 33%;
  	transform: translate(-50%, -33%);
	background: #fff;
	z-index: 99; 
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.overlay::before {
    content: ""; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*     background-image: linear-gradient(120deg, #eaee44, #33d0ff); */
	background-color: #2e68a2;
    opacity: 0.7;
    z-index: 98;
}
.full-width-bttn {
	width: 100% !important;
	font-size: 1.125em;
	border-radius: 8px;
	padding: 0.415em !important;	
	cursor: pointer;
	border-style: none;
	float: none;
}
.full-width-bttn:hover {
	-webkit-filter: brightness(90%);
  	filter: brightness(90%);
}

#passwd_strength_bar {
	position: relative;
	width: 100%;
  	height: 20px;
  	border-radius: 16px;
 	padding: 5px 7px;
  	background-color: #f7f7f7;		  	
  	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;		
  	overflow: hidden;
  	box-sizing: border-box;
  	margin: 0.5em 0;
}
#passwd_strength_bar > span {
	background: linear-gradient(90deg, rgba(255,51,51,1) 0%, rgba(255,186,0,1) 45%, rgba(56,172,56,1) 85%); 
	background-repeat: no-repeat;
	border-radius: inherit;
	height: 10px;
	display: block;
	box-sizing: inherit;
}
#passwd_strength_bar > span > 
#passwd_strength_mask {
	float: right;
	height: inherit;
	width: 100%;
	background-color: #f7f7f7;
	display: block;
	box-sizing: inherit;
}
.nonvalid_passwd_info::before {
	position: absolute;
	display: block;
	content: attr(data-msg);
	max-width: 285px;
	background: #dc4d4d; 
	color: #fff;
	font-size: 0.825em;
	padding: 0.5em 1em;
	text-align: left;
}


/* R E S P O N S I V E   delovi uzeti iz Bootstrapa */
.container {
    width: 100%;
}
@media only screen and (min-width: 900px) {
	.row {}
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {position: relative; min-height: 1px;float:left;} 
    .col-md-9 {width:75%;} 
}

@media only screen and (min-width: 899px) and (max-width: 1280px){
    .epay_cart_checkbox + label {margin: 10px 0 0 0;}
}

@media only screen and (min-width: 899px) {
    .col-md-12 { width: 100%;}
    .col-md-11 { width: 91.66666667%;}
    .col-md-10 {width: 83.33333333%;}
    .col-md-8 {width: 65.86666667%;}
    .col-md-7 {width: 58.33333333%;}
    .col-md-6 {width: 50%;}
    .col-md-5 {width: 41.66666667%;}
    .col-md-4 {width: 32.5%;}
    .col-md-3 {width: 25%;}
    .col-md-2 {width: 16.66666667%;}
    .col-md-1 {width: 8.33333333%;} 
}

@media only screen and (max-width: 360px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {width: auto;}    
}

@media only screen and (max-width: 374px) {
    .div_slider_body_options {font-size: 0.9em;}
}

.container:before,
.container:after,
.row:before,
.row:after{content: " "; display: table;}

.container:after,
.container-fluid:after,
.row:after {clear: both;}
/* KRAJ R E S P O N S I V E delova */

#exception-info, #stacktraces {color: #333;} /* ovo je za strutsovu gresku*/

.vatExplain {
	color: #333;
    font-size: 0.8em;
    position: absolute;
    margin-top: -112px;
    margin-left: 187px;
}

#contact_data_form  {position: relative;background: #fff;border: 2px solid #fff;padding:20px;}

.mw_130 {max-width:130px;}

.target {z-index:501!important;}
.target .logo {cursor: pointer!important;}

#spinner_blue{position: fixed;z-index: 6000;width: 84px;left: calc(50% - 42px);top:calc(20% - 42px);}

@media only screen and (max-width: 768px) {
	.hideStuff {display:none!important;}	
	tr.respRow td, .divider {display:block;}
	tr.respRow td  {padding:5px 10px;}
	.div_slider_body_options {max-height:inherit!important;}
	.login_form {margin: 80px auto 5px auto;}	
	.records {text-align: left;}
	
	.max_width {max-width: none;width:100%;padding: 80px 10px 0 10px;box-sizing: border-box;}
	
	.prolongation_disable{margin-left: 0;}
	.voip{margin-left: 0;}
	.voip_application{margin-left: 0;}
	.webmail{margin-left: 0;}
	.uplatnica{margin-left: 0;}
	.tech_params{margin-left: 0;}
	.kvisko{margin-left: 0;}
	.kvisko_used{margin-left: 0;}
	.pass_check{margin-left: 0;}
	.pass_change{margin-left: 0;}
	.pass_email{margin-left: 0;}
	
	.drsElement {position:fixed;top: 80px!important;left: 0!important;padding:0;/*width:100%;*/}
	.drsMoveHandle {height: auto;}
	
	.overlaid_container {position: fixed;top: 80px!important;left: 0!important;}
	.mw_130 {max-width:130px;}
	
	.ikonicaDodaj	{position: absolute;width: auto;top: 3px;right: 9px;left: auto;}
	ul#addressBookEntries {max-height:200px;overflow-y:auto;}
	.records td, .records th {padding: 3px;font-size: 0.95em;}
	th.udesno {text-align:right;}
	.lil_label {display:inline-block;}
	.infoData {display: block;max-width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	
	.clientInfoForm {width: 100%;max-width: 250px;margin: 0 auto;max-height:360px;overflow-y:auto;columns: auto;-webkit-columns: auto;-moz-columns: auto;}
	.clientInfoForm input {margin-bottom: 5px;}
	.clientInfoForm select {margin-bottom: 5px;}
	.clientInfoForm td {display:table-row;}
	.clientInfoForm label {float:left;}
	#editIndividualDiv {max-width:auto;}
	#paymentDialog {top:0!important;width: auto;}
	.resizeableDivDouble {padding: 30px 30px 180px 30px;top: 130px;}
	.online_pay_form {width: 300px; margin-bottom: 30px;}
	.online_pay_form td {display:table-row;}
	.online_pay_form label {float:left;}
	.online_pay_form .submit {float:left;}
	.kartice, .oznake_banke {width: auto;}	
	.kartice img{float: left;margin-left: 10px;margin-right: 10px;}	
	.oznake_banke img {float: none;margin-left: 0;margin-right: 10px;}
	
	#technicalParamsData table.records td {display:block;}
	.teh_params {display: block;max-height:300px;overflow-y:auto;width: inherit;}
	.skr {white-space: nowrap; width: 95%; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
	
	.lil_navigation {color: #777;font-size: 12px;position: relative;text-align: center;width: 100%;}
	.lil_navigation span {display:block;margin-bottom:5px;}
	.lil_navigation span.spacing {display:none;}
	
	.mobile {display:initial;}
	.desktop {display:none;}
	
	.hide {display:none!important;}
	
	.top_div {padding-right: 0;}
	ul#info_user_field {text-align: left;}
	ul#info_user_field li {display: inline-block; margin: 2px 6px;vertical-align: top;}
	.epay_tools {text-align: left;}
	.epay_tools > li:nth-child(2n) {min-width: 60px;}
	.epay_price {text-align: right;font-size: 1.2em;display:inline;}
	.epay_price:after {content:" RSD";font-weight: normal;font-size: 0.75em;display:inline;}
	.payment_submit {padding: 0.25em 0.4em;}
	#epay_cart_counter {background-image: url(../img/basic/cart_in_gray.png);margin-bottom: 1px;}
	.epay_eula_box {padding: 0.5em 0.4em 0.5em 0.4em;border-radius: 20px 0 0 20px;}
	
	.cartDiv {float: right; text-align: right; padding: 0.6em 0.65em 0 0.65em; min-width: 60px;
	position: fixed;
    top: 70px;
    right: -2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 31px 3px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 0px 31px 3px rgba(0,0,0,0.57);
	box-shadow: 0px 0px 31px 3px rgba(0,0,0,0.57);
	max-width:145px;
	border-radius: 30px 0px 0px 30px;
	-webkit-transition: all ease .5s; transition: all ease .5s;
	z-index:12;
	}
	.cancelCart {background-color: #ccc;
		border-color: #b5b5b5;
		color: #666!important;
		display: block;
		width: 75px;
		text-align: center;
		margin-top: 7px;
		float:right;
		margin-bottom: 0.6em;
		-webkit-transition: all ease .5s; transition: all ease .5s;}
	.cartDiv h2 {color: #525967;margin: 3px 0;font-size: 1.2em;}
	
	.finalCart tr {display: table-row;}
	.finalCart td {display: block;}
	
	.pre-fmt {font-size: 1em;opacity: 1;background: #4c95dd;padding: 2px;color: #fff;border-radius: 15px;}
	.cart_view_summary {padding: .8em 3px .8em 0 !important;background: #4c95dd;}
	.cart_records tr {border-bottom: 1px solid #ebebeb;}
	
	.cart_view_summary .epay_price {color:#fff;}
	.cart_view_summary .epay_price:after {color:#fff;}
	.vert_spacer {height:30px;display:block;}
	#epay_cart_counter {width: 50px;}
	.pb_10 {padding-bottom: 10px!important;}
	ul.sub_footer_links {padding: 15px 0!important;}
	
	#client_data {float: none; clear: both;}
	#addressBookListDiv {position:absolute!important}	
	h3 {text-align: left;margin: 36px 0 0 0px;}
	h3.setHeaderPosition {margin-top: 5px;}
	.signup_form {margin: 0 auto 20px auto; }
}
	
@media only screen and (min-width: 769px) {
	.hideStuff {display:table-row;}
	tr.respRow td {display:table-cell;height: 36px!important;}
/* 	tr.respRow td span {display:none;} */
	tr.respRow td.divider > hr {display:none;}
	.clientInfoForm {width: 735px;margin: 0 auto;max-height:400px;overflow-y:auto;columns: 3;-webkit-columns: 3;-moz-columns: 3;}
	.clientInfoForm input {margin-bottom: 5px;}
	.clientInfoForm select {margin-bottom: 5px;}
	.clientInfoForm td {display:table-row;vertical-align: top;}
	.clientInfoForm label {float:left;}
	#editIndividualDiv {max-width:765px;}
	#paymentDialog {position:inherit; top:100px;}
	.online_pay_form {width: 300px; margin-bottom: 30px;}
	ul#info_user_field li {display: inline-block; margin: 2px 6px;}
	
	.max_width {max-width: 1200px;margin:0 auto;}
	
	.drsElement {width:100%;max-width:500px;}
	.lil_label {display:none;}
	
	.lil_navigation {color: #777;font-size: 12px;position: relative;text-align: center;width: 100%;margin: 80px 0 -30px 0;}
	.lil_navigation span {display:inline;}
	.lil_navigation span.spacing {display:inline;}
	
	.mobile {display:none;}
	.desktop {display:inline-block;}
	
	.cartDiv {float: right; text-align: right; padding: 1.5em 0.5em 0.5em 0.5em; min-width: 88px;}
	.cancelCart {background-color: #ccc;
		border-color: #b5b5b5;
		color: #666!important;
		display: inline;
		width: 75px;
		text-align: center;
		-webkit-transition: all ease .5s; transition: all ease .5s;}
	.cartDiv h2 {color: #525967;margin: 3px 0;font-size: 1.2em;}
	#epay_cart_counter {float:right;margin-left:0.3em;}
	
	.finalCart tr {display: table-row;}
	.finalCart td {display: table-cell;}
	.vert_spacer {height:130px;display:block;}
	
	ul.sub_footer_links {column-count:auto;}
	ul.sub_footer_links li {display:inline;}
	
	#affirmativeMessage, #failureMessage {
	max-width: 600px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;}
}

.online_pay_form input, #preparePayment input {width: 208px; padding: 5px;}
#preparePayment input[type="submit"] {width: 100px; padding: 5px;}
#preparePayment input[type="checkbox"] {width: 16px; padding: 5px;}
.online_pay_form select, #preparePayment select {width: 220px; padding: 5px;}
#preparePayment input, #preparePayment select {padding: 5px;}
.online_pay_form input[disabled] {width: 210px; padding: 5px; border: #ccc; background: #eee;}
.tdLabel:before .online_pay_form input[disabled] {color: #eee;}	
#allAgreements tr:hover {/*text-decoration: underline;*/box-sizing: border-box;}
#activeLog {font-size:15px;}


.smsforma input[type="text"] {padding:5px;font-size: 1.1em;}
.smsforma input[type="text"], .smsforma input[type="textarea"], .smsforma label {display:block}

.public_footer	{
	background-color: #ECECEC;
	font-size: 0.9em;
	color: #333;
	text-align: center;
	margin-top: 5px;
	display:block;
	position:relative;bottom:0;
	clear:both;
	width:100%;
	padding: 6px 0 4px 0;
	box-sizing: border-box;
}
.public_footer a	{color: #333;}
.public_footer a:hover	{color: #000;}
.cards {float:left;display:inline;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.securities {float:right;display:inline;}
.cards img {margin-right:10px;height: 30px;}
.securities img {margin-left:10px;height: 32px;}
.text {vertical-align: middle;line-height: 32px;}

#hiddenDiv {display: none;}
#epay_pay_bttn[disabled]:hover + #hiddenDiv {   	
	display: block;
    position: absolute;
    margin-top: -32px;
    margin-left:40px;
    padding: 6px;
    background: #f66;
    color: #fff;
    -webkit-transition: all ease .5s; transition: all ease .5s;}
    
#epay_order_submit[disabled]:hover + #hiddenDiv {   	
	display: table;
	position: relative;
    padding: 3px;
    background: #f66;
    color: #fff;
    font-size: 95%;
    margin-top: 5px;}

@media only screen and (max-width: 768px) {

   .text a {display:block;}
   .securities img {height: 30px;margin: 3px 1px;}
   .cards img {height: 30px;}
   .inliner {margin-top: -15px;}
   
   #hiddenDiv {display: none;}
   #epay_pay_bttn[disabled]:hover + #hiddenDiv {   	
	display: block;
    position: absolute;
    padding: 6px;
    background: #f66;
    color: #fff;
    left: 1px;
    margin-top: 7px;
    font-size: 95%;
    text-align:center;
    -webkit-transition: all ease .5s; transition: all ease .5s;}
    
    #epay_order_submit[disabled]:hover + #hiddenDiv {display: inline-block;}
    ul.sub_footer_links {column-count:2}
    .sub_footer_links a	{width: 100%;display: block;}  
}

@media only screen and (max-width: 1080px) {
   .cards, .securities, .text {float:none;display:block;margin-bottom: 15px;}
		.cards {order:1;}
		.securities {order:2;}
		.text {order:3;}
}
  
@media only screen and (max-width: 1280px) {
		.mt_20 {margin-top: 0px;width: auto;white-space: nowrap;display: inline-block;}
}  

.sub_footer_info {display:block;}
.sub_footer_info a {background-color: #141853;display: block;padding: 10px 0;margin: 0;}

ul.sub_footer_links	{padding: 0;margin:-8px 0 20px 0;display:block;width: 100%;text-align:center;vertical-align: middle;position:fixed!important;bottom:40px;}
.sub_footer_links a	{color: #3f444f; font-size: 0.8em; line-height: 28px;text-align: center;padding: .2em 1.1em!important;}
.sub_footer_links a:hover	{color: #1d1d1b;}
.footLogo {position: fixed!important;
    bottom: 0;
    padding: 10px 10px 5px 0!important;
    text-align: center;
    width: 240px;
    color: #222!important;
    font-size: .9em!important;
    border-bottom: none!important;
    background: #fbfbfb;}

.potvrdaNaslov {margin:20px 0px;font-weight:normal;border-bottom: 2px solid #4c95dd;border-top: 2px solid #4c95dd;}

/* ADSL akcija div reklama */
.promo { max-width: 410px; height:auto;display: none; left: 35%; top: 200px; position: absolute; z-index: 105;background:#fff;padding:20px;font-size:1em;color:#222;}
@media only screen and (max-width: 768px) {
	.promo {width: auto;left: 0;right:0;top: 80px;height:auto;display: none;position: absolute;z-index: 105;background:#fff;padding:20px;font-size:1em;color:#222;}
}
.promoIspod	{
    background-color: #222;
	z-index: 104;
	opacity:.75;
	filter: alpha(opacity=75);
    position: absolute;
	overflow: hidden;
    display: none;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
}

.hideCauseCartEmpty {
	height:0px!important;
	overflow:hidden!important;
	opacity:0;
	padding:0!important;
	width: 0;
	margin: -7px;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;}
.goUp {top: 8px;-webkit-transition: all ease .7s; transition: all ease .7s;}
.dn {display:none;}
.w_100 {width:100%!important;}
.w_150 {width:150px!important;}

.only4mobile {display:none;}

.last_login {float: right;font-size: 8.5pt;padding-right: 7px;position: absolute;top: 30px;color: #222;width: 100%;right: 0px;text-align: right;}
.noResultsMessage {color: red;line-height: 2.5em;}
.pacPassOpt ul {margin:0;}

.pacPassOpt {display: table;width: 100%;margin: 10px 0 20px 0!important;}
.pacOpt {display: table-cell;width: 50%;}
.passOpt {display: table-cell;width: 50%;}






.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}

.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media only screen and (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media only screen and (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media only screen and (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media only screen and (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media only screen and (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media only screen and (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media only screen and (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}





#css-script-menu{
	position:fixed;
	height:90px;
	width:100%;
	top:0;
	left:0;
	border-top:5px solid #16a1e7;
	background:#fff;
	-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);
	-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);
	box-shadow:0 2px 3px 0 rgba(0,0,0,.16);
	z-index:999999;
	padding:10px 0;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	}
.css-script-center{width:960px;margin:0 auto;}
.css-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none;}
.css-script-center a{text-decoration:none;}
.css-script-ads{width:728px;height:90px;float:right;}
.css-script-clear{clear:both;height:0;}



.navigation {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
  background-color: #fff;
}

.navigation ul,
.navigation ul li,
.navigation ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation ul {
  position: relative;
  z-index: 500;
  float: left;
}

.navigation ul li {
  float: left;
  min-height: 0.05em;
  line-height: 1.3em;
  vertical-align: middle;
  background: #fbfbfb;
}

@media screen and (max-width:1200px) {
	.navigation ul li {line-height: 1em;}
}

.navigation ul li.hover,
.navigation ul li:hover {
  position: relative;
  z-index: 510;
  cursor: default;
}

.navigation ul ul li { float: none; border-bottom: 2px solid #056e93;}

.navigation ul ul ul {top: 0;right: 0;}

.navigation ul li:hover > ul { visibility: visible; }

.navigation ul li.lower_list:hover > ul { top:auto;bottom:0; }

.navigation ul ul {
  top: 0;
  left: 99%;
  position:absolute; 
  bottom:0;
  width: max-content;
  min-width: 250px;
  visibility: hidden;
  z-index: 520;
}

.navigation ul li { float: none;}

.navigation {
  width: 250px;
  transform-origin: 0 0;
  text-align: center;
}

.navigation:before {
  content: "";
  display: block;
}

.navigation:after {
  content: "";
  display: table;
  clear: both;
}

.navigation a {
  display: block;
  padding: 1.5em 1.1em;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid #bbb;
}

.navigation .logo {
  display: block;
  padding: 3.9em 1.1em 1.3em 1.1em;
  border-bottom: 1px solid #bbb;
}
.navigation .logo img {
  max-height:40px;
}

.navigation > ul { width: 250px;}

.navigation > ul > li > a {color: #222;}

.navigation > ul > li:hover a { background: #f3f3f3;color: #000;margin-left:0;}
.navigation > ul > li:hover a:after { content: ' \203A ';}
.navigation > ul > li:last-child:hover a:after { content: '';} /* sklonjena kvacica na zastavicama */
.navigation > ul.target > li:last-child {background:#464c58;}

#activeTab:after { content: ' \203A ';}

.navigation li { position: relative; }

.navigation ul ul a { color: #ffffff; }

.navigation ul ul a:hover { color: #ffffff; }

.navigation ul ul li { border-bottom: 2px solid #707070; }

.navigation ul ul li:hover > a {
  background: #fff;
  color: #222;
}

.sf_logo {padding: 4px!important;border-radius: none;float:right;background: transparent;margin-top: 14px;margin-bottom: 6px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.sf_logo .home_hover {display:none;}
.sf_logo .whitehome {display: inline-block;position: absolute;padding: 10px 4px;margin-top: -18px;right: 0;}
.navigation:hover > .sf_logo {margin-top: 9px;margin-bottom: 0;}
.navigation:hover > .sf_logo .home_hover {display: inline-block;padding: 4px 8px 3px 8px!important;border-radius: none;margin-top: -8px;margin-bottom: -8px;float:left;background: transparent;}
.navigation:hover > .sf_logo .home_hover:hover {border-radius: 8px;background: #fff;}
.navigation:hover > .sf_logo .texttt {float:right;}
.navigation:hover > .sf_logo .home {float:left;margin-right:12px;}
.navigation:hover > .sf_logo .whitehome {display:none;}
	
.menuLink {display:inline;width:68px;height:38px;position:fixed!important;top:0;left:0;background:#ff4400;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
	z-index: 5001!important;font-size: 22px;color: #fff;text-align: center;font-weight:bold;padding-top:4px;box-sizing:border-box;cursor:pointer;}
.w3sidebarcontainer {position:fixed !important;top:0;left:-250px;overflow-x:hidden;z-index: 5000;display:block;width: 250px;height: 100vh;background: #fbfbfb;
	-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.visibleNav {left:0px!important;-webkit-box-shadow: 8px 0px 24px 0px rgba(0,0,0,0.74); box-shadow: 8px 0px 19px 0px rgba(0,0,0,0.74);}	
.w_250 {width:250px!important;}	

#main {/*padding-top:48px;*/}/* sklonjeni su naslovi na stranama */
.notifications {padding-left: 10px; box-sizing: border-box;}
.login_info strong {padding: 3px 0 4px 0px;box-sizing: border-box;width: auto!important;}

.sf_logo {margin-top: 10px;margin-bottom: 0;}
.sf_logo .home_hover {display: none!important;}
.sf_logo .whitehome {display: inline-block;position: absolute;padding: 10px 4px;margin-top: -14px;right: 0;}
.whitehome .texttt {margin-right: 20px;}
.navigation:hover > .sf_logo .home_hover {display: none!important;}
.navigation:hover > .sf_logo .whitehome {display: inline-block;position: absolute;padding: 10px 4px;margin-top: -14px;right: 0;}	
.navigation:hover > .sf_logo .home {float:none!important;}
.navigation:hover > .sf_logo .texttt {float:none!important;}		

.logout_icon{position: relative;right: 0;top: 0;}	
.yellowInfoIcon{background: #f6bf4e;color: #3570a9;padding: 2px 7px 0px 7px;border-radius: 18px;font-size: 18px;}	
.blueInfo {background: #4d95dc; color: #fff; padding: 5px 10px; border-radius: 12px;display:inline-block;}



/* mobilni prikaz */
/*    **********************************************************   */
@media only screen and (max-width:768px){	
	.logout_icon{position: absolute;right: 20px;top: 8px;}
	.navigation {text-align: center;}
	.navigation ul ul li {max-width:160px;}	
	.ml_default {width: 38px;}
	.ml_closed {width: 31px;}		
	.ml_open {width: 250px;}
	.w3sidebarcontainer {position:fixed !important;top:15px;left:-100%;overflow-x:hidden;z-index: 5000;height: 100vh;background: #fbfbfb;}	
	#main_content {width:100%;display:block;position:relative;padding-left:0;}
	.top_div {width:100%;padding: 7px 0 1px 0;}
	.div_slider_body_options {padding-left: 0;}
	.allAgreements th:first-child {width: 100%;text-align: left;}
	.allAgreements td:first-child {width: 100%;text-align: left;}
	.allAgreements th:last-child {width: 100%;text-align: left;}
	.allAgreements td:last-child {width: 100%;text-align: left;}
	.cart_records tr:last-child {border-bottom: none;}
	.records {margin: 0;}
	.last_login {top: 39px;}
	.public_footer{width:100%;padding: 10px 0 0 0;}
	.sub_footer_links a	{font-size: 0.8em;line-height: 20px;text-align: center;padding: .7em 0!important;}
	.footLogo {position: fixed!important;bottom: 0;padding: 10px 0!important;text-align: center;border-bottom: none!important;}
	.only4mobile {display:block;}
	.top_div_slidedown {top: 39px;}
}	
/*    **********************************************************   */		
@media only screen and (max-width:600px){
	.w3sidebarcontainer {width: 100%;}   
	.navigation > ul { width: 100%; }
	.navigation {width: 100%;}
	.navigation a {padding: 1.3em 1.1em;}
	.navigation .logo {padding: 2.4em 1.1em 1.2em 1.1em;}	
	.ml_open {width: 100%;}
	.footLogo {width:100%;}
	.w_250 {width:100%!important;}	
	.posImg {display:inline;margin: 0;}
}	

/*    **********************************************************   */
@media only screen and (max-width: 330px){
	.x-1em-padd { padding-left: 0 !important; padding-right: 0 !important; }
	.y-1em-padd { padding-left: 0 !important; }	
	.navigation a {padding: 1em;}
	.navigation .logo {padding: 1.8em 1.1em .6em 1.1em;}
	.navigation ul li {line-height: 1em;}
	.last_login, .shortenName {display:none;}
}	


/* kraj- mobilni prikaz  */