/* Minification failed. Returning unminified contents.
(7271,13): run-time error CSS1035: Expected colon, found '.8s'
(7287,13): run-time error CSS1035: Expected colon, found '.8s'
(7298,13): run-time error CSS1035: Expected colon, found '.8s'
 */
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, section { border: 0;
	margin: 0px;
	padding: 0px;
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	font-size: 12px;
	color:#001c30;}
	
#body{
	background-color:#fff;}
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }

	a { color:#001c30; text-decoration: none; font-weight: bold;}
		
	a:hover { text-decoration: underline; }
	#container2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
    ::selection{background-color:#70d18b; color:#ffffff;}
    ::-moz-selection{background-color:#70d18b; color:#ffffff;}

.container { margin: 0 auto;
    clear: both;
	float: left;
    margin-left: auto;
    margin-right: auto; 
    min-width: 997px;
	height: 100%;
	width: 100%;
	padding: 0px;
	background-image: url(/img/header.png);
	background-repeat:repeat-x;
	border: 0px;
}
input, select, textarea{font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;	color:#001c30;}
A:link,A:visited,A:active,A:hover {text-decoration: none;
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	color:#001c30;}


/*FIX FOR IPHONE ICONS*/
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .k-icon:not(.k-loading), .k-grouping-dropclue, .k-drop-hint, .k-callout, .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon, .k-column-menu .k-sprite, .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
        background-image: url(/img/sprite.png) !important;
        background-size: 380px 3500px !important;
    }
}
/* COOKIES */

.CookieContainer{
position: fixed;
width: 320px;
right: 25px;
bottom: 25px;
padding: 15px 25px;
background: #565656;
color: #FFF;
font-size: 12px;
z-index: 99999;
text-align: left; border: 2px solid #FFFFFF;}

.CookieText{float:left;}
.CookieContainer .openInfo{color: #F7941D; font-weight:bold}
.CookieContainer .openInfo:hover{cursor:pointer; text-decoration:underline;}

.CookieConfirmButton{background-color: #6BBD46; float:right;
margin: 5px 10px;
padding: 5px 10px;
background-image: url(/img/NavArrow.png);
background-position: 179px 8px;
background-repeat: no-repeat;
font-weight:bold;}
.CookieConfirmButton:hover{background-color: #F7941D;cursor:pointer}

/* END COOKIES */


.Relago_app_header 
{
	float:left;
	margin: 0px;
	padding: 0px;
	*padding: 0px;
	height: 100px;
	width:100%;
	position:relative;
	clear: both;
	z-index: 150;
	background-color:#001C30;
    }
    
    
.Relago_store_header{
	float:left;
	margin: 0px;
	padding: 0px;
	*padding: 0px;
	height: 80px;
	width:960px;
	position:relative;
	clear: both;
	z-index: 150;
	background-color:#001C30;
    }


.Relago_logo {
    background-image: url(/img/sprite.png);
	background-position: 0px 0px;
	height: 67px;
	width: 134px;
	float: left;
	margin: 0px;
	cursor:pointer;
}
.Relago_app_logo {
    background-image: url(/img/sprite.png);
	background-position: 0px 0px;
	position:relative;
	height: 67px;
	width: 134px;
	float: left;
	padding: 0px;
	margin:8px 0px;
	cursor:pointer;
}
.signinregistercart {
	float: right;
	position: relative;
	text-transform: lowercase;
	padding: 0px;
	margin: 10px 0px 4px 0px;
	font-size:12px;
	clear:right;
	height:24px;
}
.signinregistercart_right {
	background-color:#F7941D;
	position: relative;
	text-transform: lowercase;
	padding: 2px;
	margin: 34px 5px 4px 0px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size:12px;
	clear:right;
	height:24px;
	position:relative;
}

.signinregistercart > div {
    float: right;
    font-size: 12px;
    line-height: 24px;
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
}
.signinregistercart > div {	float: left;display: inline;margin: 0px 7px;}
.signinregistercart > div a{color: #FFF;}

.signinregistercart_app {
  clear: right;
    float: right;
    font-size: 12px;
    height: 24px;
    margin: 34px 10% 4px 0;
    padding: 2px;
    position: relative;
    text-transform: lowercase;
}


.Relago_nav{ clear: right;
    float: right;
    font-size: 12px;
    height: 24px;
    margin: 0px 4% 0px 0;
    padding: 0px;
    position: relative;}
    
.Nav-item{width:80px; height:80px; margin:10px 10px; float:left; position:relative; cursor:pointer;}
.Nav-item_user{min-width:140px; height:80px; background-color:#f9941e; margin:10px 10px; float:left; position:relative;}
.Nav_title {position: absolute; top:60px; left:0px; width:80px; color:#fff; font-size:12px; text-align:center;}
.Nav_title_user {margin: 60px 0px 0px 20px; min-width:175px; color:#fff; font-size:12px; text-align:right;}
.Nav_title_user .UserName{display:inline-table; cursor:pointer;}
.Nav_title_user .LogOff{display:inline-table; width:80px; text-align:center; cursor:pointer;}

.Nav_title_user_company {margin: 0px; width: 110px; position: absolute; color:#fff; font-size:12px; text-align:right; top:7px; right:83px; height:53px;}
.NTUCC{width:110px; height:53px; position:relative;}
.NTUCText{ position: absolute; bottom:0; right:0px;}

.signinregistercart_app  ul {
    float: right;
    font-size: 12px;
    line-height: 24px;
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
}

.signinregistercart_app  li {
	float: left;
	display: inline;
	margin: 0px 10px;
	}
.signinregistercart_app  li a{
	color: #FFF;
	}
#RelagoSignIn{float:left; margin:0px 10px; padding:0px; background-color:#418AD1;}
#RelagoSignIn:hover{background-color:#F7941D;}
#RelagoCart:hover{background-color:#418AD1;}
#RelagoCart{float:left; margin:0px; padding:0px 15px; background-color:#F7941D; width: 110px;}

#LogOnPartial{color: #FFF;}
#logindisplay{color: white; font-weight:bold;}
#logindisplay div{padding:0px 10px;float: left; font-weight: normal; padding: 0px 0px 0px 15px}
#logindisplay a:link{color: white; text-decoration: none; padding:5px 15px;}
#logindisplay a:visited{ color: white; text-decoration: none;}
#logindisplay a:hover{ color: white; text-decoration: underline;}

.ShoppingCart{
	width: 20px;
	background-repeat:no-repeat;
    background-image: url(/img/sprite.png);
	background-position: -125px -159px ;
	float:right;
	padding: 0px;
	height: 20px;
	cursor:pointer;    
	margin-left: 5px;
	}
.MyRelagoHomeIcon{
	width: 20px;
	background-repeat:no-repeat;
    background-image: url(/img/sprite.png);
	background-position: -100px -183px ;
	float:right;
	padding: 0px;
	cursor:pointer; 
	height: 20px;}
		
.AppMenuHelpIcon{
	width: 17px;
	background-repeat:no-repeat;
    background-image: url(/img/sprite.png);
	background-position: -112px -241px ;
	float:right;
	padding: 0px;
	cursor:pointer; 
	height: 20px;}	
	
.MyRelagoTitleApp{
	float:left; font-weight:bold; cursor:pointer;}
.MyRelagoTitleApp:hover{color:#fff;}
.MyRelagoTitle{left: 0; padding: 0; position: absolute; top: 0;}
.MyRelagoTitle a{padding:7px 45px 6px 16px !important}

.MyRelagoAdminLinks{margin-bottom:20px; float:left;}
.MyRelagoAdminLinks a{width:260px; background-color: #418AD1; color:#ffffff; float:left; padding: 20px 25px; cursor:pointer; margin:5px; background-image: url("/img/NavArrow.png");background-position: 267px 14px;background-repeat: no-repeat;}
.MyRelagoAdminLinks a:hover{background-color: #F7941D; color:#ffffff;}


	
/*

/* target IE7 and below with a (*) in fornt of property */
.ShoppingCart {*display:inline; *zoom: 1;*float: none;}
/* --------END Header----------  */
#app_title {
	background:#efefef;
	padding: 2px 0px 0px 0px;
	height: 35px;
	font-size:20px;
	color:#001c30;
	font-weight: bold;
/*	border-bottom: 2px solid #001c30;*/margin-bottom: 5px;
	background-repeat: no-repeat;
	position:relative;
	float:left;
	clear:both;
	width:100%;
}

.app_title_virmani,.app_title_putni,.app_title_racuni,.app_title_clanovi,.app_title_rezervacije,.app_title_prodajneaktivnosti,.app_title_dokumenti{
 background-image: url("/img/clanovi_logo_s.jpg");
 background-repeat:no-repeat;
 background-position: 170px 2px;
 padding: 5px 0px 0px 220px;
 height: 30px;
 float:left;
 color:#418AD1;
 }
 
.app_title_virmani{ background-image: url("/img/virmani_logo_s.jpg");}
.app_title_putni{ background-image: url("/img/putni_logo_s.jpg");}
.app_title_racuni{ background-image: url("/img/racuni_logo_s.jpg");}
.app_title_clanovi{ background-image: url("/img/clanovi_logo_s.jpg");}
.app_title_rezervacije{ background-image: url("/img/rezervacije_logo_s.jpg");}
.app_title_prodajneaktivnosti{ background-image: url("/img/prodajneaktivnosti_logo_s.jpg");}
.app_title_dokumenti{ background-image: url("/img/dokumenti_logo_s.jpg");}
 
.RelagoAppHeaderIdentContainer{position:absolute; top:10px; left:180px; width:530px;height:90px;}
.RAHI_Racuni{background-image: url(/img/RelagoAppHeaderBckgInvoices.png); background-position: 0px 0px; width:530px;height:70px;}
.RAHI_Clanstvo{background-image: url(/img/RelagoAppHeaderBckgMembers.png); background-position: 0px 0px; width:530px;height:70px;}
.RAHI_PutniNalozi{background-image: url(/img/RelagoAppHeaderBckgPutni.png); background-position: 0px 0px; width:530px;height:70px;}
.RAHI_Rezervacije{background-image: url(/img/RelagoAppHeaderBckgRezervacije.png); background-position: 0px 0px; width:530px;height:70px;}
.RAHI_ProdajneAktivnosti{background-image: url(/img/RelagoAppHeaderBckgProdajneAktivnosti.png); background-position: 0px 0px; width:530px;height:70px;}
.RAHI_Dokumenti{background-image: url(/img/RelagoAppHeaderBckgDokumenti.png); background-position: 0px 0px; width:530px;height:70px;}
 
 
/*************************************************************  */
/*----------------------- APP_QUICK_ADD & HELP ---------------------------  */
/**************************************************  */
 
.RelagoHelpInvokeIcon{
    background-color: #4AD141;
	height: 35px;
	width: 35px;
	float:right;
	margin-right:10%;
	cursor:pointer;    margin-top: -1px;}
.RelagoHelpInvokeIcon:hover {background-position: -285px -291px;}
.RelagoAddNewIcon{background-color: #777777; cursor:pointer;
    color: #FFFFFF;
    cursor: default;
    float: right;
    font-size: 16px;
    font-weight: normal;
    height: 26px;
    padding: 6px 13px 1px;transition: 0.7s ease}
.RelagoAddNewIcon:hover {background-color: #F9941E; cursor:pointer;}
 
.app_quick_add #cssmenu{height:37px; display:block; padding:0; margin-right:5%;} 
.app_quick_add #cssmenu > ul {list-style:inside none; padding:0; margin:0;float:right} 
.app_quick_add #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative} 
.app_quick_add #cssmenu > ul > li > a,.app_quick_add #cssmenu > ul > li > div{outline:none; display:block; position:relative; text-align:center; text-decoration:none; z-index: 101;} 
.app_quick_add #cssmenu > ul > li > a:after,.app_quick_add #cssmenu > ul > li > div:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
.app_quick_add #cssmenu ul li.has-sub:hover > a:after,.app_quick_add #cssmenu ul li.has-sub:hover > div:after{top:0; bottom:0;}
.app_quick_add #cssmenu > ul > li.has-sub > a:before,.app_quick_add #cssmenu > ul > li.has-sub > div:before{position:absolute; top:18px; right:6px;} 
.app_quick_add #cssmenu > ul > li.has-sub:hover > a:before,.app_quick_add #cssmenu > ul > li.has-sub:hover > div:before{top:19px;} 

.app_quick_add #cssmenu ul li.has-sub:hover > ul, .app_quick_add #cssmenu ul li.has-sub:hover > div{visibility:visible;transition-delay:0.7s} 

.app_quick_add #cssmenu ul li > ul{visibility:hidden; width:auto; position:absolute; top:32px; right:-2px; padding:3px 0; 
	background-color:#777777;
	z-index:1001;
    border: 2px solid #fff;} 
.app_quick_add #cssmenu ul li > ul{width:140px;} 

.app_quick_add #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative; text-align:right;}

.app_quick_add #cssmenu ul li > ul li a,.app_quick_add #cssmenu ul li > ul li div{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font-size:12px; text-decoration:none; font-weight:normal; color:#ffffff;} 
.app_quick_add #cssmenu ul li > ul li a:hover,.app_quick_add #cssmenu ul li > ul li div:hover{background-color:#F9941E;cursor:pointer;}
.app_quick_add #cssmenu > ul > li > a:after{border-color:#6696bd;} 


/* SLIDE-IN  --------------------------------------------- */
#slidebox {padding: 10px 16px 10px 10px; background-color: #fff; border-top: 3px solid #F7761F; position: fixed; bottom: 0; right: -430px;-moz-box-shadow: -2px 0 5px #aaa; -webkit-box-shadow: -2px 0 5px #aaa; box-shadow: -2px 0 5px #aaa; z-index: 100010;}
a.close {background-image: url("/img/EDM_Files/EDM-sprite.png");
    background-position: 0 -308px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 26px;
    position: absolute;
    right: 0px;
    top: -15px;
    width: 26px;}
a.close:hover {background-position: -30px -308px;}
	
/*************************************************************  */
/*----------------------- APP ---------------------------  */
/**************************************************  */

#app_content-container{float:left; width: 100%;}
#app_content{position: relative; float:left; width: 100%;}

/*************************************************************  */
/*----------------- APP MENU ---------------------------  */
/**************************************************  */

#app_menu {
	padding-bottom: 15px;
	float: left;
	width: 220px;
	position: relative;
	left: 0px;
	top: 0px;
	text-decoration: none;
}
.app_menu_top{
    background-image: url(/img/sprite.png);
    background-position: 179px -370px;
	height: 17px;
	width: 200px;
	float: left;
	clear:right;
	background-repeat: no-repeat;
	margin: 0px;
	position: relative;
	bottom: 0px;
	padding: 0px;
	}
.app_menu_bottom{
    background-image: url(/img/sprite.png);
    background-position: 179px -387px;
	height: 17px;
	width: 200px;
	float: left;
	clear:right;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	position: relative;
	margin: 0px;
	padding: 0px;
	}
.app_menu_tab {
	float: left;
	width: 180px;
	font-size: 14px;
	color:#001c30;
	font-weight: bold;
	left: 7px;
	top: 7px;
    background-image: url(/img/sprite.png);
    background-position: 195px -66px;
	background-repeat: repeat-y;
	padding: 10px 10px 0px 10px;
	text-decoration: none;
}
.app_menu_logo{max-height:100px; max-width:200px; background-color:#fff; padding:0px 10px; text-align:left; float:left}
.app_menu_logo img {max-height:100px; max-width:200px; margin: 0px auto; text-align:center}


.app_subMenu_tab {
	float: left;
	font-size:12px;
	width: 175px;
	text-align: left;
    background-image: url(/img/sprite.png);
    background-position: 216px -66px;
	background-repeat: repeat-y;
	padding: 4px 25px 4px 15px;
	text-decoration: none;
	margin: 0px;
	color:#555555;
    -webkit-transition: background-position 0.5s ease-out;
    -moz-transition: background-position 0.5s ease-out;
    -o-transition: background-position 0.5s ease-out;
}
.app_subMenu_tab:hover 
{
    background-position: 190px -67px;
    cursor: pointer;
    color:#000000;
}
.app_subMenu_tab_selected {
    background-image: url(/img/sprite.png);
    background-position: 189px -66px;
	float: left;
	width: 180px;
	background-repeat: no-repeat;
	padding: 3px 25px 3px 10px;
	position: relative;
	min-height: 19px;
	z-index: 100;
	cursor: pointer; 
	font-size: 14px;   
	color:#000;
	font-weight:bold;
	border-left: 5px solid #F9941E;
}

.app_subMenu_tab_disabled {
	float: left;
	font-size:12px;
	width: 170px;
	text-align: left;
	padding: 3px 25px 3px 20px;
	text-decoration: none;
	margin: 0p;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
  cursor:default;
}

/*
.app_subMenu_tab_selected_pointer{
	height: 30px;
	width: 20px;
	clear: right;
	float: left;
	background-position: -200px;
	margin-bottom: 0px;
	left: 0px;
	top: 0px;
} */


.app_menu_separator{
	float: left;
	width: 200px;
	position: relative;
	height: 15px;
}

/* --------END App_menu----------  */

/*************************************************************  */
/*---------------- APP MAIN ---------------------------  */
/**************************************************  */


#app_main {
	font-size: 12px;
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-left: 220px;
	min-width: 700px;
	min-height: 400px;
}

.AppWarningNotificationContainer{position:absolute; top:0px; left:0px; height:1px; width:100%; /*background-color: Fuchsia;*/ z-index:1;}
.SaveOrClose_putni{
    position: absolute;
    top: 36px;
    right: 2%;
    z-index: 110;
    background-color: #FFFFFF;
    height: 30px;
    padding: 6px 2px 0 3px;
    }
.SaveOrClose_postavka{
    position: absolute;
    background-color: #FFFFFF;
    top: 5px;
    right: 2%;
    z-index: 110;
    height: 28px;
    padding: 10px 2px 0 6px;
    }
.SaveOrClose_templates{
    position: absolute;
    background-color: #FFFFFF;
    top: 5px;
    right: 2%;
    z-index: 110;
    height: 32px;
    padding: 6px 2px 0 3px;
    }
.SaveOrClose_locco{
    width: 100%;
    float: left;
    position: absolute;
    top: 2px;
    left: 0px;
    z-index: 110;
    height: 30px;
    }
.SaveOrClose_titleandtabstrip{position: absolute; top: 12px; right: 2%; z-index: 110; background-color: #FFFFFF; height: 30px; padding: 6px 2px 0 3px; }
.grid_top_button_container_ispis{
    width: 100%;
    float: left;
    position: absolute;
    top: 3px;
    left: 0px;
    z-index: 110;
    height: 30px;
    }
.grid_top_button_container_regular{
    width: 100%;
    float: left;
    position: absolute;
    top: 2px;
    left: 0px;
    z-index: 110;
    height: 30px;
    }
 .WATOrNot{
    float: right;
    padding: 11px 15px 0px 0px;
    font-weight: bold;
    z-index: 98; }
    
/*************************************************************  */
/*---------------- Homepage and dashboard ---------------------------  */
/**************************************************  */
 
 .ContentHolder{position: relative; float:left;}
 .ContentHolder-Left,.ContentHolder-Right{float: left;
    position: relative;
    margin:0px;}
    
.ContentHolder-Left{min-width:450px; width:58%; padding: 0px 5px 10px 0px;}
.ContentHolder-Right{width:40%; padding: 0px 0px 10px 5px;}
 
.CHL-Section{float:left; padding: 5px 0px; margin: 2px 5px; width:99%; min-width:395px;}
.CHR-Section{float:left; padding: 5px 0px; margin: 2px 5px; width:99%; width:300px}
.CHL-Content {float:left; padding: 5px 0px;}
.CHR-Content{float:left; padding: 5px 0px;}
.CH-ContentMiddle{float:left;width:100%; text-align:center;}
.CH-Title{font-size:14px; margin:2px 0px 5px 5px; padding:0px 0px 1px 0px; border-bottom: 1px solid #efefef; font-weight:bold;}

.CHRC-TotalWrap{width:290px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius:10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color:#ffffff;
  font-weight:bold;
  padding: 5px 0px; float:left; background-color:#418AD1}

.CHRCTWUp,.CHRCTWMid,.CHRCTWDown1,.CHRCTWDown2 {float:left; clear:both; padding: 5px; width:280px;text-align:center}
.CHRCTWUp{font-size:14px;}
.CHRCTWMid{font-size:32px; padding: 5px 0px;}
.CHRCTWD1Left,.CHRCTWD1Right,.CHRCTWD2Left,.CHRCTWD2Right{width:140px; float:left; font-size:12px; vertical-align:bottom;}
.CHRCTWD2Left,.CHRCTWD2Right{font-size:16px}
.CHRCTWD2Left_Alert,.CHRCTWD2Right_Alert{font-size:16px;width:120px; margin:0px 10px; float:left; vertical-align:bottom; color: #ffffff;; background-color:#FF6565; line-height: 22px;}
.CHRCTWD2Left_Critical,.CHRCTWD2Right_Critical{font-size:16px;width:120px; margin:0px 10px; float:left; vertical-align:bottom; color: #ffffff;; background-color:#993C3C; line-height: 22px;}
.CHRCTWD1R_Ok{background-color: none;}
.CHRCTWD1R_Alert{background-color: #ff6565;}
.CHRCTWD1R_Critical{background-color: #993C3C;}
.CHRCTWD1Single,.CHRCTWD2Single {width:280px; float:left; font-size:14px; vertical-align:bottom;}

.CHL-SectionLimitNotifOff{float:left; padding: 5px 0px; margin: 10px 5px; width:98%; min-width:395px; background-color:#F2F2F2;}
.CHL-SectionLimitNotifOn{float:left; padding: 5px 0px; margin: 10px 5px; width:98%; min-width:395px; background-color:#FBEFEF;}

/*************************************************************  */
/*--------------- RELAGO Dashboard statistic ---------  */
/**************************************************  */
.Relago_Dash_Stats_Header_3col{float:left; clear:both; width:300px; margin:8px 0px 3px; font-weight:bold;}
.RDSH1-3_col{float: left; width:100px; margin: 0px 5px;}
.RDSH2-3_col{float: left; width:40px; margin: 0px 5px; text-align:right;}
.RDSH3-3_col{float: left; width:130px; margin: 0px 5px; clear:right; text-align:right;}



.Relago_Dash_Stats_DataContainer_3col{float: left; width:100px;}
.RDSDC1-3_col{float:left; clear:none; width:110px; margin:3px 5px;}
.RDSDC2-3_col{float:left; clear:none; width:50px; margin:3px 5px; text-align:right;}
.RDSDC3-3_col{float:left; clear:right; width:130px; margin:3px 5px; text-align:right;}



/* 2 kolone */
.Relago_Dash_Stats_DataContainer_2col{float: left; width:220px;}
.RDSH1-2_col{float: left; width:210px; margin: 0px 5px;}
.RDSH2-2_col{float: left; width:60px; margin: 0px 5px; text-align:right;}
.RDSDC1-2_col{float:left; clear:none; width:210px; margin:3px 5px;}
.RDSDC2-2_col{float:left; clear:none; width:60px; margin:3px 5px; text-align:right;}

.CHLC-TotalWrap,.CHLC-TotalWrap2{width:430px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius:10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color:#ffffff;
  font-weight:bold;
  padding: 20px 0px;
  margin: 15px 0px; display: inline-block; background-color:#418AD1;}
 .CHLC-TotalWrap2{background-color:#F9941E;}
.CHLCTWUp1,.CHLCTWDown1,.CHLCTWDown2{float:left; clear:both; padding: 5px; width:430px;text-align:center}
.CHLCTWD1Left,.CHLCTWD1Right,.CHLCTWD2Middle{width:140px; float:left; font-size:12px; vertical-align:bottom;}
.CHLCTWD2Year,.CHLCTWD2Total,.CHLCTWD2Debt{float:left;width:140px; font-size:16px; vertical-align:bottom; line-height: 30px;}

.CHLCTWD1-2Right,.CHLCTWD1-2Left,.CHLCTWD1-2Left,.CHLCTWD1-2RIght{float:left;width:200px; font-size:14px; vertical-align:bottom; line-height: 30px;}
.CHRAppContact{width:100%; padding:20px; background-color:#bd469d;color:#ffffff; font-size:14px; text-align:center;cursor:pointer;}
.CH-Title a {font-size:14px;}
.CH-Title a:hover{text-decoration:underline}
.CHRBlogThemes{background-color:#6bbd46; color: #fff; width:100%; padding:20px 0; float:left;border-radius:10px;}
    .CHRBlogThemes a{padding: 5px 20px; float:left; clear:both; color:#fff; font-size:14px; font-weight:normal}.CHRBlogThemes a:hover{text-decoration:underline}

/*************************************************************  */
/*---------------- TOOLTIP ---------------------------  */
/**************************************************  */
    
 #tooltip_hover
{margin:50px auto;
width:500px;
z-index: 102;}

.hotspot 
{cursor:pointer;
color:#006}

#tt 
{position:absolute;
display:block;
background:url(/img/tt_left.png) top left no-repeat;
z-index: 102;}

#tttop 
{display:block;
height:5px;
margin-left:5px;
background:url(/img/tt_top.png) top right no-repeat;
overflow:hidden}

#ttcont
 {display:block;
padding:2px 12px 3px 7px;
margin-left:5px;
background:#003153;
color:#FFF}

#ttbot 
{display:block;
height:5px;
margin-left:5px;
background:url(/img/tt_bottom.png) top right no-repeat;
overflow:hidden}


/*************************************************************  */
/*--------------------- GRID ---------------------------  */
/**************************************************  */
.GridTextLink{font-weight:normal;}
.GridTextLink:hover{text-decoration:underline; cursor:pointer;}

.Gridcontainer
{
 position: relative;
 width: 100%;
 padding: 0px;
 margin: 0px;
    }
    
.GridTableRowTitleExtras            /* za detaljno planiranje puta */
{  text-align: right;
   position:relative;
   padding-right: 5%;
   padding-top: 3px;
   float: right;
   font-size: 18px;
   font-weight:normal;   
      }

.GridTitleRow
{
    clear: both;
    float: left;
    display:block;
    position: relative;
	height: 30px;
	padding: 0px;
	width: 100%;
}
.GridTitleRow2
{
    clear: right;
    float: left;
    display:block;
    position: relative;
	height: 30px;
	border-bottom: 2px solid #001c30;
	padding: 2px 0px;
	width: 100%;
}

.GridTitleText
{
    padding: 6px 0 0 19%;
	height: 25px;
	position: relative;
	color: #001c30;
	font-size: 20px;
    }

.Gridrow,.Gridrow_topmargin
{
    clear: both;
    float: left;
    min-height: 30px;
    position:relative;
    padding-left:2%;
}
.Gridrow_topmargin{margin-top:20px}
.Hidden_Gridrow{display:none;}
.Gridrow_ContactUs{clear: both;
    float: left;
    min-height: 30px;
    position:relative;
    padding-left:2%;
    width:495px;}
.Gridrow2
{
    clear: right;
    float: left;
    min-height: 30px;
    position:relative;
    width: 100%;
}
.Gridrow_popup{float:left; min-height:30px;position:relative; width:500px;}
.Gridcellone, .GridcelloneEmphasis
{
	height: 20px;
	font-size: 12px;
	padding: 6px 5px 4px 0px;
	text-align: right;
    float: left;
    width: 325px;
}
.GridcelloneEmphasis label
{
	font-weight:bold;
 color:#F7941D;}
 
.GridcelloneDocument,.GridcelloneExtension
{
	height: 20px;
	font-size: 12px;
	padding: 6px 5px 4px 0px;
	text-align: right;
    float: left;
    width: 130px;
}

.Gridrowwithfilterovergrid{min-height: 30px; position:absolute; top:6px; left:220px; z-index:9;}
 .Gridrow4Buttons{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; display:flexbox; align-items:center;    justify-content:center;    padding:20px; text-align:center;}
.GridcelloneReport
{
	height: 20px;
	font-size: 12px;
	padding: 6px 5px 4px 0px;
	text-align: right;
    float: left;
    width: 155px;
}
.Emphasis
{font-weight:bold;
 color:#ff8400;
}
.Gridcelldot
{
    float: left;
    background-image: url(/img/sprite.png);
    background-position: -64px -723px;
	height: 30px;
	width: 5px;
	background-repeat: no-repeat;
	bottom: 10px;
	top: 10px;
}
.Gridcelldot_error
{
    float: left;
	background-image: url(/img/dot_03_2.gif);
	height: 30px;
	width: 5px;
	background-repeat: no-repeat;
}
.Gridcellthree
{
    float: left;
	padding-left: 5px;
	padding-top: 3px;
}
.Gridcellthree_text
{
    float: left;
	padding: 6px;
	text-align: left;
	font-size:12px;
}
.GridcellthreeDocument
{
    float: left;
	padding-top: 4px;
	padding-left: 5px;
	width: 180px;
}
.GridcellthreeDocument_Checkbox
{   float: left;
	padding-top: 5px;
	padding-left: 2px;
	width: 15px;
    }
    
.GridcellthreeDocument_GetDistance
{   float: left;
    padding: 7px 5px 3px 8px;
	width: 195px;
	color: red;
	text-align:left;
	font-weight: bold;
    }
 
.GridcellthreeDocument_Reports
{
    float: left;
    padding: 20px 10px 20px 5px;
	height:64px;
	position:relative;
	top: -50px;
	width: 64px;
}
.GridcellthreeDocument_Reports:hover
{
    cursor:pointer;
    border:0px !important;
    }
    
 .Grid_Item_Edit
 {font-weight:bolder;
  color:#43A1D4;
  text-decoration: underline;
     }
 .Grid_Item_Edit:hover
 {
  cursor:pointer;
  color:#389F3C;
     }
/*************************************************************  */
/*----------- RELAGO BUTTONS ---------------------------  */
/**************************************************  */

/* DODAJ */

.Relago_add_button
{
    margin-left: 1px;
    background-image: url(/img/sprite.png);
    background-position: -84px -532px;
    height: 20px;
    width: 20px;
    display: inline-block;
    border:0;
    float:left;
    }
    
.Relago_add_button:hover
{
    padding-left: 1px;
    background-image: url(/img/sprite.png);
    background-position: -64px -532px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_add_button:active
{
    padding-left: 1px;
    background-image: url(/img/sprite.png);
    background-position: -64px -532px;
    cursor:pointer;
    height: 19px;
    width: 20px;
    position:relative;
    top:1px;
    margin-bottom:1px;
    }
    
.Relago_add_button_disabled
{
    margin-left: 1px;
    background-image: url(/img/sprite.png);
    background-position: -84px -532px;
    height: 20px;
    width: 20px;
    display: inline-block;
    border:0;
    float:left;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
    
/* SPREMI GRID */

.Relago_save_button_grid
{
    background-image: url(/img/sprite.png);
    background-position: 0px -555px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    margin-top: -3px;
    border:0;  transition: opacity 0.5s ease;
    }
     
.Relago_save_button_grid:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -585px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 
    
.Relago_save_button_grid:active{
    background-image: url(/img/sprite.png);
    background-position: 0px -585px;
    cursor:pointer;
    height: 29px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-top: -2px;
    margin-right: 2%;
    margin-bottom:1px;
    }
    
.Relago_save_button_grid:focus{outline-width:0px;}
    
    
/* SPREMI POSTAVKA */

.Relago_save_button_postavka
{
    background-image: url(/img/sprite.png);
    background-position: 0px -555px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    margin-top: -6px;
    border:0;
    }
     
.Relago_save_button_postavka:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -585px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_save_button_postavka:active
{
    background-image: url(/img/sprite.png);
    background-position: 0px -585px;
    cursor:pointer;
    height: 29px;
    position:relative;
    top:1px;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    }
    
.Relago_save_button_postavka:focus{outline-width:0px;}


/* SPREMI GRID DISABLED */

.Relago_save_button_grid_disabled
{
    background-image: url(/img/sprite.png);
    background-position: 0px -555px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 0;
    margin-right: 2%;
    margin-top: -3px;
    border:0;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
     
.Relago_save_button_grid_disabled:focus:hover,.Relago_save_button_grid_disabled:hover,.Relago_save_button_grid_disabled:focus {cursor:default;outline-width:0px;}
.Relago_save_button_grid_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  


/* Download GRID */

.Relago_download_button
{
    background-image: url(/img/sprite.png);
    background-position: -268px -1043px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    margin-top: -3px;
    border:0;
    }
     
.Relago_download_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -268px -1073px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 
    
.Relago_download_button:active{
    background-image: url(/img/sprite.png);
    background-position: -268px -1073px;
    cursor:pointer;
    height: 29px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-top: -2px;
    margin-right: 2%;
    margin-bottom:1px;
    }
    
.Relago_download_button:focus{outline-width:0px;}
    

/* Preuzmi gumb */

.Relago_preuzmi_button
{
    background-image: url(/img/sprite.png);
    background-position: -268px -1043px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    margin-top: 0px;
    border:0;
    }
     
.Relago_preuzmi_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -268px -1073px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 
    
.Relago_preuzmi_button:active{
    background-image: url(/img/sprite.png);
    background-position: -268px -1073px;
    cursor:pointer;
    height: 29px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top:1px;
    margin-right: 2%;
    margin-bottom:1px;
    }
    
.Relago_preuzmi_button:focus{outline-width:0px;}
    


    
 /* CANCEL GRID */ 
 
 .Relago_cancel_button_grid
{
    background-image: url(/img/sprite.png);
    background-position: 0px -723px;
    height: 30px;
    width: 30px;
    float: right;
    margin-right: 5%;
    border:0;
    }

.Relago_cancel_button_grid:hover
{
    background-image: url(/img/sprite.png);
    background-position: -30px -723px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_cancel_button_grid:active
{
    background-image: url(/img/sprite.png);
    background-position: -30px -723px;
    cursor:pointer;
    height: 29px;
    position:relative;
    top:1px;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    }

/* SPREMI POPUP */ 

.Relago_save_button_popup
{
    background-image: url(/img/sprite.png);
    background-position: 0px -675px;
    height: 23px;
    width: 78px;
    float:right;
    display:inline-block;
    margin: 5px;
    border:0;
    }
    
.Relago_save_button_popup:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -698px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }

.Relago_save_button_popup:active
{
    background-image: url(/img/sprite.png);
    background-position: 0px -698px;
    cursor:pointer;
    height: 22px;
    position:relative;
    top:1px;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    }
    
    
/* SPREMI GRID DISABLED */

.Relago_save_button_popup_disabled
{
    background-image: url(/img/sprite.png);
    background-position: 0px -675px;
    height: 23px;
    width: 78px;
    float:right;
    display:inline-block;
    margin: 5px;
    border:0;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
     
.Relago_save_button_popup_disabled:focus:hover,.Relago_save_button_popup_disabled:hover,.Relago_save_button_popup_disabled:focus {cursor:default;outline-width:0px;}
.Relago_save_button_popup_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
    
    
 /* CANCEL POPUP */ 
 
 .Relago_cancel_button_popup
{
    background-image: url(/img/sprite.png);
    background-position: -79px -675px;
    height: 23px;
    width: 23px;
    float:right;  
    margin: 5px;  
    border:0;  
    }

.Relago_cancel_button_popup:hover
{
    background-image: url(/img/sprite.png);
    background-position: -79px -698px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_cancel_button_popup:active{
    background-image: url(/img/sprite.png);
    background-position: -79px -698px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    top: 1px;
    }
    
    
    
 /* YES POPUP */ 
 
.Relago_yes_button_popup
{
    background-image: url(/img/sprite.png);
    background-position: -79px -721px;
    height: 23px;
    width: 23px;
    float:right;  
    margin: 5px;
    padding: 0px; 
    }
    
    
 .Relago_yes_button_popup:hover
{
    background-image: url(/img/sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_yes_button_popup:active{
    background-image: url(/img/sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    top: 1px;
    }
    
    
 /* BACK POPUP */ 
 
 .Relago_back_button_popup
{
    background-image: url(/img/sprite.png);
    background-position: -103px -694px;
    height: 23px;
    width: 78px;
    float:right;  
    margin: 5px;  
    border:0;  
    }

.Relago_back_button_popup:hover
{
    background-image: url(/img/sprite.png);
    background-position: -103px -717px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
.Relago_back_button_popup:active{
    background-image: url(/img/sprite.png);
    background-position: -103px -717px;
    cursor:pointer;
    height: 22px;
    width: 78px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-bottom:1px;
    top: 1px;
    }
    
 /* DODAJ */ 

    
.Relago_dodaj_button
{
    background-image: url(/img/sprite.png);
    background-position: 0px -615px;
    position: relative;
    height: 30px;
    width: 85px;
    float: left;
    clear:right;
    margin: 5px 10px 5px 100px;
    display: inline-block;
    border:0;
    z-index:10;
    }
    

.Relago_dodaj_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -645px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
    
.Relago_dodaj_button:active{
    background-image: url(/img/sprite.png);
    background-position: 0px -645px;
    cursor:pointer;
    width: 85px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    }
    
.Relago_dodaj_button_disabled
{
    background-image: url(/img/sprite.png);
    background-position: 0px -615px;
    position: relative;
    height: 30px;
    width: 85px;
    float: left;
    clear:right;
    margin: 5px 10px 5px 100px;
    display: inline-block;
    border:0;
    z-index:10;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }    
 /* Novi... i plus */ 
  
a.Relago_novi_button_text_fixed,.Relago_novi_button_text_fixed {background-color: #418AD1;background-image: url(/img/Plus.png); background-position:  187px 9px; position: relative; float: left; clear:right; background-repeat:no-repeat; color: #FFFFFF; font-size: 16px; margin: 4px 10px 4px 2px; padding: 6px 30px 5px 10px; position: relative; font-weight:normal; display: inline-block; border:0; z-index:10; width:175px; border-radius: 0px; text-align:left;}
    
a.Relago_novi_button_text_fixed:hover,.Relago_novi_button_text_fixed:hover {background-color: #F9941E; cursor:pointer; border:0px !important; outline-width: 0px !important;}
    
a.Relago_novi_button_text_fixed:active,.Relago_novi_button_text_fixed:active {border-bottom:1px solid #b1b1b1; top: 1px; margin-bottom:4px; }
    
a.Relago_novi_button_text_fixed_disabled,.Relago_novi_button_text_fixed_disabled{background-color: #418AD1;background-image: url(/img/Plus.png); background-position:  187px 9px; position: relative; float: left; clear:right; background-repeat:no-repeat; color: #FFFFFF; font-size: 16px; margin: 4px 10px 4px 0; padding: 6px 30px 5px 10px; position: relative; font-weight:normal; display: inline-block; border:0; z-index:10; width:175px; border-radius: 0px; text-align:left;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }

.Relago_novi_button_text_fixed_wide {background-color: #418AD1;background-image: url(/img/Plus.png); background-position:  264px 7px; position: relative; float: left; clear:right; background-repeat:no-repeat; color: #FFFFFF; font-size: 14px; margin: 4px 10px 4px 150px; padding: 6px 30px 5px 10px; position: relative; font-weight:normal; display: inline-block; border:0; z-index:10; width:250px; border-radius: 0px; text-align:left;}

.Relago_novi_button_text_fixed_wide:hover {background-color: #F9941E; cursor:pointer; border:0px !important; outline-width: 0px !important;}
    
.Relago_novi_button_text_fixed_wide:active {border-bottom:1px solid #b1b1b1; top: 1px; margin-bottom:4px; }

    
     /* DOHVATI */ 

    
.Relago_dohvati_button
{
    background-image: url(/img/sprite.png);
    background-position: 0px -768px;
    height: 23px;
    width: 102px;
    float: left;
    clear:right;
    top: 0px;
    margin: 0px;
    display: inline-block;
    border:0;
    }
    

.Relago_dohvati_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -791px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }

.Relago_dohvati_button:active{
    background-image: url(/img/sprite.png);
    background-position: 0px -791px;
    cursor:pointer;
    height: 22px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    }

     /* GOOGLE MAPS */ 

.Relago_GoogleMaps_button
{
    background-image: url(/img/sprite.png);
    background-position: 0px -814px;
    height: 23px;
    width: 102px;
    float: left;
    clear:right;
    top: 0px;
    margin: -3px 0px 0px 0px;
    display: inline-block;
    border:0;
    }
    

.Relago_GoogleMaps_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -837px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }
    
.Relago_GoogleMaps_button:active{
    background-image: url(/img/sprite.png);
    background-position: 0px -837px;
    cursor:pointer;
    height: 22px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    }
     /* GOOGLE MAPS DISABLED */ 

.Relago_GoogleMaps_button_disabled
{
    background-image: url(/img/sprite.png);
    background-position: 0px -814px;
    height: 23px;
    width: 102px;
    float: left;
    clear:right;
    top: 0px;
    margin: -3px 0px 0px 0px;
    display: inline-block;
    border:0;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }

.buttonInGCT{color:#fff; background-color:#418ad1; padding:2px 5px;}
    .buttonInGCT:hover{cursor:pointer; background-color:#f7941e;}

    
.Relago_GoogleMaps_button_disabled:focus:hover,.Relago_GoogleMaps_button_disabled:hover,.Relago_GoogleMaps_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_GoogleMaps_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  





     /* POTVRDI */
	 
.Relago_potvrdi_button
{
    background-image: url(/img/sprite.png);
    background-position: 0px -923px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_potvrdi_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -953px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    }     
.Relago_potvrdi_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -953px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
.Relago_potvrdi_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: 0px -923px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    top:0px;
    display: inline-block;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;
    }
    
.Relago_potvrdi_button_disabled:focus:hover,.Relago_potvrdi_button_disabled:hover,.Relago_potvrdi_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_potvrdi_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  
    
    
     /* PRIJAVA */
	 
.Relago_prijava_button
{
    background-image: url(/img/sprite.png);
    background-position: 0px -863px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_prijava_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -893px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	   
.Relago_prijava_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -893px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
.Relago_prijava_button:focus{outline-width:0px;}

     /* NATRAG */
	 
.Relago_natrag_button
{
    background-image: url(/img/sprite.png);
    background-position: 0px -983px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_natrag_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -1013px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_natrag_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -1013px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	


/* NATRAG GRID */

.Relago_natrag_button_grid
{
    background-image: url(/img/sprite.png);
    background-position: 0px -983px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    margin-top: -3px;
    border:0;
    }
     
.Relago_natrag_button_grid:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -1013px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 
    
.Relago_natrag_button_grid:active{
    background-image: url(/img/sprite.png);
    background-position: 0px -1013px;
    cursor:pointer;
    height: 29px;
    width: 102px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    margin-top: -2px;
    margin-right: 2%;
    margin-bottom:1px;
    }
    
.Relago_natrag_button_grid:focus{outline-width:0px;}
    


     /* DALJE */
	 
.Relago_dalje_button
{
    background-image: url(/img/sprite.png);
    background-position: 0px -1103px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_dalje_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -1133px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_dalje_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
     /* IZMJENA */
	 
.Relago_izmjena_button
{
    background-image: url(/img/sprite.png);
    background-position: 0px -1043px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_izmjena_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -1073px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_izmjena_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -1073px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	

.Relago_izmjena_button:focus{outline-width:0px;}


     /* ODABERI */
	 
.Relago_odaberi_button
{
    background-image: url(/img/sprite.png);
    background-position: -103px -1103px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_odaberi_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -1133px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_odaberi_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* ISPIS */
	 
.Relago_ispis_button
{
    background-image: url(/img/sprite.png);
    background-position: -104px -1043px;
    height: 30px;
    width: 77px;
    float: right;
    z-index: 100;
    position:relative;
    margin-right: 2%;
    border:0;
    }
     
.Relago_ispis_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -104px -1073px;
    border:0px !important;
    outline-width: 0px !important;
    cursor:pointer;
    } 	     
.Relago_ispis_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -104px -1073px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* BRISI */
	 
.Relago_brisi_button
{
    background-image: url(/img/sprite.png);
    background-position: -290px -923px;
    height: 30px;
    width: 77px;
    float: right;
    z-index: 100;
    position:relative;
    margin-right: 2%;
    border:0;
    }
     
.Relago_brisi_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -290px -953px;
    border:0px !important;
    outline-width: 0px !important;
    cursor:pointer;
    } 	     
.Relago_brisi_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -290px -953px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_brisi_button_disabled
{
    background-image: url(/img/sprite.png);
    background-position: -290px -923px;
    height: 30px;
    width: 77px;
    float: right;
    z-index: 100;
    position:relative;
    margin-right: 2%;
    border:0;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
    }
     
     /* UNESI */
	 
.Relago_unesi_button
{
    background-image: url(/img/sprite.png);
    background-position: -181px -1043px;
    height: 30px;
    width: 87px;
    float: right;
    z-index: 100;
    position:relative;
    margin-right: 2%;
    border:0;
    }
     
.Relago_unesi_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -181px -1073px;
    border:0px !important;
    outline-width: 0px !important;
    cursor:pointer;
    } 	     
.Relago_unesi_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -181px -1073px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
    
     /* Preporuci */
	 
.Relago_recommend_button
{
    background-image: url(/img/sprite.png);
    background-position: -265px -1103px;
    height: 30px;
    width: 112px;
    float: right;
    z-index: 100;
    position:relative;
    border:0;
    }
     
.Relago_recommend_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -265px -1133px;
    border:0px !important;
    outline-width: 0px !important;
    cursor:pointer;
    } 	     
.Relago_recommend_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -265px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	

.Relago_recommend_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: -265px -1103px;
    height: 30px;
    width: 85px;
    float: right;
    z-index: 100;
    border:0;
    top:0px;
    display: inline-block;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
    }
    
.Relago_recommend_button_disabled:focus:hover,.Relago_recommend_button_disabled:hover,.Relago_recommend_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_recommend_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Pretraži */
	 
.Relago_search_button
{
    background-image: url(/img/sprite.png);
    background-position: -103px -983px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_search_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -1013px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_search_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -1013px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
     
     /* Prazni checkbox */
	 
.Relago_empty_checkbox_button
{
    background-image: url(/img/sprite.png);
    background-position: -235px -1103px;
    height: 30px;
    width: 30px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_empty_checkbox_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -235px -1133px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_empty_checkbox_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -235px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* PUNI checkbox */
	 
.Relago_filled_checkbox_button
{
    background-image: url(/img/sprite.png);
    background-position: -205px -1103px;
    height: 30px;
    width: 30px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_filled_checkbox_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -205px -1133px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_filled_checkbox_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -205px -1133px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
     
     /* Pošalji */
	 
.Relago_send_mail_button
{
    background-image: url(/img/sprite.png);
    background-position: -103px -923px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    margin-right: 2%;
    border:0;
    }
     
.Relago_send_mail_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -953px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_send_mail_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -953px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* Pozovi */
	 
.Relago_invite_button
{
    background-image: url(/img/sprite.png);
    background-position: -103px -740px;
    height: 30px;
    width: 102px;
    float: left;
    z-index: 100;
    margin-left: 2%;
    border:0;
    }
     
.Relago_invite_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -770px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_invite_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -770px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* Plati */
	 
.Relago_plati_button
{
    background-image: url(/img/sprite.png);
    background-position: -205px -923px;
    height: 30px;
    width: 85px;
    float: right;
    z-index: 100;
    border:0;
  /* Good browsers */  opacity: 1;-webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; -o-transition: opacity 2s ease;    -ms-transition: opacity 2s ease; transition: opacity 2s ease;
    }
     
.Relago_plati_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -205px -953px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_plati_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -205px -953px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 
.Relago_plati_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: -205px -923px;
    height: 30px;
    width: 85px;
    float: right;
    z-index: 100;
    border:0;
    top:0px;
    display: inline-block;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
    }
    
.Relago_plati_button_disabled:focus:hover,.Relago_plati_button_disabled:hover,.Relago_plati_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_plati_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

	 
     /* OTKAŽI */
.Relago_otkazi_button
{
    background-image: url(/img/sprite.png);
    background-position: -205px -863px;
    height: 30px;
    width: 102px;
    float: left;
    z-index: 100;
    border:0;
    }
     
.Relago_otkazi_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -205px -893px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_otkazi_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -205px -893px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* Nastavi */
.Relago_nastavi_button
{
    background-image: url(/img/sprite.png);
    background-position: -205px -983px;
    height: 30px;
    width: 102px;
    float: left;
    z-index: 100;
    border:0;
    }
     
.Relago_nastavi_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -205px -1013px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_nastavi_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -205px -1013px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_nastavi_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: -205px -983px;
    height: 30px;
    width: 102px;
    float: left;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_nastavi_button_disabled:focus:hover,.Relago_nastavi_button_disabled:hover,.Relago_nastavi_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_nastavi_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Zavrsi placanje */
     
.Relago_zavrsi_placanje_button
{
    background-image: url(/img/sprite.png);
    background-position: -103px -800px;
    height: 30px;
    width: 145px;
    float: right;
    z-index: 100;
    border:0;
    }
     
.Relago_zavrsi_placanje_button:hover
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -830px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;
    } 	     
.Relago_zavrsi_placanje_button:active
{    
    background-image: url(/img/sprite.png);
    background-position: -103px -830px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
     /* Placanje po predracunu */
     
.Relago_placanje_po_predracunu_button{
    background-image: url(/img/sprite.png);
    background-position: 0px -3014px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_placanje_po_predracunu_button:hover{    
    background-image: url(/img/sprite.png);
    background-position: 0px -3044px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_placanje_po_predracunu_button:active{    
    background-image: url(/img/sprite.png);
    background-position: 0px -3044px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;    } 	
    
.Relago_placanje_po_predracunu_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: 0px -3014px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
        
.Relago_placanje_po_predracunu_button_disabled:focus:hover,.Relago_placanje_po_predracunu_button_disabled:hover,.Relago_placanje_po_predracunu_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_placanje_po_predracunu_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Online placanje karticom */
     
.Relago_online_placanje_karticom_button{
    background-image: url(/img/sprite.png);
    background-position: 0px -3074px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_online_placanje_karticom_button:hover{    
    background-image: url(/img/sprite.png);
    background-position: 0px -3104px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_online_placanje_karticom_button:active{    
    background-image: url(/img/sprite.png);
    background-position: 0px -3104px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;    } 	
    
.Relago_online_placanje_karticom_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: 0px -3074px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_online_placanje_karticom_button_disabled:focus:hover,.Relago_online_placanje_karticom_button_disabled:hover,.Relago_online_placanje_karticom_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_online_placanje_karticom_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
    
     /* Odabir nacina placanja */
     
.Relago_odabir_nacina_placanja_button{
    background-image: url(/img/sprite.png);
    background-position: -1px -3134px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_odabir_nacina_placanja_button:hover{    
    background-image: url(/img/sprite.png);
    background-position: -1px -3164px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_odabir_nacina_placanja_button:active{    
    background-image: url(/img/sprite.png);
    background-position: -1px -3164px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;    } 	
    
.Relago_odabir_nacina_placanja_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: -1px -3134px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_odabir_nacina_placanja_button_disabled:focus:hover,.Relago_odabir_nacina_placanja_button_disabled:hover,.Relago_placanje_po_predracunu_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_odabir_nacina_placanja_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
    
     /* Pregledaj button */
     
.Relago_pregledaj_button{
    background-image: url(/img/sprite.png);
    background-position: -205px -740px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_pregledaj_button:hover{    
    background-image: url(/img/sprite.png);
    background-position: -205px -770px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_pregledaj_button:active{    
    background-image: url(/img/sprite.png);
    background-position: -205px -770px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_pregledaj_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: -205px -740px;
    height: 30px;
    width: 230px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_pregledaj_button_disabled:focus:hover,.Relago_pregledaj_button_disabled:hover,.Relago_pregledaj_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_pregledaj_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Saznaj vise button */
     
.Relago_saznaj_vise_button{
    background-image: url(/img/sprite.png);
    background-position: -205px -2418px;
    height: 30px;
    width: 155px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_saznaj_vise_button:hover{    
    background-image: url(/img/sprite.png);
    background-position: -205px -2448px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_saznaj_vise_button:active{    
    background-image: url(/img/sprite.png);
    background-position: -205px -2448px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_saznaj_vise_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: -145px -2448px;
    height: 30px;
    width: 155px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_saznaj_vise_button_disabled:focus:hover,.Relago_saznaj_vise_button_disabled:hover,.Relago_saznaj_vise_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_saznaj_vise_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}  

    
     /* Zatrazi button */
     
.Relago_zatrazi_button{
    background-image: url(/img/sprite.png);
    background-position: -249px -800px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    border:0;    }
     
.Relago_zatrazi_button:hover{    
    background-image: url(/img/sprite.png);
    background-position: -249px -830px;
    cursor:pointer;
    border:0px !important;
    outline-width: 0px !important;    } 	
         
.Relago_zatrazi_button:active{    
    background-image: url(/img/sprite.png);
    background-position: -249px -830px;
    cursor:pointer;
    height: 29px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    margin-bottom:1px;
    } 	
    
.Relago_zatrazi_button_disabled{
    background-image: url(/img/sprite.png);
    background-position: -249px -800px;
    height: 30px;
    width: 102px;
    float: right;
    z-index: 100;
    border:0;    
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;    }
    
.Relago_zatrazi_button_disabled:focus:hover,.Relago_zatrazi_button_disabled:hover,.Relago_zatrazi_button_disabled:focus {cursor:default;outline-width:0px;}
.Relago_zatrazi_button_disabled:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;outline-width:0px;outline-width:0px;}



a.Relago_contex_button, .Relago_contex_button {
    background-color: #418AD1;
    width: 180px;
    float: right;
    color: #FFFFFF;
    font-size: 16px;
    margin: 0px 10px;
    padding: 8px 10px;
    font-weight: normal;
    border: 0;
    z-index: 10;
    text-align: center;
    cursor: pointer;
}

    a.Relago_contex_button:hover, .Relago_contex_button:hover {
        background-color: #F9941E;
        border: 0px !important;
        outline-width: 0px !important;
    }

    a.Relago_contex_button:active, .Relago_contex_button:active {
        border-bottom: 1px solid #b1b1b1;
        top: 1px;
        margin-bottom: 4px;
    }
/* -------- END Relago buttons ----------  */

/*************************************************************  */
/*------------------- FOOTER STORE ---------------------------  */
/**************************************************  */


#footer {
	height: 200px;
	float:left;
	clear: both;
	padding: 0px;
	width:100%;
	min-width:997px;
	margin:0 auto;
	border: 0px;
position: relative;
 font-size:10px;
}

#footerbckg
{top: 40px;
 left:0px;
height: 155px;
background-color: #001c30;
color: #fff;
border-bottom: 2px solid #0084df;
border-top:  2px solid #0084df;
position: absolute;
width: 100%;
}
#footercontainer{
top:40px;
height: 180px;
position: relative;
width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 960px;
}
#footerrows
{
	float: left;
    width: 690px;
    margin:10px;
}
#footerlogo
{
    background-image: url(/img/sprite.png);
    background-position: 0px -1539px;
    width: 250px;
    height: 158px;
    margin-top: -40px;
    float:left;
}
.footerPoweredByWindowsAzure{background-image: url(/img/PoweredByWindowsAzureLogo.jpg);
    background-position: 0px 0px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    height: 60px;
    position: absolute;
    right: 360px;
    text-align: right;
    top: 93px;
    width: 190px;
    text-align:right;}
.footerexcludedinfo{
    width: 400px;
    right: 3%;
    top: 132px;
    color:#fff;
    position: absolute;
    display: inline-block; font-size:10px;
    text-align:right;}
    
.f1r{float:left;width:150px;margin-right:20px;}
.f1r ul li,.f1r ul li a{color:#efe; width:150px; font-size:10px; margin: 2px 0px; cursor:pointer; font-weight:normal;}
.f1r ul li:hover,.f1r ul li a:hover{color:#F7941D;}
.f1rtitle{color:#efe;float:left;font-size:12px;margin:0px 0px 5px 0px; width:150px; font-weight:bold;}

/*************************************************************  */
/*------------------- FOOTER Apps ---------------------------  */
/**************************************************  */

#footerapp {
	height: 180px;
	float:left;
	clear: both;
	padding: 0px;
	width:100%;
	min-width:997px;
	margin:0 auto;
	border: 0px;
position: relative;
 font-size:10px;
}

#footerappbckg
{top: 40px;
 left:0px;
height: 85px;
background-color: #001c30;
color: #fff;
border-bottom: 2px solid #0084df;
border-top:  2px solid #0084df;
position: absolute;
width: 100%;
}

#footerappcontainer{
top:40px;
height: 130px;
position: relative;
width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 960px;
}

.footerappexcludedinfo{
    width: 400px;
    right: 350px;
    top: 50px;
    color:#fff;
    position: absolute;
    display: inline-block; font-size:10px;
    text-align:left;}
    
/***************************************  */
/*----------- END FOOTER -------------------  */
/**************************************************  */






/*************************************************************  */
/*----------- TELERIK BUTTONS ---------------------------  */
/**************************************************  */

.k-add
{
    background-image: url(/img/sprite.png);
    background-position: 0px -615px;
    height: 30px;
    width: 85px;
    float: left;
    clear:right;
    display: inline-block;
    }
    

.k-add:hover
{    
    background-image: url(/img/sprite.png);
    background-position: 0px -645px;
    cursor:pointer;
    }
    
    
.k-add:active{
    background-image: url(/img/sprite.png);
    background-position: 0px -645px;
    cursor:pointer;
    height: 29px;
    width: 85px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    }
    
 .k-cancel
{
    background-image: url(/img/sprite.png);
    background-position: -79px -675px;
    height: 23px;
    width: 23px;
    margin: 0px;
    padding: 0px; 
    }
    
    
 .k-cancel:hover
{
    background-image: url(/img/sprite.png);
    background-position: -79px -698px;
    cursor:pointer;
    }

.k-cancel:active{
    background-image: url(/img/sprite.png);
    background-position: -79px -698px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    }
    
.k-update
{
    background-image: url(/img/sprite.png);
    background-position: -79px -721px;
    height: 23px;
    width: 23px;
    margin: 0px;
    padding: 0px; 
    }
    
    
 .k-update:hover
{
    background-image: url(/img/sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    }
.k-update:active{
    background-image: url(/img/sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    }
    
  
.k-window-content .k-edit-form .k-edit-form-container .k-grid-insert{margin:0px 10px; background-position: 0 -675px !important;}       
.k-window-content .k-edit-form .k-edit-form-container .k-grid-update{margin:0px 10px; background-position: 0 -675px;}
.k-window-content .k-edit-form .k-edit-form-container .k-grid-update .k-update{background-position: 0 -675px; width:78px;}



.k-window-content .k-edit-form .k-edit-form-container .k-grid-update .k-update,.k-insert
{
    background-image: url(/img/sprite.png);
    background-position: -79px -721px;
    height: 23px;
    width: 23px;
    display:inline-block;
    margin: 0px; 
    padding: 0px;  
    float:right;     
    }
  .k-window-content .k-edit-form .k-edit-form-container .k-grid-update .k-update:hover,.k-insert:hover
{
    background-image: url(/img/sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    }
    
.k-insert:active{
    background-image: url(/img/sprite.png);
    background-position: -79px -744px;
    cursor:pointer;
    height: 22px;
    width: 23px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    top: 1px;
    }
    
.k-grid-insert,.k-grid-cancel,.k-grid-update
 {
     border: 0;
     border-color:#fff;
     margin: 0px;
     padding: 0px;
     background-color:#fff;
     }

.k-grid-insert, .k-grid-update {right: 10px;}
.k-grid-cancel { right: -10px;}
.k-edit-buttons .k-grid-cancel,.k-edit-buttons .k-grid-update {float: none; position:relative;}
.k-grid-add {margin-left: 101px; padding:0px; background-color:transparent; border: 0px;}
.k-item{font-size: 11px;}
.k-input {width: 145px; height: 15px;
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	font-size: 12px;
	color:#001c30;}copy
.texk-box {width: 145px;height: 15px; 
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	font-size: 12px;
	color:#001c30;}
.textarea{font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif; font-size: 12px;}
/*.k-dropdown{float:left;}*/
.k-numerictextbox{width:146px;}
.k-ponuda,.t-ponuda{background-position: -80px -162px;cursor:pointer;}
.k-predracun,.t-predracun{background-position: -80px -180px;cursor:pointer;}
.k-racun,.t-racun{background-position: -80px -200px;cursor:pointer;}
.k-tabstrip-items{-moz-border-radius:5;-webkik-border-radius:5;border-radius:5}
.k-minus, .k-minus-disabled {background-position: -15px -256px;}
.k-edit, .k-success {cursor:pointer;}

/*.k-edit-buttons .k-grid-update {position: relative; margin-right:10px;}*/
.k-edit-buttons .k-grid-update .k-update,.k-edit-buttons .k-grid-cancel .k-cancel {padding:0px; height:23px; width:23px; margin:0px; }

.k-button:hover .k-update {background-position:-79px -744px}
.k-button:hover .k-cancel {background-position:-79px -698px}
.k-grid-customGoToObject {background-image: url(/img/sprite.png);}
.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {    border-radius: 0;}
#DocumentVersionContent .k-upload{float:left}

.k-i-expand, .k-plus, .k-plus-disabled {    background-position: -15px -255px;}
.k-i-expand, .k-plus, .k-plus-disabled {    background-position: 0px -255px;}

.SFACalendarCustomGoToObject a.k-grid-customGoToObject {width:16px; text-align:center; height:16px; margin:0px; padding:0px; border:0px;background-position: -32px -240px;background-image: url(/img/sprite.png);}
.SFACalendarCustomGoToObject a.k-grid-customGoToObject:hover,.SFACalendarCustomGoToObject a.k-grid-customGoToObject:active,.SFACalendarCustomGoToObject a.k-grid-customGoToObject:hover:active {background-image: url(/img/sprite.png); background-position: -32px -240px; background-color:#ffffff;}
.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {height: 0px; padding-bottom: 0px;}

.GridcellthreeDocument span.k-dropdown{float:left;}



/*----------- DELETE GRID ICON -------------------  */
.t-customOfferTemplateDelete,.t-customOfferDetailDelete,.t-customPaymentDelete,.t-customQuoteDetailDelete,.t-customInvoiceDetailDelete,.t-customAccountDelete,.t-customQuoteTemplateDelete,.t-customInvoiceTemplateDelete,.t-customCancelRelagoOrder,.t-customDeleteItemFromShoppingCart,.t-customCancelOrder,.t-customOfferDelete,.t-customQuoteDelete,.t-customInvoiceDelete,.t-customItemDelete,.t-customAccountContactDelete,.t-customTaxDelete,.t-customCustomerLocationDelete,.t-customAccountNoteDelete,.t-customTermAndConditionDelete,.t-customMemberDelete,.t-customDeleteClassMember,.t-customDeleteMemberHousehold,.t-customClassDelete,.t-customDeleteDebt,.t-customPeriodDelete,.t-customCampaignActivityDelete,.t-delete,.t-customCampaignDelete,.t-customPutniNalogOdredisteDelete,.t-customPutniNalogAkontacijaDnevnicaDelete,.t-customPutniNalogTrosakDelete,.t-customClassLeaderDelete,.t-customInvoiceBusinessUnitMachineDelete,.t-customInvoiceBusinessUnitDelete,.t-customBankStatementDelete,.t-customMemberTestimonialDelete,.t-customResourceBookingRequestDelete,.t-customResourceDelete,.t-customResourceCategoryDelete,.t-customResourceLocationDelete,.t-customDeleteResourceBookingRequestResource,.t-customTaskDelete,.t-customDocumentClassDelete,.t-customProspectDelete,.t-customContactDelete,.t-customActivityDelete,.t-customOpportunityDelete,.t-customDeleteProspectActivity,.t-customDeleteAccountContact,.t-customDeleteAccountActivity,.t-customDeleteAccountOpportunity,.t-customDeleteContactActivity,.t-customDeleteOpportunityActivity,.t-customEmployeeDelete,.t-customCustomerSourceDelete,.t-customCustomerTypeDelete,.t-customOpportunityTypeDelete,.t-customSalesStageDelete,.t-customEmployeeRoleDelete,.t-customActivityTemplateDelete,.t-customDeleteDocumentClassMetadata,.t-customGroupDelete,.t-customDeleteEmployeeGroup,.t-customPricingCatalogDelete,.t-customDeletePricingCatalogItem,.t-customDeleteActivityTemplateActivity,.t-customDeleteActivityTemplateActivity,.t-customExtensionClassMetadataDelete,.t-customDeleteContactOpportunity,.t-customDelete{background-position: -16px -336px; cursor:pointer;}
/*----------- EDIT GRID ICON -------------------  */
.t-customOfferTemplateEdit,.t-customQuoteTemplateEdit,.t-customInvoiceTemplateEdit,.t-customOfferEdit,.t-customQuoteEdit,.t-customInvoiceEdit,.t-customMemberTemplateEdit,.t-customClassEdit,.t-customEditDebt,.t-customCampaignDebtEdit,.t-customCampaignMemberEdit,.t-customCampaignActivityEdit,.t-customAccountEdit,.t-customResourceBookingRequestTemplateEdit,.t-customDocumentClassification,.t-customTaskEdit,.t-customDocumentClassTemplateEdit,.t-customProspectTemplateEdit,.t-customAccountTemplateEdit,.t-customContactTemplateEdit,.t-customActivityTemplateEdit,.t-customOpportunityTemplateEdit,.t-customPricingCatalogTemplateEdit,.t-editEdmGroup,.t-openClass,.t-otvoriPutniNalog,.t-edit{background-position: 0 -336px; cursor:pointer;}
/*----------- COPY GRID ICON -------------------  */
.t-copydocument,.t-success{background-position: -64px -240px; cursor:pointer;}
/*----------- SHOW (OKO) GRID ICON -------------------  */
.t-customShowRelagoMessage,.t-customShowRelagoOrder,.t-customShowQuote,.t-customShowRelagoOrder,.t-customShowQuote,.t-customShowRelagoInvoice,.t-customShowRelago,.t-customShowInvoice,.t-customShowOffer,.t-customGoActivity,.t-customGoToObject,.k-grid-customGoToObject{background-position: -32px -240px; cursor:pointer;}
/*----------- DOWNLOAD GRID ICON -------------------  */
.t-customDownloadPdfQuote,.t-customDownloadPdfOrder,.t-customDownloadPdfQuote,.t-customDownloadPdfInvoice,.t-customDownloadPdf,.t-customOfferExport,.t-customQuoteExport,.t-customInvoiceExport,.t-customDownloadPdfOffer,.t-customDocumentDownload{background-position: -31px -256px; cursor:pointer;}
/*----------- SEND BY EMAIL GRID ICON -------------------  */
.t-customSendByEmail,.t-customSendOrderByEmail,.t-customSendQuoteByEmail,.t-customSendInvoiceByEmail,.t-customSendByEmail,.t-customEmailQuote,.t-customEmailInvoice,.t-customOfferSend,.t-customQuoteSend,.t-customInvoiceSend,.t-customEmailOffer{background-position: -31px -273px; cursor:pointer;}
/*----------- UPGRADE GRID ICON -------------------  */
.t-customUpgradeApp,.t-customProspectConvertToAccountContact,.t-customWebEyeCreatePutniNalog{background-position: -48px -256px; cursor:pointer;}
/*----------- RENEW GRID ICON -------------------  */
.t-customRenewApp{background-position: -32px -303px; cursor:pointer;}
/*----------- ADD To Shopping Cart GRID ICON -------------------  */
.t-customAddToShoppingCart{background-position: -64px -304px; cursor:pointer;}
/*----------- ADD To Deactivate Customer Contact -------------------  */
.t-customDeactivateCustomerContact,.t-customEmployeeDeactivate{background-position: -85px -384px; cursor:pointer;}
/*----------- ADD To Activate Customer Contact -------------------  */
.t-customActivateCustomerContact,.t-customEmployeeActivate{background-position: -85px -368px; cursor:pointer;}
/*-------------------- START Icon -------------------  */
.t-customCampaignStart{background-position: -127px -244px; cursor:pointer;}
/*--------------------- STOP Icon -------------------  */
.t-customCampaignStop{background-position: -114px -244px; cursor:pointer;}
/*--------------------- MembersApplication -------------------  */
.t-customMemberApplication{background-position: -144px -244px; cursor:pointer;}
/*--------------------- DownloadGrid -------------------  */
.t-putniNalogPrint{background-position: -31px -256px; cursor:pointer;}
/*--------------------- Refresh grid -------------------  */
.t-grid-pager .t-status .t-refresh {background-position: -31px -303px; cursor:pointer;}
.t-grid-pager .t-status .t-loading {background-position: 0px 0px;}
/*--------------------- Print virman grid -------------------  */
.t-customPrintPaymentOrderGrid {background-position: -161px -244px; cursor:pointer;}
/*--------------------- SEND TO TAX ADMINISTRATION Grid -------------------  */
.t-customInvoiceBusinessUnitSend {background-position: -119px -225px; cursor:pointer;}
/*--------------------- Fiskaliziraj Grid -------------------  */
.t-customInvoiceSendToTaxAdministration {background-position: -99px -224px; cursor:pointer;}
/*--------------------- Storniraj Grid -------------------  */
.t-canceldocument {background-position: -85px -384px; cursor:pointer;}
/*--------------------- Poveži dugovanje -------------------  */
.t-customDebtConnect{background-position: -85px -404px; cursor:pointer;}
/*--------------------- Potvrda -------------------  */
.t-customMemberTestimonial{background-position: -84px -423px; cursor:pointer;}
/*--------------------- Checkmark -------------------  */
.t-customProspectSelect,.t-customAccountSelect,.t-customContactSelect,.t-customOpportunitySelect{background-position: -84px -367px; cursor:pointer;}
/*--------------------- Activity Template -------------------  */
.t-customApplyActivityTemplate{background-position: -127px -391px; cursor:pointer;}
/*--------------------- Kamion / Otpremnica Template -------------------  */
.t-customTruckIcon{background-position: -207px -223px; cursor:pointer;}
/*--------------------- Povećalo -------------------  */
.t-customShowStatistics{background-position: -106px -390px; cursor:pointer;}
/*--------------------- Alert -------------------  */
.t-customShowStatisticsAlert{background-position: -188px -224px; cursor:pointer;}
/*--------------------- Papirnati avioncic -------------------  */
.t-customSendItem{background-position: -100px -206px; cursor:pointer;}
/*--------------------- Thumbs up -------------------  */
.t-customThumbsUp{background-position: -120px -206px; cursor:pointer;}
/*--------------------- Thumbs down -------------------  */
.t-customThumbsDown{background-position: -139px -206px; cursor:pointer;}
/*--------------------- Switch Change -------------------  */
.t-customSwitchChange{background-position: -157px -206px; cursor:pointer;}
/*--------------------- Bell Reminder Alarm -------------------  */
.t-customReminderBell{background-position: -174px -206px; cursor:pointer;}
/*--------------------- Paper Clip -------------------  */
.t-customPaperClip{background-position: -190px -206px; cursor:pointer;}
/*--------------------- Wrench -------------------  */
.t-customWrench{background-position: -208px -206px; cursor:pointer;}
/*--------------------- Magnifier -------------------  */
.t-customMagnifier{background-position: -106px -390px; cursor:pointer;}
/*--------------------- Undo/back -------------------  */
.t-customUndo{background-position: -217px -243px; cursor:pointer;}

/*--------------------- New grid icons -------------------  */
.GridIcon_Warehouse,.GridIcon_Category,.GridIcon_MoneyBag,.GridIcon_Warning,.GridIcon_Electronic_Invoice,.GridIcon_VozniPark,.GridIcon_Switch{height:16px; width:16px; background-image: url(/img/sprite.png); display:inline-block; font-size:0; line-height:0; overflow:hidden; text-align:center;text-indent:-3333px; vertical-align:middle; cursor:pointer;}

/*--------------------- Warehouse icon -------------------  */
.GridIcon_Warehouse{background-position: -139px -224px;}
/*--------------------- Category icon -------------------  */
.GridIcon_Category{background-position: -156px -224px;}
/*--------------------- MoneyBag icon -------------------  */
.GridIcon_MoneyBag{background-position: -171px -224px;}
/*--------------------- Danger/Warning icon -------------------  */
.GridIcon_Warning{background-position: -187px -224px;}
/*--------------------- Elektronicki racun icon -------------------  */
.GridIcon_Electronic_Invoice{background-position: -182px -244px;}
/*--------------------- Vozni park icon -------------------  */
.GridIcon_VozniPark{background-position: -199px -244px;}
/*--------------------- Zamijeni icon -------------------  */
.GridIcon_Switch{background-position: -14px -534px}

.GridIconInText{margin: 0 5px 3px;}
.GridIconInGCO{margin: -3px 5px 1px 0px;}



/****************************************************  */
/*------- NEW TELERIK AND APP CHANGES --------  */
/****************************************  */

.k-tabstrip {border: none; background-color:#fff;}
.k-tabstrip-items .k-link{ background-color:#418AD1; color:#fff; font-weight:normal; font-size:15px; text-transform:lowercase;}
.k-tabstrip-items .k-state-active .k-link{color:#ffffff; background-color:#F7941D; text-transform:uppercase;}
.k-tabstrip-items .k-state-disabled .k-link{
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;}
.k-tabstrip-items .k-item,.k-tabstrip .t-content{border:none;}
.k-tabstrip-items .k-item{-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px; margin:0px 15px 0px 0px; padding:0px;}
.k-tabstrip-items .k-item.k-state-hover,.k-tabstrip-items .k-item.k-state-active {    background-color:transparent;}
.k-tabstrip-items .k-state-hover .k-link{color:#ffffff; background-color:#F7941D}
.k-grid-toolbar{margin:15px 0px; border:none;}
.k-dropdown .k-input {color:#001C30;}
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input, .k-input {height:15px; width:140px;}
.k-autocomplete, .k-input[type="text"]{background-color:#fff;}
.k-tabstrip-items .k-state-active{background-color:transparent;}
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {display:inline-block; overflow:hidden; padding:3px 0px 1px 3px; text-overflow:ellipsis; line-height:14px; text-indent:0px;}
.k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {
    background-color: #ffffff; background-image:none;
    color: #001c30;
}
.k-dropdown .k-state-hover .k-input{color:#001c30}
.k-grid-header .k-header .k-link{color:#ffffff;background-color: #418AD1;}
.k-grid-header th.k-with-icon .k-link {display:inline-block}
.k-grid-header .k-header{border: 1px solid #efefef;}
.k-dropdown-wrap{background-color:#ffffff;}
.k-tabstrip .k-tabstrip-items{border-bottom: 1px solid #EFEFEF;}
.k-widget .k-grid-header {background-color: #418AD1;}
.k-alt {    background-color: #f4f4f4;}
.k-select{height:20px; line-height:20px; margin-top:1px;}
.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {color: #001c30;}
.k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused{background-color:#efefef; background-image:none}
span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown, .k-toolbar .k-split-button {background-image: none; overflow: hidden;}
span.k-dropdown, span.k-datetimepicker{overflow:visible;}
.k-grid tr td {
    border-style: solid;
    border-width: 0 1px 0 0;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle; min-width:16px;
}
.k-grid td div{min-height:16px}
.k-grid td {border-color:#efefef;}
.k-pager-wrap{clear:none}

.t-icon, .k-icon {height:16px; width:16px; background-image: url(/img/sprite.png); display:inline-block; font-size:0; line-height:0; overflow:hidden; text-align:center;text-indent:-3333px; vertical-align:middle;
}
.k-i-calendar,.k-i-calendar:hover {background-position: -48px -240px !important;}
.k-i-clock,.k-i-clock:hover {background-position: -64px -336px !important;}
.k-datetimepicker .k-picker-wrap .k-icon { margin:2px;}
a.k-grid-filter { background-color:#418ad1;}
a.k-grid-filter:hover { background-color:#f7941d;}
a.k-grid-filter:hover span.k-filter {background-position:-48px -538px}
.k-filter{background-position:-48px -538px}
.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    margin: -2px -5px 0 0;
    padding: 4px 3px 0px;
}
.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header{background-color: #418ad1;}
.k-i-arrow-s {background-position: -16px -175px;}
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-s, .k-state-hover > .k-i-arrow-s, .k-state-hover > * > .k-i-arrow-s, .k-button:hover .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s, .k-button:active .k-i-arrow-s {
  background-position: -16px -174px;}
.k-i-seek-w { background-position: 0 -188px;}
.k-state-disabled .k-i-seek-w { background-position: 0 -204px;}
.k-i-arrow-w { background-position:-16px -188px;}
.k-state-disabled .k-i-arrow-w { background-position:-16px -204px;}
.k-i-arrow-e {background-position: -32px -188px;}
.k-state-disabled .k-i-arrow-e {background-position: -32px -204px;}
.k-i-seek-e {    background-position: -48px -188px;}
.k-state-disabled .k-i-seek-e {background-position: -48px -204px;}
.k-calendar .k-header .k-nav-prev .k-i-arrow-w { background-position:-16px -205px;}
.k-calendar .k-header .k-nav-next .k-i-arrow-e { background-position: -32px -205px;}
.k-widget, .k-input{border-color:#ffffff;}

.k-grid-pager{border:1px solid #ccc; background-color:#ffffff;}
.k-grid-header th.k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-filter-row > th:first-child {
border-left-width: 1px; border-left-color: #cccccc;}
.k-grid-header th.k-header:last-child, .k-grid tbody td:last-child, .k-grid tfoot td:last-child, .k-filter-row > th:last-child {
border-right-width: 1px;; border-left-color: #cccccc;}
.k-header a.k-link:hover{color: #eae89a;}
.k-link:hover:not(.k-state-disabled) > .k-i-seek-w, .k-state-hover > .k-i-seek-w, .k-state-hover > * > .k-i-seek-w, .k-button:hover .k-i-seek-w, .k-textbox:hover .k-i-seek-w, .k-button:active .k-i-seek-w {
    background-position: -0px -220px;
}
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-w, .k-state-hover > .k-i-arrow-w, .k-state-hover > * > .k-i-arrow-w, .k-button:hover .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w, .k-button:active .k-i-arrow-w {
    background-position: -16px -220px;
}
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-button:hover .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e {
    background-position: -32px -220px;
}
.k-link:hover:not(.k-state-disabled) > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-button:hover .k-i-seek-e, .k-textbox:hover .k-i-seek-e, .k-button:active .k-i-seek-e {
    background-position: -48px -220px;
}
.k-tabstrip-items .k-loading {border-top-width:0px;}
.k-tabstrip .k-state-active{border-color:#ffffff;}
ul.k-tabstrip-items li.k-state-hover:hover{background-color: transparent; background-image:none;}
.k-grid-header,.k-grid-toolbar,.k-grid-top {background-color: #ffffff;}
.k-grid-toolbar:after {clear: none;}
.k-grid-toolbar a.k-button {font-size:14px; padding:10px; background-color:#418AD1; color:white;line-height: 15px; cursor:pointer; font-weight:normal; transition: all 0.5s ease;}
a.k-button:hover, a.k-button:active:hover {background-color:#f9941e; background-image:none; box-shadow:none;}
.k-grid-toolbar a.k-button span.k-add{float:right; width:15px; height:15px; background-image: url(/img/Plus.png) !important;; background-position: 0px 0px; margin-left:20px;}
.k-button-icontext {font-size:0px;}
.k-edit-form-container .k-edit-buttons {border:none; bottom: -5px; text-align:center;}
.k-popup-edit-form .k-edit-form-container {width: 100%;}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 16px;
}
td a.k-grid-edit,td a.k-grid-edit:hover,td a.k-grid-edit:active,td a.k-grid-edit:focus,td a.k-grid-edit:hover:focus,td a.k-grid-edit:active:focus,td a.k-grid-edit:hover:active,td a.k-grid-edit:hover:active:focus,td a.k-grid-edit:focus:active {background-color:transparent; background-image:none; border:none; box-shadow:none; padding:0px; margin:0px;}
.k-grid-edit .k-edit, .k-grid-edit:hover > .k-edit, .k-button:hover > .k-edit {height:16px; width:16px; background-image: url(/img/sprite.png); background-position: 0px -336px;background-color: none;}
.k-button:focus:not(.k-state-disabled):not([disabled]),.k-button:focus:active:not(.k-state-disabled):not([disabled]){box-shadow:none;}
span.k-state-disabled {
    background-color: #999999;
    color: #efefef;
}
span.k-select span.k-i-calendar {margin-top: 1px;}
.k-numerictextbox .k-select .k-link span.k-i-arrow-n {    background-position: -16px -163px;}
.k-numerictextbox .k-select .k-link span.k-i-arrow-s {    background-position: -16px -182px;}
.k-grid-header .k-header .k-link span.k-i-arrow-n,.k-grid-header th > .k-link:hover span.k-i-arrow-s {    background-position: -62px -511px;}
.k-grid-header .k-header .k-link span.k-i-arrow-s,.k-grid-header th > .k-link:hover span.k-i-arrow-n {    background-position: -46px -511px;}
.k-numeric-wrap .k-link.k-state-selected {    background-color: #efefef;}
.k-button-icontext .k-icon, .k-button-icontext .k-image {margin: 0px;}
.k-numeric-wrap .k-formatted-value {    width: 140px;}
.k-dropdown-wrap .k-input {width:92%}
.k-loading-mask{padding-bottom:75px; z-index:100000}
.k-calendar .k-link.k-nav-fast { color: #ffffff;}
.k-calendar .k-link.k-nav-fast:hover { color: #ffffff; text-decoration:underline; cursor:pointer;background-color: transparent !important;}
.k-i-refresh,.k-link:hover:not(.k-state-disabled) > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-button:hover .k-i-refresh, .k-textbox:hover .k-i-refresh, .k-button:active .k-i-refresh{background-position: -31px -303px;}
.k-pager-wrap .k-pager-refresh{height:16px; margin-top:4px; width:16px; min-width:16px; margin-right:10px;}
.k-pager-refresh:hover{background-color: #efefef !important; background-image: url(/img/sprite.png) !important;background-position: -31px -303px !important}

.k-loading, .k-state-hover .k-loading {background-image: url(/img/loading.gif);background-position: 50% 50%;}
span.k-label {color:#000000;}
.k-filter-menu input.k-textbox {padding-left: 0px;}
.k-footer-template td {background-color:#ffffff; border-color: #e5e5e5 #e5e5e5 #ffffff}
.k-grid tr td {border-color: #efefef;}
.k-i-close,.k-state-hover .k-i-close { background-position: -64px -288px !important;}
div.k-grid table tbody tr:hover{background-color:#e5e5e5}
tr.k-footer-template td{background-color:#efefef; color:#000000; font-weight:bold}
.k-numeric-wrap.k-state-default{margin:0px 0px 1px 1px}
.k-picker-wrap .k-select {    min-height: 16px;}




.Metrotest,.RGRSection{background-color: #efefef; float:left; width: 100%; margin-bottom: 15px; padding:15px 0px;}
.k-window .k-window-titlebar,.k-window .k-window-actions {background-color: #418AD1;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */ filter: alpha(opacity=80);
  /* Netscape */ -moz-opacity: 0.8;
  /* Safari 1.x */ -khtml-opacity: 0.8;
  /* Good browsers */  opacity: 0.8; color:#fff;}
  
.SaveAppCheckbox {margin-left:3px; margin-top:4px;}
.DateOfBirthDiv_Enabled,.FirstAndLastNameDiv_Enabled,.GenderDiv_Enabled,.CompanyNameDiv_Enabled,.QuantityDiv_Enabled,.StartAndEndDateDiv_Enabled,.InvoiceBusinessUnitTypeDescDiv_Enabled,.StreetAndNumberDiv_Enabled,.NumberAddAndZipDiv_Enabled,.CityAndEstateDiv_Enabled,.Description_DescriptionDiv_Enabled{/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */ filter: alpha(opacity=100);
  /* Netscape */ -moz-opacity: 1;
  /* Safari 1.x */ -khtml-opacity: 1;
  /* Good browsers */  opacity: 1; float:left; clear:none; z-index:100;}

.FirstAndLastNameDiv_Disabled,.GenderDiv_Disabled,.DateOfBirthDiv_Disabled,.CompanyNameDiv_Disabled,.QuantityDiv_Disabled,.StartAndEndDateDiv_Disabled,.InvoiceBusinessUnitTypeDescDiv_Disabled,.StreetAndNumberDiv_Disabled,.NumberAddAndZipDiv_Disabled,.CityAndEstateDiv_Disabled,.Description_DescriptionDiv_Disabled{ /*IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /* IE 5-7 */ filter: alpha(opacity=20);
  /* Netscape */ -moz-opacity: 0.2;
  /* Safari 1.x */ -khtml-opacity: 0.2;
  /* Good browsers */  opacity: 0.2; float:left; clear:none;}
  
.GCTText{padding:7px 0px 0px 6px;}
.RelagoAddNewDisabled{background-color:#dadada}
.RelagoAddNewDisabled span{color:#000000;}
.app_quick_add #cssmenu ul li > ul li a.RelagoAddNewDisabled:hover{background-color:#dadada; cursor:default;}
.WrapCheckboxForOnclick{background-image: url(/img/sprite.png);
    background-position: -190px 0px;
    height: 25px;
    position: absolute;
    top: 4px;
    width: 25px;}
    
 .RelagoButonDefault{background-color:#418AD1; padding:2px 10px;}
 .ATMMHMD_Enabled{background-color: #333333;
    height: 100%;
    left: 0;
    position: absolute;
    top: 77px;
    width: 100%;
    z-index: 200; /*IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */ filter: alpha(opacity=80);
  /* Netscape */ -moz-opacity: 0.8;
  /* Safari 1.x */ -khtml-opacity: 0.8;
  /* Good browsers */  opacity: 0.8; float:left;}
 .ATMMHMD_Disabled{display:none}
 .ATMMHMD_Message{width:400px; margin:132px 185px; color:#000000; font-size:14px; text-align:center; height:120px; padding:30px; background-color:#ffffff;}
 .MemberAndClassMemberDivGroup_invisible{display:none;}
 .MemberAndClassMemberDivGroup_visible{display:inline;}

.send_popup_text{float:left; font-size:12px; width: 380px; text-align:center; padding:10px 0px;color:#000000;}

/***************************************  */
/*----------- END TELERIK -------------------  */
/**************************************************  */


/*************************************************************  */
/*------------------- THUMBNAILS POPUP -------------------  */
/**************************************************  */

.PopupPreview {float:left;}
.PopupPreview a.tooltip{font-weight:normal;}
.PopupPreview a.tooltip:hover {text-decoration:none; font-weight:normal;}
 /* hiding the tooltip*/
 .PopupPreview a.tooltip span {
    display:none; /* if you have accessibility issues, you may choose other hiding tricks*/
    padding:10px; z-index:999}
    
 /* display on hover*/
.PopupPreview a.tooltip:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #999;
    background:#FFFFFF; 
    color: #000;
    cursor:default;}


/*************************************************************  */
/*------------------- STATUS RIBBONS -------------------  */
/**************************************************  */

.putni_ribbon_otvoreno,.putni_ribbon_stornirano,.putni_ribbon_zatvoreno,.locco_ribbon_otvoreno,.locco_ribbon_stornirano,.locco_ribbon_stornirano,.status_ribbon_otvoreno,.status_ribbon_placeno,.status_ribbon_stornirano,.status_ribbon_zatvoreno,.status_ribbon_placanje_kasni,.status_ribbon_istekao_rok,.status_ribbon_u_pripremi,.status_ribbon_poslano,.status_ribbon_stvoren_predracun,.status_ribbon_stvoren_racun,.status_ribbon_primljeno {
    float: left;
    position: absolute;
    height: 100px;
    width: 124px;
    z-index: 99;
    top: 0px;
    left: -5px;
    background-image: url(/img/Statusi-sprite.png);
    }
    
.putni_ribbon_otvoreno,.locco_ribbon_otvoreno,.status_ribbon_otvoreno{background-position: -124px -250px;}
.status_ribbon_placeno{background-position: 0px -250px;}
.putni_ribbon_stornirano,.locco_ribbon_stornirano,.status_ribbon_stornirano{background-position: -248px -125px;}
.putni_ribbon_zatvoreno,.locco_ribbon_zatvoreno,.status_ribbon_zatvoreno{background-position: -124px -125px;}
.status_ribbon_placanje_kasni{background-position: 0px -125px;}
.status_ribbon_istekao_rok{background-position: -248px 0px;}
.status_ribbon_u_pripremi{background-position: -124px 0px;}
.status_ribbon_poslano{background-position: 0px 0px;}
.status_ribbon_stvoren_predracun{background-position: -248px -250px;}
.status_ribbon_stvoren_racun{background-position: 0px -375px;}
.status_ribbon_primljeno{background-position: -124px -375px;}





    
/***************************************  */
/*----------- END STATUS RIBBONS ----------  */
/**************************************************  */


/*************************************************************  */
/*--------------------- MISC --------------------------  */
/**************************************************  */
.grid_status_edit_unlocked{height: 0px; width: 0px;}
.grid_status_edit_locked
{position: absolute;
    width: 100%;
    height: 100%;
    background-color: #001c30;
    z-index: 96;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    }
    
.grid_edit_locked{position: absolute;
    width: 97%;
    height: 100%;
    background-color: #ffffff;
    z-index: 96;
    opacity: 0.01;margin-right: -50px;
    filter: alpha(opacity=1); /* For IE8 and earlier */
    }
.grid_edit_unlocked{height: 0px; width: 0px;} 
.non-edit
{position: absolute;
 top:0px;
 left: 0px;
    width: 400px;
    height: 100%;
    background-color: #fff;
    z-index: 98;
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
    }

.Rgood{background-color:#71ff7b}
.Rbad{background-color:#FF7171}
.Gridrow_LogonSummary_visible{float:left;font-size:12px;width: 370px; padding:5px;text-align:center; background-color:#FF7171;}
.Gridrow_LogonSummary_invisible{display:none;}

.Gridrow_LogoUploadError{float:left;font-size:14px;width: 360px; margin-left:8px ;text-align:center; background-color:#FF7171; line-height: 22px;}

.PN_br_dok {float:left; width:65px; height:14px; margin: 0px; padding: 2px; position: relative;font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;font-size: 12px; color:#001c30; margin-right:6px;}
.Relago_disabled_field{
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;}
#divActionMessageInviteCustomerContact{color: #FF0000; font-size: 14px;}
.RelQuickInfoCont{color:#418ad1; float:left; text-align:left; padding-top:8px; padding-left:4px;}
#divUkupnoDnevnicaAsString,#divUkupanBrojKilometara{font-weight:bold; display:inline}

/*************************************************************  */
/*------------- IMG Identiteti formi -------------------  */
/**************************************************  */

.img_ident_container{position:absolute; right:2%; top:52px; z-index:5;}
.img_ident_container_app{position:absolute; right:3%; top:80px; z-index:5;}
.img_ident_container_notabstrip{position:absolute; right:2%; top:10px; z-index:5;}
.img_ident_container_notabstrip_under_save{position:absolute; right:2%; top:50px; z-index:5;}
.img_ident_container_popup{position:absolute; right:10px; top:10px; z-index:5;}
.img_ident_container_store,.img_ident_container_popup{position:absolute; right:10px; top:5px; z-index:5;}
.img_ident_container_force_down{position:absolute; right:2%; top:4px; z-index:2;}
.img_ident_container_faq{float:left; z-index:2; margin:10px; width:60px; height:60px;}
.img_ident_container_titleandtabstrip{position:absolute; right:3%; top:90px; z-index:5;}


.img_ident_app_putni, .img_ident_app_sfa, .img_ident_app_resourcebooking, .img_ident_app_edm, .img_ident_app_rb, .img_ident_app_virmani, .img_ident_app_clanstvo, .img_ident_app_racuni, .img_ident_app_hr, .img_ident_app_misc, .img_ident_ponuda, .img_ident_predracun, .img_ident_racun, .img_ident_account, .img_ident_kontakt, .img_ident_vozilo, .img_ident_proizvodiusluga, .img_ident_brojac, .img_ident_stavke, .img_ident_settings, .img_ident_print, .img_ident_odrediste, .img_ident_fileupload, .img_ident_fileupload_success, .img_ident_fileupload_fail, .img_ident_mjesto_izdavanja, .img_ident_putni_trosak, .img_ident_dnevnice, .img_ident_putni_nalog, .img_ident_cijene_goriva, .img_ident_password_change, .img_ident_password_change_success, .img_ident_password_change_file, .img_ident_nacin_placanja, .img_ident_model_obracuna, .img_ident_tecajna_lista, .img_ident_plan_puta, .img_ident_prij_sredstvo, .img_ident_terms, .img_ident_napomene, .img_ident_grupe, .img_ident_novagrupa, .img_ident_dodajugrupu, .img_ident_dugovanja, .img_ident_novimember, .img_ident_periods, .img_ident_memwiz1, .img_ident_memwiz2, .img_ident_memwiz3-ok, .img_ident_memwiz3-bad, .img_ident_reports, .img_ident_reports, .img_ident_registration1, .img_ident_registration2, .img_ident_registration3, .img_ident_registration3-no, .img_ident_warning, .img_ident_thumbsup, .img_ident_check, .img_ident_invite_customer_contact, .img_ident_new_password, .img_ident_contact_info, .img_ident_info, .img_ident_access_control, .img_ident_forgot_password, .img_ident_sent_mail, .img_ident_positive, .img_ident_negative, .img_ident_relago_messages, .img_ident_relago_order, .img_ident_shopping_cart, .img_ident_myrelago_home, .img_ident_login, .img_ident_payment_type_choice, .img_ident_checkout_complete_quote, .img_ident_checkout_complete_payment_gateway_success, .img_ident_checkout_complete_payment_gateway_fail, .img_ident_notification, .img_ident_apps_preview, .img_ident_app_continue, .img_ident_app_upgrade, .img_ident_safe_web_pay, .img_ident_order_confirmatio, .img_ident_coworkers, .img_ident_invite_user_activation, .img_ident_invite_user_success, .img_ident_invite_user_wrong, .img_ident_invite_user_fail, .img_ident_relago, .img_ident_partner, .img_ident_users, .img_ident_privacy, .img_ident_legal, .img_ident_contacts, .img_ident_sitemap, .img_ident_download, .img_ident_mail_templates, .img_ident_tax_rates, .img_ident_mjestoizdavanja, .img_ident_household, .img_ident_campaign_info, .img_ident_campaign_debt, .img_ident_campaign_adduser, .img_ident_memberapplication, .img_ident_djelatnik, .img_ident_svrhaputovanja, .img_ident_evidencija, .img_ident_pripremazaknizenje, .img_ident_inozemni, .img_ident_trial_or_app_expired, .img_ident_access_denied, .img_ident_request_trial, .img_ident_waiting_approval, .img_ident_faq, .img_ident_blog, .img_ident_InvoiceBusinessUnit, .img_ident_FINA_Certificate, .img_ident_analitikadugovanja, .img_ident_mjesecneuplate, .img_ident_membertestimonial, .img_ident_uploadedbankstatement, .img_ident_category, .img_ident_resource, .img_ident_resourcerequest, .img_ident_attendence, .img_ident_nonactive, .img_ident_salesprospect, .img_ident_salesaccount, .img_ident_salescontact, .img_ident_salesopporrtunity, .img_ident_salesactivity, .img_ident_salessources, .img_ident_salesstages, .img_ident_activitytemplate, .img_ident_flybird, .img_ident_WebEye, .img_ident_shakehands, .img_ident_opensign, .img_ident_orgstructure, .img_ident_lokovoznja, .img_ident_ulazniracun, .img_ident_placanje, .img_ident_skladiste, .img_ident_link, .img_ident_electronic_invoice, .img_ident_microphone, .img_ident_gift, .img_ident_running, .img_ident_trophy, .img_ident_toolkit, .img_ident_redwarning,.img_ident_eurotag,.img_ident_euroreport,.img_ident_fingerpointingup {
    width: 60px;
    height: 60px;
    background-image: url(/img/sprite.png)
}


.img_ident_app_putni{background-position: -108px -508px;}
.img_ident_app_virmani{background-position: -168px -508px;}
.img_ident_app_clanstvo{background-position: -108px -568px;}
.img_ident_app_hr{background-position: -168px -568px;}
.img_ident_app_racuni{background-position: -108px -628px;}
.img_ident_app_misc{background-position: -168px -628px;}
.img_ident_app_sfa{background-position: -168px -448px;}
.img_ident_app_resourcebooking{background-position: -108px -448px;}
.img_ident_app_edm{background-position: -228px -448px;}
.img_ident_app_rb{background-position:  -108px -448px;}

.img_ident_ponuda{background-position: 0px -1698px;}
.img_ident_predracun{background-position: -60px -1698px;}
.img_ident_racun{background-position: -120px -1698px;}
.img_ident_account{background-position: -180px -1698px;}
.img_ident_kontakt{background-position: 0px -1758px;}
.img_ident_vozilo{background-position: -60px -1758px;}
.img_ident_proizvodiusluga{background-position: -120px -1758px;}
.img_ident_brojac{background-position: -180px -1758px;}
.img_ident_stavke{background-position: 0px -1818px;}
.img_ident_settings{background-position: -60px -1818px;}
.img_ident_print{background-position: -120px -1818px;}
.img_ident_odrediste{background-position: -180px -1818px;}
.img_ident_fileupload{background-position: 0px -1878px;}
.img_ident_fileupload_success{background-position: -60px -1878px;}
.img_ident_fileupload_fail{background-position: -120px -1878px;}
.img_ident_mjesto_izdavanja{background-position: -180px -1878px;}
.img_ident_putni_trosak{background-position: 0px -1938px}
.img_ident_dnevnice{background-position: -60px -1938px}
.img_ident_putni_nalog{background-position: -120px -1938px}
.img_ident_cijene_goriva{background-position: -180px -1938px}
.img_ident_password_change{background-position: 0px -1998px}
.img_ident_password_change_success{background-position: -60px -1998px}
.img_ident_password_change_file{background-position: -120px -1998px}
.img_ident_nacin_placanja{background-position: -180px -1998px}
.img_ident_model_obracuna{background-position: 0px -2058px}
.img_ident_tecajna_lista{background-position: -60px -2058px}
.img_ident_plan_puta{background-position: -120px -2058px}
.img_ident_prij_sredstvo{background-position: -180px -2058px}
.img_ident_terms{background-position: 0px -2118px}
.img_ident_napomene{background-position: -60px -2118px}
.img_ident_grupe{background-position: -120px -2118px}
.img_ident_novagrupa{background-position: -180px -2118px}
.img_ident_dodajugrupu{background-position: 0px -2178px}
.img_ident_dugovanja{background-position: -60px -2178px}
.img_ident_novimember{background-position: -120px -2178px}
.img_ident_periods{background-position: -180px -2178px}
.img_ident_memwiz1{background-position: 0px -2238px}
.img_ident_memwiz2{background-position: -60px -2238px}
.img_ident_memwiz3-ok{background-position: -120px -2238px}
.img_ident_memwiz3-bad{background-position: -180px -2238px}
.img_ident_reports{background-position: 0px -2478px}
.img_ident_registration1{background-position: -60px -2478px}
.img_ident_registration2{background-position: -120px -2478px}
.img_ident_registration3{background-position: -180px -2478px}
.img_ident_registration3-no{background-position: -120px -2538px}
.img_ident_warning{background-position: 0px -2538px}
.img_ident_check{background-position: -60px -2538px}
.img_ident_invite_customer_contact{background-position: -180px -2538px}
.img_ident_new_password{background-position: 0px -2598px}
.img_ident_contact_info{background-position: -60px -2598px}
.img_ident_info{background-position: -120px -2598px}
.img_ident_access_control{background-position: -180px -2598px}
.img_ident_forgot_password{background-position: 0px -2658px}
.img_ident_sent_mail{background-position: -60px -2658px}
.img_ident_positive{background-position: -120px -2658px}
.img_ident_negative{background-position: -180px -2658px}
.img_ident_relago_messages{background-position: 0px -2718px}
.img_ident_relago_order{background-position: -60px -2718px}
.img_ident_shopping_cart{background-position: -120px -2718px}
.img_ident_myrelago_home{background-position: -180px -2718px}
.img_ident_login{background-position: 0px -2778px}
.img_ident_payment_type_choice{background-position: -60px -2778px}
.img_ident_checkout_complete_quote{background-position: -120px -2778px}
.img_ident_checkout_complete_payment_gateway_fail{background-position: -180px -2778px}
.img_ident_checkout_complete_payment_gateway_success{background-position: 0px -2838px}
.img_ident_notification{background-position: -60px -2838px}
.img_ident_apps_preview{background-position: -120px -2838px}
.img_ident_app_continue{background-position: -180px -2838px}
.img_ident_app_upgrade{background-position: 0px -2898px}
.img_ident_safe_web_pay{background-position: -60px -2898px}
.img_ident_order_confirmation{background-position: -120px -2898px}
.img_ident_coworkers{background-position: -240px -1698px}
.img_ident_invite_user_activation{background-position: -240px -1758px}
.img_ident_invite_user_success{background-position: -240px -1818px}
.img_ident_invite_user_wrong{background-position: -240px -1878px}
.img_ident_invite_user_fail{background-position: -240px -1938px}
.img_ident_thumbsup{background-position: -240px -2538px}
.img_ident_relago{background-position: -240px -2598px}
.img_ident_partner{background-position: -240px -2238px}
.img_ident_users{background-position: -240px -2658px}
.img_ident_privacy{background-position: -240px -2718px}
.img_ident_legal{background-position: -240px -2778px}
.img_ident_sitemap{background-position: -240px -2898px}
.img_ident_contacts{background-position: -240px -2838px}
.img_ident_download{background-position: -180px -2898px}
.img_ident_mail_templates{background-position: -240px -2958px}
.img_ident_tax_rates{background-position: -240px -3018px}
.img_ident_mjestoizdavanja{background-position: -248px -2298px}
.img_ident_household{background-position: -248px -2358px}
.img_ident_campaign_info{background-position: -300px -1698px}
.img_ident_campaign_debt{background-position: -300px -1758px}
.img_ident_campaign_adduser{background-position: -300px -1818px}
.img_ident_memberapplication{background-position: -300px -1878px}
.img_ident_djelatnik{background-position: -300px -1938px}
.img_ident_svrhaputovanja{background-position: -300px -1998px}
.img_ident_faq{background-position: -300px -1998px}
.img_ident_evidencija{background-position: -300px -2058px}
.img_ident_pripremazaknizenje{background-position: -300px -2118px}
.img_ident_inozemni{background-position: -300px -2178px}
.img_ident_trial_or_app_expired{background-position: -300px -2478px}
.img_ident_access_denied{background-position: -300px -2538px}
.img_ident_request_trial{background-position: -300px -2598px}
.img_ident_waiting_approval{background-position: -300px -2658px}
.img_ident_blog{background-position: -300px -2718px}
.img_ident_InvoiceBusinessUnit{background-position: -300px -2778px}
.img_ident_FINA_Certificate{background-position: -300px -2898px}
.img_ident_membertestimonial{background-position: -300px -2958px}
.img_ident_uploadedbankstatement{background-position: -300px -3018px}
.img_ident_mjesecneuplate{background-position: -240px -3078px}
.img_ident_analitikadugovanja{background-position: -300px -3078px}
.img_ident_category{background-position: -240px -3198px}
.img_ident_resource{background-position: -240px -3138px}
.img_ident_resourcerequest{background-position: -300px -3138px}
.img_ident_attendence{background-position: -300px -3198px}
.img_ident_nonactive{background-position: -240px -3258px}
.img_ident_salesprospect{background-position: -240px -3438px}
.img_ident_salesaccount{background-position: -300px -3378px}
.img_ident_salescontact{background-position: -240px -3378px}
.img_ident_salesopporrtunity{background-position: -300px -3318px}
.img_ident_salesactivity{background-position: -300px -2238px}
.img_ident_salessources{background-position: -308px -2298px}
.img_ident_salesstages{background-position: -308px -2358px}
.img_ident_opensign{background-position: -300px -2838px}
.img_ident_shakehands{background-position: -240px -2238px}
.img_ident_orgstructure{background-position: -300px -3438px}
.img_ident_activitytemplate{background-position: -180px -3438px}
.img_ident_flybird{background-position: -240px -2478px}
.img_ident_WebEye{background-position: -180px -3378px}
.img_ident_lokovoznja{background-position: -180px -3318px}
.img_ident_ulazniracun{background-position: -120px -3318px}
.img_ident_placanje{background-position: -120px -3378px}
.img_ident_skladiste{background-position: -120px -3438px}
.img_ident_link{background-position: -180px -3258px}
.img_ident_electronic_invoice{background-position: -120px -3258px}

.img_ident_microphone{background-position: -240px -1998px}
.img_ident_gift{background-position: -240px -2058px}
.img_ident_running{background-position: -240px -2118px}
.img_ident_trophy{background-position: -240px -2178px}
.img_ident_toolkit{background-position: -60px -3438px}
.img_ident_redwarning{background-position: 0px -3258px}
.img_ident_eurotag{background-position: -60px -3258px}
.img_ident_euroreport{background-position: -60px -3318px}
.img_ident_fingerpointingup{background-position: -60px -3378px}


/*************************************************************  */
/*------------- IMG Identiteti HOME/Dashboard -------------------  */
/**************************************************  */

.img_ident_med_apps,.img_ident_med_spread,.img_ident_med_links,.img_ident_med_trophy,.img_ident_med_promo,.img_ident_med_messages,.img_ident_med_contactus{width:40px; height:40px; background-image: url(/img/sprite.png)}

.img_ident_med_apps{background-position: -228px -508px}
.img_ident_med_spread{background-position: -268px -508px}
.img_ident_med_links{background-position: -228px -548px}
.img_ident_med_trophy{background-position: -268px -548px}
.img_ident_med_promo{background-position: -228px -588px}
.img_ident_med_messages{background-position: -268px -588px}
.img_ident_med_contactus{background-position: -228px -628px}


/*************************************************************  */
/*------------- IMG Identiteti NAVigation -------------------  */
/**************************************************  */

.img_ident_app_nav_myrelago,.img_ident_app_nav_help,.img_ident_app_nav_shoppingcart{width:80px; height:80px; background-image: url(/img/sprite.png)}

.img_ident_app_nav_user{width:80px; height:55px; background-image: url(/img/sprite.png)}

.img_ident_app_nav_myrelago{background-position: 0px -1163px}
.img_ident_app_nav_help{background-position: 0px -1243px}
.img_ident_app_nav_shoppingcart{background-position: 0px -1323px}
.img_ident_app_nav_user{background-position: 0px -1403px}

/*************************************************************  */
/*------------- Invoices Template Thumbs -------------------  */
/**************************************************  */

.TemplateGridrow
{
    clear: both;
    float: left;
    width:560px;
    padding:0px 0px 0px 20px;
    margin:0px;
    min-height: 30px;
    position:relative;
}

.OfferTemplateThumb1
{
    position:relative;
 float: left;
 clear: none;
 width: 90px;
 padding: 5px;
 text-align:center;
 margin: 5px;}
  
.OfferTemplateThumb2
{
    position:relative;
 float: left;
 clear: none;
 width: 90px;
 padding: 10px;
 text-align:center;
 margin: 15px;}
  
.OfferTemplateThumb1_selected
{
    position:relative;
 float: left;
 clear: none;
 width: 90px;
 padding: 5px;
 text-align:center;
 margin: 5px;
 outline: 3px solid #43A1D4;
 cursor:pointer;}
  
  
.OfferTemplateThumb1:hover,.OfferTemplateThumb1:focus,.TemplateColorSet:hover,.TemplateColorSet:focus{outline: 3px solid #43A1D4; cursor:pointer;}

A.OfferTemplateThumb1:hover{outline: 0px solid #43A1D4; cursor:pointer;}

.TemplateColorSet
{
 position:relative;
 float: left;
 clear: none;
 width: 90px;
 height: 50px;
 padding: 5px;
 margin: 5px;
 }
 
.TemplateColorSet_selected
{
 position:relative;
 float: left;
 clear: none;
 width: 90px;
 height: 50px;
 padding: 5px;
 margin: 5px;
 outline: 3px solid #43A1D4;
 cursor:pointer;
 }
 
.TemplateColorBlue,.TemplateColorGreen,.TemplateColorRed,.TemplateColorYellow,.TemplateColorGrey,.TemplateColorPurple,.TemplateColorBlack,.TemplateColorOrange,.TemplateColorPink,.TemplateColorMint{ width: 90px; padding:0px; margin:0px; height: 50px;}

.TemplateColorBlue{background-color:#366199;}
.TemplateColorGreen{background-color:#699936;}
.TemplateColorRed{background-color:#df2c1c;}
.TemplateColorPurple{background-color:#973699;}
.TemplateColorYellow{background-color:#ded71d;}
.TemplateColorGrey{background-color:#999999;}
.TemplateColorBlack{background-color:#000000;}
.TemplateColorOrange{background-color:#ff9000;}
.TemplateColorPink{background-color:#ff3a9c;}
.TemplateColorMint{background-color:#05caaa;}
  
  
.OfferStandardTemplate1Thumb,.OfferModernTemplate1Thumb,.OfferCubesTemplate1Thumb,.OfferElegantTemplate1Thumb,.OfferFormalTemplate1Thumb,.OfferCleanTemplate1Thumb,.OfferExtendedTemplate1Thumb,.OfferExpandedTemplate1Thumb,.OfferClassyTemplate1Thumb,.OfferRibbonTemplate1Thumb,.OfferAccountingTemplate1Thumb{width: 90px; height: 127px; padding:0px; margin:0px; background-image: url(/img/InvoiceTemplates/sprite-invoicetemplates.jpg)}

.OfferStandardTemplate1Thumb{background-position: 0px 0px}
.OfferElegantTemplate1Thumb{background-position: -90px 0px}
.OfferCleanTemplate1Thumb{background-position: -180px 0px}
.OfferCubesTemplate1Thumb{background-position: -270px 0px}
.OfferModernTemplate1Thumb{background-position: -360px 0px}
.OfferFormalTemplate1Thumb{background-position: 0px -127px}
.OfferExtendedTemplate1Thumb{background-position: -90px -127px}
.OfferClassyTemplate1Thumb{background-position: -180px -127px}
.OfferRibbonTemplate1Thumb{background-position: -270px -127px}
.OfferAccountingTemplate1Thumb{background-position: -360px -127px}

#Predracunstatus .k-widget .k-dropdown-wrap, #Ponudastatus .k-widget .k-dropdown-wrap,  #Racunstatus .k-widget .k-dropdown-wrap{background-color:#F7941D;}
#Predracunstatus .k-widget .k-dropdown-wrap .k-input, #Ponudastatus .k-widget .k-dropdown-wrap .k-input,  #Racunstatus .k-widget .k-dropdown-wrap .k-input{color:#ffffff !important; font-weight:bold}
.k-numerictextbox .k-state-focused .k-input{width:140px;}

/*************************************************************  */
/*------------------ VIRMANI ---------------------------  */
/**************************************************  */

.virmanbackground
{
    width:690px;
    height:400px;
    background-image: url(/img/virman.jpg);
    background-position: 0px 0px;
    position: relative;
    top:0px;
    left:0px;
    padding:0px;
    margin: 0px;
    }
	
.Virman_Platitelj, .Virman_Primatelj, .Virman_BrojRacunaPlatitelja, .Virman_BrojRacunaPrimatelja, .Virman_ModelPozivNaBrojZaduzenja, .Virman_PozivNaBrojZaduzenja, .Virman_ModelPozivNaBrojOdobrenja, .Virman_PozivNaBrojOdobrenja, .Virman_Valuta, .Virman_Iznos, .Virman_StatistickoObiljezje, .Virman_SifraOpisaPlacanja, .Virman_OpisPlacanja, .Virman_DatumValute, .Virman_DatumPodnosenja, .Virman_Hitnost, .Virman_VrstaPrijenos, .Virman_VrstaUplata, .Virman_VrstaIsplata {position: absolute; padding:0px; margin: 0px;}
	
.Virman_Platitelj {top:81px; left:8px;}
.Virman_Primatelj {top:163px; left:8px;}
.Virman_BrojRacunaPlatitelja {top:81px; left:317px;}
.Virman_BrojRacunaPrimatelja {top:164px; left:317px;}
.Virman_ModelPozivNaBrojZaduzenja {top:81px; left:235px;}
.Virman_PozivNaBrojZaduzenja {top:122px; left:235px;}
.Virman_ModelPozivNaBrojOdobrenja {top:164px; left:235px;}
.Virman_PozivNaBrojOdobrenja {top:205px; left:235px;}
.Virman_Valuta {top:39px; left:296px;}
.Virman_Iznos {top:39px; left:379px;}
.Virman_StatistickoObiljezje {top:247px; left:8px;}
.Virman_SifraOpisaPlacanja {top:247px; left:110px;}
.Virman_OpisPlacanja {top:244px; left:173px;}
.Virman_DatumValute {top:287px; left:8px; width: 100px;}
.Virman_DatumPodnosenja {top:328px; left:8px;}
.Virman_Hitnost {top:2px; left:273px;}
.Virman_VrstaPrijenos {top:1px; left:371px;}
.Virman_VrstaUplata {top:1px; left:595px;}
.Virman_VrstaIsplata {top:1px; left:667px;}

.virmanbackground .Virman_DatumPodnosenja .t-widget .t-picker-wrap, .virmanbackground .Virman_DatumValute .t-widget .t-picker-wrap { width:130px;}

.Virman_ModelPozivNaBrojOdobrenja .t-widget, .Virman_ModelPozivNaBrojZaduzenja .t-widget{width:28px;}



/***************************************  */
/*----------- END VIRMANI -------------------  */
/**************************************************  */

input:focus:hover, input:hover, input:focus, textarea:focus, textarea:hover {outline: 2px solid #43A1D4;}

.delete_popup_text{width:400px; padding: 20px 0px; text-align:center; font-size:14px; color: #001c30;}
.delete_popup_info{width:400px; padding: 5px 0px; text-align:left; font-size:12px; float:left; color: #001c30;}
.delete_popup_values{text-align:left; float:right; width:275px;}
.delete_popup_info_end{width:400px; padding: 5px 0px; text-align:left; font-size:12px; margin-bottom:15px; float:left; color: #001c30;}

 
.LimitationMessageContainer
{width:400px;
 padding: 20px 0px;
 text-align:center;
 color: #001c30;
 font-size:14px;}
 
.app_help_container
{width:160px; float: left; margin: 15px; padding: 10px 5px; border: 1px solid #001c30}
.app_help_title{font-size: 16px; padding: 5px 0px;}


/*************************************************************  */
/*----------- Univerzalni hidden  ----------------------  */
/**************************************************  */
.Relago_visible,.RelagoMessageAttachmentSectionVisible{padding: 0px; margin:0px; display:inline}
.Relago_invisible,.RelagoMessageAttachmentSectionInvisible,.Relago_invisible_cancel,.Relago_invisible_yes,.Relago_invisible_save{display:none}    
.Relago_invisible_insert,.Relago_invisible_cancel,.Relago_invisible_update{display:none} 

/*************************************************************  */
/*----------- START Tranzicijski Home za Merkur --------  */
/**************************************************  */
.relagologo{
	width:800px;
	height:571px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-280px 0 0 -400px;
	z-index: 100;
	background-image:url(/img/relago652-medium.jpg);
}
#ap_table{
	padding: 5px;
	width: 340px;
	position:absolute;
	background: #001c30;
	color: #fff;
	right: 10px;
	z-index: 500;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*************************************************************  */
/*************************************************************  */
	
/*----------- START OLD RELAGO-MAIN --------  */
/*----------- START OLD RELAGO-MAIN --------  */

/**************************************************  */
/**************************************************  */








/*************************************************************  */
/*---------------- RELAGO NAVIGATION -------------------  */
/**************************************************  */
	#Relago_navigation {
	z-index: 1000;
	width:100%;
	height:43px;
	float: left;
}
#Relago_app_menu {
	list-style:none;
	width:90%;
	padding: 0px;
	height:43px;
	z-index: 950;
}

#Relago_app_menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 6px 0px 2px 0px;
	margin-right:30px;
	margin-top:7px;
	border:none;
	z-index: 950;
}

#Relago_app_menu li:hover {
	padding: 6px 0px 3px 0px;
	background: transparent;
}

#Relago_app_menu li a {
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	font-size:14px; 
	color: #e3f4ff;
	display:block;
	outline:0;
	text-decoration:none;
	z-index: 950;
	text-align:right;
}

#Relago_app_menu li {
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	font-size:14px; 
	color: #e3f4ff;
	display:block;
	outline:0;
	text-decoration:none;
	z-index: 950;
	text-align:right;
}
 .Ram_b {
	font-size:14px; 
	color: #e3f4ff;
	display:block;
	outline:0;
	text-decoration:none;
	font-weight:bold;
	z-index: 100950;
	cursor:pointer;
}
#Relago_app_menu li:hover a {
	color:#161616;
}
#Relago_app_menu li .drop {
	padding-right:21px;
	z-index: 1000;
}
#Relago_app_menu li:hover .drop {
	z-index: 1000;
}

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
	margin:3px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 0px 5px;
	border:1px solid #777777;
	border-top: 0px;
	z-index: 950;
	
	/* Gradient background */
	background:#e3f4ff;
	background: -moz-linear-gradient(top, #e3f4ff, #87bfe6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3f4ff), to(#87bfe6));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#Relago_app_menu li:hover .dropdown_1column, 
#Relago_app_menu li:hover .dropdown_2columns, 
#Relago_app_menu li:hover .dropdown_3columns,
#Relago_app_menu li:hover .dropdown_4columns,
#Relago_app_menu li:hover .dropdown_5columns {left:-1px; top:auto;}

.col_1, .col_1_sv, .col_2, .col_3, .col_3_ia, .col_4, .col_5 {display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 950;
}
.col_1 {width:130px;}
.col_1_sv{width:100px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_3_ia {width:440px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#Relago_app_menu .menu_right {float:right; margin-right:0px;}
#Relago_app_menu .menu_right_app {float:right; margin-right:0px;}

#Relago_app_menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#Relago_app_menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#Relago_app_menu p, #Relago_app_menu h2, #Relago_app_menu h3, #Relago_app_menu ul li {
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	line-height:12px;
	font-size:12px;
	text-align:left;
}
#Relago_app_menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 5px 0;
	padding-bottom:5px;
	border-bottom:1px solid #666666;
}
#Relago_app_menu h3 {
	font-size:14px;
	margin:7px 0 5px 0;
	padding-bottom:5px;
	border-bottom:1px solid #888888;
}
#Relago_app_menu p {line-height:18px;margin:0 0 10px 0;}

#Relago_app_menu li:hover div a {font-size:14px; color:#fff;}
#Relago_app_menu li .Ram_b:hover {color:#fff;}

.strong {font-weight:bold;}
.italic {font-style:italic;}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#Relago_app_menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#Relago_app_menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#Relago_app_menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#Relago_app_menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}
#Relago_app_menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#Relago_app_menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;}

#Relago_app_menu li .greybox li a {text-align:right}

.saznaj_vise_menu {height:60px; width:90px;
    background-image: url(/img/sprite.png);
    background-position: -105px -446px;}
.saznaj_vise_menu {height:60px; width:90px;
    background-image: url(/img/sprite.png);
    background-position: -105px -446px;}
    
.menu_putni-s, .menu_virmani-s, .menu_hr-s, .menu_clanovi-s
{   height:60px; width:60px;
    background-image: url(/img/sprite.png);
	float:left;
	margin:5px 15px 5px 5px;}
    
    
.menu_putni-s {background-position: -108px -508px;}
.menu_virmani-s {background-position: -172px -508px;}
.menu_clanovi-s {background-position: -108px -570px;}
.menu_hr-s {background-position: -172px -570px;}
    

	
	/*	--------------------------------------------------
	END Navigation
	-------------------------------------------------- */
	
	
	

/*************************************************************  */
/*------------ RELAGO STORE NAVIGATION ----------------  */
/**************************************************  */
	#Relago_navigation {
	z-index: 1000;
	width:100%;
	height:43px;
	position:absolute;
	left:150px;
	top:43px;
	width:810px;
	
}

/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#Relago_store_menu {margin: 0px; width:810px; position:relative;}
ul.drop a {display:inline-block; color: #fff; font-size: 14px; text-decoration: none;font-weight: normal; padding: 5px 15px;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; color: #fff;}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; font-size: 14px; vertical-align: middle; zoom: 1;}
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default;background-color:#F7941D;}
ul.drop li.menu_right{text-align:right; width:110px; position:absolute; right:0; background-color: #F7941D; padding: 5px 15px;}
ul.drop li.menu_right div a{padding: 0px;}
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 195px; background: #001C30;}
ul.drop ul li:hover{background-color:#F7941D;}
ul.drop li.menu_right ul{left:-55px;}
ul.drop ul li { float: none; }
ul.drop ul ul { top: 0px; left: 100%; }
ul.drop li:hover > ul {visibility: visible }


#Relago_store_menu {
	list-style:none;
	margin: 0px;
	height:43px;
	z-index: 950;
}

.Store_menu_arrow_down,.Store_menu_arrow_right{background-image: url(/img/sprite.png); background-position: -67px -515px; background-repeat:no-repeat; width:11px; height:9px; display:inline-block; margin-left: -8px; margin-right: 8px;}
.Store_menu_arrow_right{background-position: -67px -500px;}
.RelaGOUpperMenuLink{background-image: url('/img/RelagoUpperMenuLink.png'); background-position: 0px 0px; background-repeat:no-repeat; width:13px; height:7px; padding: 0; position: absolute; top:21px; right: 30px;}

a.RelaGOLink{background-image: url("/img/NavArrow.png");background-position: 349px 33px;background-repeat: no-repeat;color: #FFFFFF; cursor: pointer; float: left; font-weight: normal; line-height: 36px; margin: 10px 20px;padding: 30px 110px;text-align: center; font-size:30px !important; background-color:#418AD1;}
a.RelaGOLink:hover{background-color:#F7941D; color:#ffffff !important;}



/*************************************************************  */
/*--------------- RelaGO, Blogovi, RelaGOTools ---------------------------  */
/**************************************************  */

.BlogCategoryContainer{float:left; width:200px;}
.BlogPostCategory,.BlogPostCategory_active{float:left; padding:15px; font-size:14px; background-color:#418AD1; margin-bottom:5px; background-image: url("/img/NavArrow.png"); background-position: 200px 10px; background-repeat: no-repeat; color: #FFFFFF; cursor: pointer; width:170px;
    -webkit-transition: background-position 0.5s ease-out;
    -moz-transition: background-position 0.5s ease-out;
    -o-transition: background-position 0.5s ease-out;}
.BlogPostCategory:hover,.BlogPostCategory_active{background-color:#F7941D; background-position: 161px 10px;}


.BlogPostsContainer{float:left; width:760px;}
.SingleBlogPostContainer{float:left; width:740px;padding: 0px 10px; margin-bottom: 40px}

a.SBPTitle{float:left; width:740px; font-size:30px; margin-bottom: 5px;color: #333333; font-weight:normal; cursor:pointer}
a.SBPTitle:hover{color:#F7941D; text-decoration:underline;}
.SBPDate,.SBPCategory{float:left; margin-right:15px; color: #999999;margin-bottom: 8px;}
a.SBPLink{float:right; padding: 10px 20px; background-color:#418AD1; margin:20px 15px 5px; color: #FFFFFF; cursor: pointer; font-size: 16px; font-weight:normal;}
a.SBPLink:hover{background-color:#F7941D;}
.SBPTextIntro{font-size:14px; clear: left;line-height: 22px;}

.BlogPostPaginatorContainer{float:left; width:80%; margin:20px;}
.BPPage_active,.BPPage{background-color:#418AD1; color:#FFFFFF;font-size:14px; float:left; padding:5px 15px; cursor:pointer; margin-right:5px;}
.BPPage_active:hover,.BPPage:hover{background-color:#F7941D;}
.BPPage_active{background-color:#F7941D;}


.BlogMainContainer{float:left; width:720px; padding:10px;}
.BlogMainContainer h1{width:720px;}
.BPDate,.BPCategory{float:left; color:#999999;margin: 5px 15px 5px 0px;}
.BPCategory{clear:right;}
.BPContent{float:left; font-size:14px; line-height:20px;}


.BlogSideContainer{float:left;width:200px; padding:10px; font-size:14px;}
.BSideTitle{float:left; background-color:#418ad1; padding:5px 10px; font-size:18px; color:#ffffff; width:180px;}
.BSideContent{float:left; margin-bottom: 30px;}
a.BSidePostTitle{font-weight:normal;cursor:pointer; float:left; padding:5px; clear:both;}
a.BSidePostTitle:hover{font-weight:normal; text-decoration:underline;}
.BPContent a {font-size: 14px;}
.BPContent a:hover {color:#F7941D}
a.BPBackLink{float:left; margin:20px; padding:20px 80px; font-size:24px; font-weight:normal; background-color:#418AD1; color:#ffffff; background-position: 24px 23px; background-image: url('/img/NavArrowRew.png'); background-repeat:no-repeat; cursor:pointer;}
a.BPBackLink:hover{background-color:#F7941D;}

.blogpostlink{color:#418ad1 !important; text-decoration: underline !important; font-weight:bold; cursor:pointer;}
.blogpostlink:hover{color:#f7941d !important;}




/*Pretplata*/
#divBlogSubscribe{float:left; margin:0px;padding:10px;}
#divBlogSubscribe #email{width:170px; padding:5px; margin: 0 0 10px 0px; text-align:center}
#divBlogSubscribe #subscribe{width:170px; background-color:#418AD1; cursor:pointer; padding:5px; color:#fff; text-align:center}
#divBlogSubscribe #subscribe:hover{background-color:#F7941D}
#divBlogSubscribe #divSubscribeForBlogResult{width:160px; padding:5px; margin-top:15px;}



/*Tools */
.RTCalculate{background-color: #418AD1; float:right; margin: 15px 0px; text-align: left; width: 339px; color:#fff; padding: 20px 19px; background-position: 287px 15px; width: 300px; background-image: url('/img/NavArrow.png'); font-size:14px; background-repeat:no-repeat; cursor:pointer;} 
.RTCalculate:hover{background-color: #F7941D;}
.CHLC-TotalWrapSingle{background-color: #6BBD46;}
table.CurrencyRateContainer,table.DnevnicePoDrzavamaContainer{font-size:14px;}
table.CurrencyRateContainer tr td,table.CurrencyRateContainer tr th,table.DnevnicePoDrzavamaContainer tr td,table.DnevnicePoDrzavamaContainer tr th{padding:5px;}
table.CurrencyRateContainer tr th,table.DnevnicePoDrzavamaContainer tr th{color:#fff;}
tr.CRTitleRow,.DPDTitleRow{font-size:14px; font-weight:bold; padding:5px 0px; background-color:#418AD1; color:#fff;}
.DPDTitleRow{float:left;width: 760px;}
tr.CRDataRow,.DPDDataRow{font-size:14px; padding:5px 0px; border-bottom:1px solid #efefef}
th.CRTJedinica,th.CRTKupovni,th.CRTSrednji,th.CRTProdajni,td.CRTJedinica,td.CRTKupovni,td.CRTSrednji,td.CRTProdajni,.DPDMaxNeoporeziviIznos{text-align:right;}
.DPDDataRow{float:left;}
table.CurrencyRateContainer tr.CRDataRow:hover td{background-color:#F7941D; color:#FFFFFF;}
table.CurrencyRateContainer tr.CRDataRow:hover td.CRTValuta{font-weight:bold;}
.DnevnicePoDrzavamaContainer .CRDataRow:hover div{background-color:#F7941D; color:#FFFFFF;}
.DPDDrzava,.DPDMaxNeoporeziviIznos,.DPDValuta{width:430px; float:left; padding:5px;}
.DPDMaxNeoporeziviIznos{width:230px;}
.DPDValuta{width:70px; float:left;}
.DPD15rowscontainer_active{visibility:visible; display:inline; float:left;}
.DPD15rowscontainer{visibility:hidden; display:none}
.DPD_page_active,.DPD_page{background-color:#418AD1; color:#FFFFFF;font-size:14px; float:left; padding:5px 15px; cursor:pointer; margin-right:5px;}
.DPD_page_active:hover,.DPD_page:hover{background-color:#F7941D;}
.DPD_page_active{background-color:#F7941D;}



/*************************************************************  */
/*--------------- Store Menu aplikacija ---------------------------  */
/**************************************************  */
.R2CR_Menu_App_Container{width:250px; height:60px; float:left; clear:both; position:relative; margin:0px; border:0px; padding: 0px 10px 10px; font-size:14px;}
.R2CR_Menu_App_Container:hover{cursor:pointer}
.R2CRMAC_Title{color:#fff;float:left;text-align:right; width:175px; height:19px; background-color:#77bbea; padding: 22px 7px 19px 7px;}
.R2CRMAC_Title:hover{font-weight:bold;}
.R2CRMAC_Img_Ident{float:left; width:60px; height:60px;}


	
	
	
	
	
	/*	--------------------------------------------------
	END Navigation
	-------------------------------------------------- */	
	#Relago_Big_Slider {
	width: 960px;
	height: 450px;
	background: #000 url('/img/loading2.gif') no-repeat center center;
	overflow: hidden;
	float:left;
	position:relative;
	z-index: 1;
}
#Relago_Big_Slider>img, #Relago_Big_Slider>div, #Relago_Big_Slider>a { display: none; float:left;}

#Relago_Big_Slider h1{
width: 600px;
padding: 50px 0px 0px 90px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
text-align: left;
color: #fff;
text-shadow: #001c30 3px 3px 1px;
}
#Relago_Big_Slider h3{
width: 600px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
padding: 5px 0px 0px 90px;
text-align: left;
color: #fff;
text-shadow: #001c30 2px 2px 2px;
}


/* MAIN's
   ================================================== */
#Relago_main_body{
	background: #fff;
	width: 960px;
	float: left;
	margin: 0px;
	border: 0px;
	min-height:500px;
	position:relative;
		}

h1,.h1 {
	font-size: 50px;
	text-align: left;
	border-bottom: 1px solid #F7941D;
	padding: 5px;
	float: left;
	width: 950px;
	font-weight:normal;
}


h2,.h2 {color: #F7941D;
font-size: 24px;
text-align: left;
padding: 5px 5px 5px 15px;
position:relative;
margin:10px 0px;
	font-weight:normal;
    padding-left:0px;
    line-height:30px;
}
.Relago_GridRow,.Relago_GridRow_CC_Auth_OK_visible,.CC_Action_visible,.Relago_GridRow_CC_Auth_fail_visible,.CC_cancel_visible,.Relago_GridRow_CC_Auth_cancel_visible {
	display: block;
	clear: both;
	float: left;
	width: 960px;
	position: relative;
	margin-bottom:10px;
	z-index:1;
}
.Relago_GridRow_warning {
	display: block;
	clear: both;
	float: left;
	width: 760px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#ff7171;
	padding: 25px 100px;
	font-size:14px;
}
.Relago_GridRow_ok {
	display: block;
	clear: both;
	float: left;
	width: 760px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#72bbee;
	padding: 25px 100px;
	font-size:14px;
	margin:10px 0px;
}
.Relago_GridRow_notification {
	display: block;
	clear: both;
	float: left;
	width: 760px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#b55b5b;
	padding: 25px 100px;
	font-size:14px;
	margin:10px 0px;
}



.Relago_GridRow_cart_warning {
	display: block;
	clear: both;
	float: left;
	width: 860px;
	position: relative;
	color:#fff;
	font-weight:bold;
	background-color:#ff7171;
	padding: 15px 50px;
	font-size:16px;
	margin: 5px 0px;
}
.Relago_GridRow_cart_warning ul li,.Relago_GridRow_cart_notification ul li{margin:5px 30px 0px 60px; list-style:circle; color:#ffffff; font-weight:normal;}
.Relago_GridRow_cart_notification{
	display: block;
	clear: both;
	float: left;
	width: 860px;
	position: relative;
	color:#fff;
	font-weight:bold;
	background-color:#998881;
	padding: 15px 50px;
	font-size:16px;
	margin: 5px 0px;
}


.Relago_GridRow_success {
	display: block;
	clear: both;
	float: left;
	width: 760px;
	position: relative;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#71FF7B;
	padding: 25px 100px;
}
.Relago_Service_Box {
	padding: 6px;
	float: left;
	width: 180px;
}
.Relago_Service_Title {
	color: #001c30;
	width: 140px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-style: normal;
	float: right;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: bottom;
	text-align: left;
}
.Relago_Service_Box_Text {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 30px;
	font-size: 12px;
}
.Relago_Service_Thumbnail {
    background-image: url(/img/sprite.png);
    background-position: -100px -160px;
	float: left;
	height: 20px;
	width: 20px;
	padding: 0px;
	margin: 7px 0px;
	cursor:hand;
	cursor:pointer;
}

.Relago_Service_Box2 {
    float: left;
    margin: 10px;
    width: 460px;
}
.Relago_Service_Title2 
{
    float: left;
    font-size: 24px;
    padding: 5px 10px;
    text-align: left;
    vertical-align: bottom;
    width: 300px;   
    margin-top: 10px;
}
.Relago_Service_Box_Text2 {float:left;    
 padding: 5px 10px;
 width: 300px; font-size:14px; line-height:20px;}
 
.Relago_Service_Thumbnail2 {
	float: left;
	height: 110px;
	width: 120px;
	padding: 0px;
	margin: 10px;
}
.Relago_Testimonial_Box1{float: left; width: 470px; height:130px; margin:10px 20px 20px 0px; position:relative;}
.Relago_Testimonial_Box_Showcase{float: left; height:130px; background-color: #FFFFFF;
    left: 355px;
    padding: 0px;
    position: absolute;
    bottom: 159px;
    width: 544px; background-image: url('/img/loading6.gif'); background-repeat:no-repeat; background-position:240px 15px;}

.Relago_app_feat_list_container{float:left; width:200px; margin:10px 10px 0px 0px;}
.Relago_app_feat_details_container{float:left; width:750px;}
.Relago_partner_details_container{float:left; width:960px;}

.RAFL_item{padding:10px 0px 10px 10px; margin:3px 0px; font-size:14px; cursor:pointer;}
.RAFL_item:hover{color:#F7941D}
.RAFL_item_current{padding:10px 0px 10px 10px; margin:3px 0px; font-size:14px; background-color:#418AD1; cursor:pointer; background-image: url(/img/NavArrow.png); background-position: 152px 5px; background-repeat:no-repeat; color:#ffffff;}

.WebDesignPackages{float:left; width:260px; margin:5px; background-color:#418ad1; color:#ffffff; font-size:14px; line-height: 20px; padding:20px}
.WebDesignPackages b{font-size:18px}

.Relago_GridRow_Showcase_Big{clear: both;
    display: block;
    float: left;
    position: relative;
    width: 760px;
    z-index: 1;}
    
.Relago_GridRow_Showcase_Big_invisible{display:none}
    
.SBTTitle{float:left; width:760px;clear:none; padding:10px 0px 10px 0px; font-size:34px;}
.RGPTTitle{float:left; width:590px;clear:none; padding:0px 0px 10px 0px; font-size:34px;}
.Showcase_Big_Image{float:right; width:280px; clear:none; padding:0px 0px 0px 20px; height:230px; position:relative;}
.Showcase_Big_Image_Partner{float:left; width:200px; clear:none; margin:0px 10px 10px 0px; height:120px; position:relative;}
.Showcase_Big_Image .ShowcaseInfo{font-size:12px;line-height: 24px; position:absolute; top:-35px; right:-80px; width: 150px; padding:10px;background-color:#F7941D; text-align:center; color:#ffffff;
transform:rotate(20deg);
-ms-transform:rotate(20deg); /* IE 9 */
-moz-transform:rotate(20deg); /* Firefox */
-webkit-transform:rotate(20deg); /* Safari and Chrome */
-o-transform:rotate(20deg); /* Opera */ }

/* Prikaz izdvojenih korisnika - logotipova */
.VipUsersShowcase{width:960px}
.VipUsersShowcase a,.VipUsersShowcase a img {margin:0px; padding:0px; border:none; margin-bottom:10px}
.VipUsersShowcase a img{-webkit-filter: grayscale(1); -webkit-filter: grayscale(40%); filter:gray; filter: grayscale(40%); -webkit-transition: .5s ease; transition: .5s ease;}
.VipUsersShowcase a img:hover{-webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter:inherit; filter: grayscale(0%)}


.SBTText{font-size:14px;line-height: 26px; position:relative; float:left; width:460px; padding:30px 0px;}
.SBTText a{font-size:14px;line-height: 26px;}
.SBTText a:hover{color:#F9941E;}
.SBTPartnerText{font-size:14px;line-height: 26px; width:740px; padding:30px 10px;}
.SBTPartnerTypeText{font-size:14px;line-height: 26px; width:580px; padding:10px;}
.SBNavContainer{float:left; clear:both;width: 760px;margin: 20px 0px;}
.RTLeft{float:left; width:150px; height:70px; clear:none; text-align: left; background-color:White; margin:30px 10px;}
.RTRight{float:left; width:400px; height:130px; clear:none; margin: 0px; background-color:White; text-align:left;}

.RTTestimonialText{float:left; width:382px; padding:10px 0px 10px 10px; clear:none; font-style:italic; font-size:14px; font-weight:normal;}
.RTTestimonialText b{float:left; padding:10px 0px 10px 10px; clear:none; font-style:italic; font-size:14px; font-weight:normal; color:#6BBD46}
.Testimonial_Signature{float:left; clear:both; color:#6BBD46; font-weight:normal;font-size: 14px;font-weight:bold;padding: 0px 0px 0px 10px; width: 382px;}
.Relago_GridRow_PartnerTypeInfo{display: block;float: left; position: relative; width: 560px; z-index: 1; padding:0px 15px 15px 15px;}
.Relago_GridRow_PartnerTypeInfo_invisible{display:none}
.Relago_partner_type_list_container{float:left; width:940px; margin:0px 10px 0px 10px;}
.RPType_item{float:left; padding:20px; margin:10px; font-size:14px; cursor:pointer;}
.RPType_item:hover{color:#F7941D}
.RPType_item_current{float:left; padding:20px; margin:10px; font-size:14px; background-color:#418AD1; cursor:pointer;color:#ffffff;}
.Relago_GridRow_PartnerType_details_container{float:left; width:930px;}

.Relago_GridRow_Partner_Big{ display: block; float: left;  position: relative; width: 440px; padding:0px 20px 20px 20px;}
.Relago_GridRow_Partner_Big .SBTTitle,.Relago_GridRow_Partner_Big .SBTPartnerText{width: 440px;}

.Showcase_Big_TextL a{float:right; font-style:normal;}
.Showcase_Big_TextR a{float:left; font-style:normal;}

.StoreFAQContainer{float:left; clear:both; width:960px; position:relative;}
.StoreFAQQuestion {float:left; width:850px; padding: 7px 0px 10px 30px; font-size:24px; color:#418AD1; clear:right; position:relative;}
.StoreFAQAnswer {float:left; width:850px; padding: 0px 0px 30px 30px; font-size:14px;line-height: 24px; position:relative;}

.RelagoStore_IncludedFeatures{float:left; width:300px; padding:5px; margin: 5px; font-size:14px;}
.RelagoStoreFeat_Checkbox{background-image: url(/img/sprite.png); background-position: -82px -364px; float: left; height: 20px; width: 20px; margin-right: 10px;}

/*************************************************************  */
/*--------------- RELAGO STORE MOGUCNOSTI -------------  */
/**************************************************  */



.Relago_App_Showcase_Container{cursor:pointer;float:left; width:470px; padding:0px; margin:10px 5px; color:#fff; background-color:#418AD1; position:relative;}
.RAS_top{}
.RAS_bottom{float:left; width:300px; background-image: url(/img/apps_topandbottom.png); background-position: 0px -96px; width:300px; height:48px; background-color:#ffffff;}
.RAS_Icon{float:left; clear:none; width:60px; height:60px; padding:10px; margin:0px}

.RAS_Title{float:left; width:360px; height:80px;}
.RAS_Title_Home{float:left; width:230px; height:80px;}
.RAS_Title h1,.RAS_Title_Home h1 {font-size:30px; color:#fff; text-align:left; border:none; width:auto; margin-top: 22px; padding:0;}
.RAS_Title p,.RAS_Title h2 {font-size:30px; color:#fff; text-align:left; border:none; width:auto; margin:0; padding:0;}
.RAS_Desc{float:left; width:260px; padding:0px 10px; font-size: 14px; line-height: 26px; text-align:center; margin-bottom: 10px;}
.RAS_Button{float:left; width:140px; padding:5px 10px 45px; font-size:24px; text-align:center; background-image: url(/img/NavArrow.png); background-position: 70px 43px; background-repeat:no-repeat;}
.RAS_Button_Home{float:left; width:160px; padding:8px 0px 40px 0px; font-size:24px; text-align:center; background-image: url(/img/NavArrow.png); background-position: 65px 45px; background-repeat:no-repeat;}
.RASC_Other{background-color:#6bbd46;}
.Relago_App_Showcase_Container:hover{background-color:#F7941D;}


.Relago_Store_Tour_thumbs{float:left; width:120px; height:120px; margin:10px 20px; cursor:pointer; position:relative;}
.Relago_Store_Tour_thumbs span {position:absolute; text-transform:lowercase; bottom:0px; text-align:center; color:#333333; width:100px; padding:10px;font-weight: normal;}
.Relago_Store_Tour_thumbs:hover{ transition: all 0.3s ease-in-out 0s;}
.Relago_Store_Tour_thumbs:hover span{color:#F7941D;}

.PutniTourFeat1hov,.PutniTourFeat2hov,.PutniTourFeat3hov,.PutniTourFeat4hov,.PutniTourFeat5hov,.PutniTourFeat6hov,.PutniTourFeat7hov,.RacuniTourFeat1hov,.RacuniTourFeat2hov,.RacuniTourFeat3hov,.RacuniTourFeat4hov,.RacuniTourFeat5hov,.ClanstvoTourFeat1hov,.ClanstvoTourFeat2hov,.ClanstvoTourFeat3hov,.ClanstvoTourFeat4hov,.DokumentiTourFeat1hov,.DokumentiTourFeat2hov,.DokumentiTourFeat3hov,.DokumentiTourFeat4hov,.RezervacijeTourFeat1hov,.RezervacijeTourFeat2hov,.RezervacijeTourFeat3hov,.RezervacijeTourFeat4hov{background-image: url(/img/appstour1.png)}



  
.PutniTourFeat1hov{background-position: -240px -120px;}
.PutniTourFeat2hov{background-position: -480px -120px;}
.PutniTourFeat3hov{background-position: -840px -120px;}
.PutniTourFeat4hov{background-position: 0px -120px;}
.PutniTourFeat5hov{background-position: -960px 0px;}
.PutniTourFeat6hov{background-position: -1200px 0px;}
.PutniTourFeat7hov{background-position: -1320px 0px;}
.RacuniTourFeat1hov{background-position: -120px -120px;}
.RacuniTourFeat2hov{background-position: -360px -120px;}
.RacuniTourFeat3hov{background-position: -600px -120px;}
.RacuniTourFeat4hov{background-position: -720px -120px;}
.RacuniTourFeat5hov{background-position: -1080px 0px;}
.ClanstvoTourFeat1hov{background-position: -1320px -120px;}
.ClanstvoTourFeat2hov{background-position: -960px -120px;}
.ClanstvoTourFeat3hov{background-position: -1080px -120px;}
.ClanstvoTourFeat4hov{background-position: -1200px -120px;}
.DokumentiTourFeat1hov{background-position: 0px 0px;}
.DokumentiTourFeat2hov{background-position: -120px 0px;}
.DokumentiTourFeat3hov{background-position: -240px 0px;}
.DokumentiTourFeat4hov{background-position: -360px 0px;}
.RezervacijeTourFeat1hov{background-position: -840px 0px;}
.RezervacijeTourFeat2hov{background-position: -480px 0px;}
.RezervacijeTourFeat3hov{background-position: -600px 0px;}
.RezervacijeTourFeat4hov{background-position: -720px 0px;}





.Relago_Store_Apps_List_Nav{float:left; background-color:Blue; width:600px; height:250px; margin:0px 10px; cursor:pointer;}

a.Relago_StoreNav_BackToApp, a.Relago_StoreNav_FreeTrial, a.Relago_StoreNav_Pricing, a.Relago_StoreNav_Tour {float:left; width:230px; padding:18px; color:#ffffff; font-size:26px; text-align:center; font-weight:normal; cursor:pointer; line-height:36px; margin:10px 20px; background-image: url(/img/NavArrow.png); background-position: 218px 40px; background-repeat:no-repeat;}
a.Relago_StoreNav_BackToApp{background-color:#418AD1;}
a.Relago_StoreNav_BackToApp:hover{background-color:#F7941D;}
a.Relago_StoreNav_FreeTrial{background-color:#6BBD46; margin:5px 10px; width:250px; padding:23px; background-position: 239px 40px;}
a.Relago_StoreNav_FreeTrial:hover{background-color:#F7941D; color:#ffffff;}
.paragraph a.Relago_StoreNav_FreeTrial:hover{background-color:#F7941D; color:#ffffff;}
a.Relago_StoreNav_FreeTrial b{font-size:12px; line-height:18px; font-weight:normal;}
a.Relago_StoreNav_Pricing {background-color:#418AD1;}
a.Relago_StoreNav_Pricing:hover {background-color:#F7941D;}
a.Relago_StoreNav_Tour {background-color:#418AD1;}
a.Relago_StoreNav_Tour:hover {background-color:#F7941D;}

a.Relago_StoreNav_FreeTrial_Big {background-color:#6BBD46;float:left; width:900px; padding:18px; color:#ffffff; font-size:26px; text-align:center; font-weight:normal; cursor:pointer; line-height:36px; margin:10px 12px; background-image: url(/img/NavArrow.png); background-position: 867px 47px; background-repeat:no-repeat;}
a.Relago_StoreNav_FreeTrial_Big b{font-size:12px; line-height:18px; font-weight:normal;}

.post_date{
float:right;
position:absolute;
bottom: 0px;
right: 0px;
font-size:9px;
padding: 2px;
}
.paragraph{
	float:left;
font-size: 14px;
text-align: left;
color: #333;
padding: 15px;
line-height:22px;
	}
.paragraph a{font-size:14px;}
.paragraph a:hover{color:#F7941D}
	
.paragraph_image_right{
	width: 200px;
	height: 150px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
	float:right;
	margin: 10px;
	}
	
.paragraph_image_left{
	width: 200px;
	height: 150px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
	float:left;
	margin:10px 10px 10px 0px;
	}
	
.Relago_service_showcase{height: 700px;width: 100%;float:left;clear: both;position: relative; background-color:#21588d;}
.Relago_app_list_showcase{height: 450px;width: 100%;float:left;clear: both;position: relative; background-color:#21588d;}
	
.Relago_service_showcase_text{	float: left;font-size: 48px; position: absolute; left: 30px;	top: 100px;	color:#ffffff; width:480px;	}

.Relago_app_list_showcase_text{float: left;font-size: 48px; position: absolute;	left: 30px;	top: 200px;	color:#ffffff; width:900px;	}	
.Relago_app_list_showcase_text b,.Relago_app_list_showcase_text b a{font-size: 18px; line-height:28px; font-weight:normal; color:#ffffff;}
.Relago_app_list_showcase_text b b,.Relago_app_list_showcase_text b a{font-weight:bold;}
	
	
.Relago_service_showcase_features{
	float: left;
	font-size: 12px;
	position: absolute;
	left: 30px;
	bottom:30px;
	width:270px;
	background-color:#ffffff;
	padding:15px;
	height:229px;line-height: 24px;
	}
	
.Relago_service_showcase_text b{font-size: 18px; line-height:28px; font-weight:normal;}
.Relago_service_showcase_text b b{font-weight:bold;}

.Relago_service_showcase_text a{
	color:#ffffff;
	}
	

.RSS_Ribbon_Left{width:2460px; border:1px solid #333; height:320px; position:absolute; left:-1500px; top:0px;}
.RSS_Ribbon_Right{width:100px; border:1px solid #333; height:320px; position:absolute; left:959px; top:0px;}


.GridRow_Advert {
	position: relative;
	padding-left: 116px;
}

.Grid_Row_Left {
	float: left;
	width: 305px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.Grid_Row_Right {
	width: 580px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
}
.Relago_features {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 12px;
}
.Relago_list{list-style-type:disc;}
	
/* Specific to example one */

#Relago_tabs {padding: 10px; margin: 0 0 20px 0}

#Relago_tabs .nav {
	overflow: hidden;
	margin: 0 0 10px 315px;
}
#Relago_tabs .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#Relago_tabs .nav li.last { margin-right: 0; }
#Relago_tabs .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0;}
#Relago_tabs .nav li a:hover { background-color: #111; }

#Relago_tabs ul {list-style: none; }
#Relago_tabs ul#osnovni a li:hover { background: #0088e6; color: white;}
#Relago_tabs ul#standardni a li:hover { background: #006cb7; color: white;}
#Relago_tabs ul#napredni a li:hover { background: #00406d; color: white;}
#Relago_tabs ul li:last-child a { border: none; }

#Relago_tabs ul li.nav-one a.current, #Relago_tabs ul li.nav-two a.current, #Relago_tabs ul li.nav-three a.current { color: white;}
#Relago_tabs ul li.nav-one a.current{ background-color: #0088e6}
#Relago_tabs ul li.nav-two a.current{ background-color: #006cb7}
#Relago_tabs ul li.nav-three a.current{ background-color: #00406d}

.Relago_Service_Box a:hover {color:#000; background-color:#FFF;}
.PackageContainer {
	width: 940px;
	background-color: #DAE2FF;
	padding-bottom: 10px;
	clear: right;
	position: relative;
	height: 290px;
}
  
.PackageUp {
	width: 860px;
	color: #fff;
	background-color: #e68787;
	text-align: center;
	padding: 20px;
	position: absolute;
	left: 20px;
	top: 20px;
}

.PackageDown {
	width: 940px;
	padding: 0px;
	position: absolute;
	top: 105px;
}
.PackageFeatureBox {
	color: #FFF;
	background-color: #001c30;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	float: right;
	clear:both;
	text-align: right;
	padding: 10px;
	margin: 20px 10px 10px 10px;
	box-shadow: 0px 0px 10px #001c30; /* CSS3 */
    -moz-box-shadow: 0px 0px 10px #001c30; /* Firefox */
    -webkit-box-shadow: 0px 0px 10px #001c30; /* Safari, Chrome */
}
     
.PackagePeriod {
	padding: 5px 0px;
	width: 286px;
	text-align: center;
	display:inline-block;
	float: left;
	clear:both;
	font-size:50px;
}

.PackageAddToCart a{
	display:inline-block;
	text-align: center;
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: normal !important;
}
.PackageAddToCart {
	padding: 5px 0px;
	width: 286px;
	text-align: center;
	display:inline-block;
	float: left;
	font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif;
	color: #fff;
	font-weight: normal !important;
	
}

.ShoppingCartIcon {
    background-image: url(/img/sprite.png);
    background-position: -125px -160px;
	height: 20px;
	width: 20px;
	margin: 5px;
	float: left;
	display:inline-block;
}
.PackageHolder{
	display:inline-block;
	float:left;
	padding:0px;
	font-weight:normal;
	color:#FFF;
	width: 281px;
	height: 130px;
	margin:0px 0px 0px 25px;
	padding:20px 0px;
	background-color:#006cb7;
}
.PackageHolder:hover {
	background-color:#001E33; text-decoration:underline;}
	
/* Shopping Cart */
/* Shopping Cart */
/* Shopping Cart */


.SCNumber{
	text-align:right;
	padding: 0px 3px;
	width:25px;
	}
.SCItemIcon{
	text-align:right;
	padding: 5px;
	width:40px;
	}
.SCItemName{
	text-align: left;
	padding: 0px 5px;
	width:699px;
	}
.SCItemPrice{
	text-align:right;
	padding: 0px 5px;
	width:100px;
	}
.SCRemove{
	text-align:center;
	padding: 0px 5px;
	width:60px;
	}
	
.SCTotalPrice{
	text-align:right;
	width:100px;
	padding: 5px;
	font-weight:bold;
	}
.SCTotalTag{
	text-align:right;
	padding: 5px;
	font-weight:bold;
	}
.SCShortItemName{
	text-align: left;
	padding: 0px 5px;
	width:195px;
	}
.COthreetabs1{
	padding: 10px;
	vertical-align:top;
	width:180px;
	}

.RelagoThreetabs{
	padding: 10px;
	float: left;
	vertical-align:top;
	width: 300px;
	}
	
/* Okvir za načine plaćanja */
/* Okvir za načine plaćanja */
/* Okvir za načine plaćanja */


.Payment_Options_Container{float:left; width:920px; margin:5px 20px 20px 20px;min-height:150px;font-size:14px;}
.Payment_Options_Row{border:1px solid #6fb9ec;margin: 10px 5px; padding:10px; width:880px; float:left; clear:both;height:50px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    border-radius: 10px; cursor:pointer;}
.Payment_Options_Row:hover{border:3px solid #6fb9ec; margin: 8px 3px;}
.POR_Checkmark{float:left;width:30px;margin-right:20px; margin-top:10px}
.POR_Title{float:left;width:300px; margin-top:15px}
.POR_Content{float:left; width:625px;}
.POC_amex,.POC_master,.POC_maestro,.POC_visa,.POC_diners,.POC_wspay {float:left;background-image: url(/img/sprite.png);height: 50px; margin-right:5px;}


.POC_visa{width: 80px; background-image: url(/img/sprite.png); background-position: -165px -1164px;}
.POC_master{width: 80px; background-image: url(/img/sprite.png); background-position: -165px -1214px;}
.POC_maestro{width: 80px; background-image: url(/img/sprite.png); background-position: -165px -1264px;}
.POC_amex{width: 62px; background-image: url(/img/sprite.png); background-position: -165px -1314px; display:none}
.POC_diners{width: 64px; background-image: url(/img/sprite.png); background-position: -165px -1364px;}
.POC_wspay{width: 107px; background-image: url(/img/sprite.png); background-position: -165px -1414px;}
.POC_GeoTrust{float:left; margin: -3px 0px 0px 5px; width:115px; height:50px;}
.POC_GeoTrust 

    #el01 {width:100%} /* Width */
    #el02 { /* Text and background colour, blue on light gray */
    color:#00f;
    background-color:#ddd;
    }
    #el03 {background:url(/i/icon-info.gif) no-repeat 100% 50%} /* Background image */
    #el04 {border-width:6px} /* Border width */
    #el05 {border:2px dotted #00f} /* Border width, style and colour */
    #el06 {border:none} /* No border */
    #el07 {padding:1em} /* Increase padding */
    #el08 { /* Change width and height */
    width:4em;
    height:4em;
    }
.puff {
	position: absolute;
	width: 0px;
	height: 0px;
}


.spawn {
	float: left;
	margin-right: 50px;
	margin-left: 50px;
}

/* Sigurno On-line plaćanje */
/* Sigurno On-line plaćanje */
/* Sigurno On-line plaćanje */

.Credit_Card_Type_Choice_Container{float: left; clear: both; width:960px; margin:2px 0px 0px 0px; padding:0px;}
.CCT_Identities_Row,.CCT_radio_buttons_row{float: left; clear: both; width:780px; margin:2px 0px 0px 0px; padding:0px 0px 0px 130px;}
.CCT_radio_button,.CCTI_Container{float: left; width:120px; margin:0px 10px; padding:0px; text-align:center;}

.CCT_Title{float: left;width:120px; text-align:center; margin:5px 0px 2px 0px}

/* SIGN IN Popup*/
/* SIGN IN Popup*/
/* SIGN IN Popup*/

/* Mask for background, by default is not display */
#signinmask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

/* You can customize to your needs  */
.login-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close { /*Position the close button*/
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
        border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
    border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}
.button:hover { background:#ddd; }


/* Registracija */
/* Registracija */
/* Registracija */

.RelagoGroupOne {
	background-color: #87bfe6;
	width:380px;
/*	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;   */
	float: left;
	clear:both; 
	min-height: 180px;
	text-align: right;
	padding: 10px 10px 20px 10px;
	margin: 20px 10px 10px 10px;
/*	box-shadow: 0px 0px 10px #001c30; /* CSS3 */
/*    -moz-box-shadow: 0px 0px 10px #001c30; /* Firefox */
/*    -webkit-box-shadow: 0px 0px 10px #001c30; /* Safari, Chrome */
}
.RelagoGroupOneTitle {
	color:#FFF;
	float: left;
	text-align: left;
	padding: 10px 20px;
	font-size: 24px;
	font-weight: bolder;
	width:340px;
	clear:both;
}

.RelagoGroupOne .Gridrow {width:370px}


.RegInfo {width: 450px;	float:left;}

.RegInfoRow{
	padding:10px;
	margin: 10px;
	float:left;
	position:relative;
	}
.RegInfoTick{
    background-image: url(/img/sprite.png);
    background-position: -60px -2538px;
	height: 60px;
	width: 60px;
	float:left;
}
.RegInfoText{
	position:relative;
	top: -1px;
	width: 330px;
	float:left;
	text-align:left;
	padding: 10px;
	}
.RelagoRegLeft {
	width: 480px;
	float: left;
	text-align: right;
	padding: 0px;
}
.RelagoRegRight {
	width: 480px;
	float: left;
	text-align: right;
	padding: 0px;
}

a.RelagoRegisterButton{float:left; width:960px; padding:30px 0px; font-size:22px; color:#ffffff;text-align:center; background-color:#418AD1; background-image: url('/img/NavArrow.png'); background-position: 850px 30px; background-repeat: no-repeat; cursor:pointer;font-weight: normal;}
a.RelagoRegisterButton:hover{background-color:#F7941D;}

a.RelagoRegisterButton_disabled{float:left; width:960px; padding:30px 0px; font-size:22px; color:#ffffff;text-align:center; background-color:#418AD1; background-image: url('/img/NavArrow.png'); background-position: 850px 30px; background-repeat: no-repeat;font-weight: normal;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */ filter: alpha(opacity=50);
  /* Netscape */ -moz-opacity: 0.5;
  /* Safari 1.x */ -khtml-opacity: 0.5;
  /* Good browsers */  opacity: 0.5;}

.AfterREGStepsCont{float:left; background-color:#418AD1; margin: 10px 0px; padding:5px; color:White; width:580px;}
.AfterREGStepsCont:hover{background-color:#F7941D;}
.ARSNumber{float:left; width:60px; font-size:80px; text-align:center; height: 80px; line-height: 75px;}
.ARSImage{float:left; width:60px; margin:10px;}
.ARSText{padding:5px}
.hand:hover {cursor:pointer;}

#App_Mogucnosti{background:url(/img/Mogucnosti.gif) no-repeat top left #fff;}
#App_Paketi{background:url(/img/Paketi.gif) no-repeat top left #fff;}
#App_Znacajke{background:url(/img/Znacajke.gif) no-repeat top left #fff;}

#App_Mogucnosti, #App_Paketi, #App_Znacajke {color:#F7941D; padding-left: 50px; margin: 10px 5px; border: 0px; font-size:30px;}

.PackageGrid {width:375}


/* Relago 2 Column Layout (960 = 640 + 320) */
/* Relago 2 Column Layout (960 = 640 + 320) */
/* Relago 2 Column Layout (960 = 640 + 320) */



.Relago2ColumnLeft,.Relago2ColumnRight,.R2CR_GridRow,.R2CL_GridRow.R2CR_GridRow,.R2CL_GridRow,.R2CL_TitleRow,.R2CR_TitleRow,.R2CLT_Image,.R2CLT_Text,.R2CRT_Image,.R2CRT_Text,.R2CL_Content,.R2CR_Content{float:left; padding: 0px; margin:0px;}

.Relago2ColumnLeft {width: 640px;min-height:300px;}
.Relago2ColumnRight {width: 320px;min-height:300px;}

.R2CL_GridRow{width: 640px; margin-bottom:40px;}
.R2CR_GridRow{width: 320px; margin-bottom:40px;}

.R2CL_TitleRow{width: 640px;}
.R2CLT_Image,.R2CRT_Image{width:40px;height:40px; position:relative;}
.R2CLT_Text,.R2CRT_Text{font-size:24px; margin:10px 0px 0px 10px; width:400px;}

.R2CR_TitleRow{width: 320px;}

.R2CL_Content{width: 640px;}
.R2CR_Content{width: 320px;}

.R2CR_App_Container{width:297px; height:60px; float:left; clear:both; position:relative; margin:13px 3px 5px 13px;	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:0px; padding: 5px; font-size:14px;}
.R2CR_App_Container:hover{border:3px solid #77bbea; margin:10px 0px 2px 10px; cursor:pointer;}

.MGM_Partners_Container{float:left; padding: 0px; margin:0px; width:640px;}
.MGMPC_PartnerItem{float:left; padding: 0px; margin:0px; margin:10px;}
.MGMPC_P1,.MGMPC_P2,.MGMPC_P3,.MGMPC_P4,.MGMPC_P5,.MGMPC_P6{width:100px; height:70px; background-image: url(/img/partners-70x100.jpg); background-position: 0px 0px; background-repeat:no-repeat; float:left}
.MGMPC_P2{background-position: -100px 0px;}
.MGMPC_P3{background-position: -200px 0px;}
.MGMPC_P4{background-position: -400px 0px;}
.MGMPC_P5{background-position: -400px 0px;}
.MGMPC_P6{background-position: -500px 0px;}




/*--------------- Apps On MyRelago ---------------------------  */
.R2CR_App_Container_AppActive,.R2CR_App_Container_TrialExpired,.R2CR_App_Container_TrialActive,.R2CR_App_Container_TrialDenied,.R2CR_App_Container_WaitingTrialApproval,.R2CR_App_Container_ApplyForTrial,.R2CR_App_Container_nonactive,.R2CR_App_Container_AppExpired{background-color: #77bbea; border: 0 none; border-radius: 0;  clear: none; cursor: pointer; float: left; font-size: 14px; font-weight: normal; height: auto; margin: 5px 5px 5px 3px; padding: 0; position: relative; width: 312px; color:#ffffff;}
.R2CR_App_Container_AppActive:hover{border:3px solid #77bbea; margin:2px 2px 2px 0px;}
.R2CRAC_Package,.R2CRAC_Info {float: left; height: 18px; padding: 10px 0px; text-align: left; width: 237px;}
.R2CRAC_Title{float: left; font-size: 30px; height: auto; line-height: 24px;  padding: 15px 0 15px 10px; text-align: center; width: 302px; background-color:#6bbd46;}
.R2CRAC_Img_Ident{float:left; width:60px; height:60px; margin: 5px 10px 5px 5px}
.R2CRAC_Action{background-color: #F7941D;  background-image: url("/img/NavArrow.png"); background-position: 263px 7px; background-repeat: no-repeat; float: left; font-size: 14px; line-height: 23px; padding: 10px 15px;  text-align: left; width: 282px;}
.R2CR_App_Container_AppActive:hover > .R2CR_App_Container_AppActive .R2CRAC_Action{background-color:#77bbea}
.R2CRAC_Desc{padding: 10px; text-align: left; font-size:14px; line-height:18px; width: 287px; height:155px}




.R2CR_App_Container_TrialExpired,.R2CR_App_Container_TrialDenied,.R2CR_App_Container_AppExpired,.R2CR_App_Container_nonactive {background-color: #555555;}
.R2CR_App_Container_TrialExpired:hover,.R2CR_App_Container_TrialDenied:hover,.R2CR_App_Container_AppExpired:hover,.R2CR_App_Container_nonactive:hover{border:3px solid #555555; margin:2px 2px 2px 0px;}
.R2CR_App_Container_TrialDenied:hover,.R2CR_App_Container_nonactive:hover{cursor:not-allowed}

.R2CR_App_Container_TrialActive,.R2CR_App_Container_WaitingTrialApproval,.R2CR_App_Container_ApplyForTrial  {background-color: #6bbd46;}
.R2CR_App_Container_TrialActive:hover,.R2CR_App_Container_WaitingTrialApproval:hover,.R2CR_App_Container_ApplyForTrial:hover{border:3px solid #6bbd46; margin:2px 2px 2px 0px;}

.R2CR_App_Container_nonactive .R2CRAC_Action,.R2CR_App_Container_TrialDenied .R2CRAC_Action,.R2CR_App_Container_AppExpired .R2CRAC_Action,.R2CR_App_Container_TrialExpired .R2CRAC_Action{background-image: url("/img/Denied.png"); background-position: 260px 7px; background-repeat: no-repeat; background-color: #555555;}
.R2CR_App_Container_WaitingTrialApproval .R2CRAC_Action{background-image: url("/img/Clock.png"); background-position: 260px 7px; background-repeat: no-repeat;}
.R2CR_App_Container_ApplyForTrial .R2CRAC_Action{background-image: url("/img/Trialrequest.png"); background-position: 260px 7px; background-repeat: no-repeat; background-color:#6bbd46}
.R2CR_App_Container_AppActive .R2CRAC_Title{background-color: #77bbea;}



.R2CL_Excluded_Message_Open{float:left;width:280px; padding:0px 20px 0px 5px; margin:5px 0px 20px 0px; border-left:5px solid #418ad1;clear:both}
.R2CL_Excluded_Message_Closed{float:left; max-width:280px; min-width:100px; padding:0px 5px 0px 9px; margin:3px 15px 3px 0px; height:18px; white-space: nowrap;	overflow: hidden;text-overflow: ellipsis; border-left:1px solid #418ad1; font-size:12px;clear:both}
.R2CL_Excluded_Message_Closed:hover{cursor:pointer; background-color:#418ad1; color:#ffffff}
#Relago_MGM_Promo_Code, #Relago_MGM_Promo_Code{float:left; font-size:14px; width:90px; margin-left:5px; padding: 5px 5px 4px 0;}
.MGMPSC_FirstRow,.MGMPSC_SecondRow{float:left; width:310px;}
.MGMPSC_FirstRow .GridcelloneDocument{width:190px;}
#Relago_MGM_Promo_Code
.Relago_MGM_package_points{width:300px; float:left; text-align:right;}
.Relago_MGM_code_and_percentage{width:250px; float:left; text-align:right;}
.RMGMPP_Row{width:300px; border-bottom: 1px solid #EFEFEF;float: left;}
.RMGMPP_Row_Item,.RMGMCP_Row_Item{float:left;width:65px;padding:5px;}
.RMGMCP_Row{width:250px; border-bottom: 1px solid #EFEFEF;float: left;}




.Breadcrumb_Store{color: #FFFFFF; float: left; font-size: 12px; height: 20px; padding: 0px; width: 960px;}
.BreadcrumbItem{float: left; padding: 2px;}
.BreadcrumbItem a {color: #FFFFFF; font-weight:normal;}
.BreadcrumbDivide{background-image: url(/img/sprite.png); background-position: -80px -223px; background-repeat:no-repeat; width:20px; height:20px; float:left;}

/*************************************************************  */
/*--------------- CONTACTABLE ---------------------------  */
/**************************************************  */

#contactable #contactable_inner {
    background-image: url(/img/sprite.png);
	background-position: -253px -160px;
	color:#FFFFFF;
	cursor:pointer;
	height:102px;
	left:0;
	margin-left:-5px; 
	*margin-left:-5px; 
	overflow:hidden;
	position:fixed;
	*position:absolute;
	text-indent:-100000px;
	top:180px;
	*margin-top:10px;
	width:46px;
	z-index:100;
}
@media screen and (max-width: 1100px){
  #contactable #contactable_inner{
    top:300px;
  }

}

#contactable #contactForm {
	background-color:#87bfe6;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	height:450px;
	left:0;
	margin-left:-400px;
	*margin-left:-434px;
	margin-top:-80px;
	overflow:hidden;
	padding-left:30px;
	position:fixed;
	top:200px;
	width:360px;
	*width:394px;
	z-index:99;
	background-image:url(/img/back.png);
	background-position: bottom;
	background-repeat:no-repeat;
}

#contactable form#contactForm input, textarea {font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif; font-size: 12px;
	background:#FFFFFF none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #dfdfdf;
	margin-bottom:10px;
}

#contactable form#contactForm .submit {
	background: #0086e4 none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #FFF;
	outline-color:-moz-use-text-color;
	font-size:1em;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bolder;
	margin-top:10px;
}

#contactable form#contactForm p {width:325px;font-size:0.9em;}

#contactable form#contactForm .disclaimer {*margin-left:20px;}

#contactable #contactForm .red {color:	#001c30;}

#contactable #overlay {
	background-color:#666666;
	display:none;
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
} 
#contactable .error, #contactable #name.error, #contactable #email.error, #contactable #comment.error { background-color: #ff6c32; }

#contactable form#contactForm label{*margin-left:20px;}

#contactable form#contactForm #loading {
	background: url(/img/ajax-loader.gif) no-repeat;
	width:55px;
	height:55px;
	margin: 100px auto;
	display:none;
}
#contactable #callback {
	font-size:1.1em;
	color: #FFF;
	width:325px;
	margin: 100px auto;	
	display:none;
}
#contactable .holder {
	margin:0 auto;
	*margin-left:20px;
	padding-top:20px;	
}	



/*************************************************************  */
/*--------------- HELP ---------------------------  */
/**************************************************  */

.RelagoHelph2{float:left; clear: both; color:#F7941D; font-size:16px; padding: 20px 0px 5px 5px; font-weight:bold;}
.RelagoHelpparagraph{float:left; clear: both; color:#000000; font-size:12px; line-height:16px; padding: 0px 0px 0px 5px;}
.RelagoHelpparagraph a{color:#418AD1;}
a.backtotop{float:right; clear:both; padding: 2px 10px; font-weight:normal;}
.RelagoHelpTopicListRow{float:left; width:150px; margin: 0px 13px;}
a.RelagoHelpTopicListItem{float:left; margin: 5px 10px; font-weight:normal; width:150px;border-left: 3px solid #F7941D; padding:2px 0px 2px 5px;}
a.RelagoHelpTopicListItem:hover{background-color:#F7941D; border-left: 3px solid #F7941D; padding:2px 0px 2px 5px; color:#ffffff;}



.RH_main,.ROP_main,.RTOS_main{float:left; width: 100%;
/*	background-repeat:repeat;*/
} 
.RH_main_body,RTOS_main_body,.ROP_main_body
{width:540px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    }
.ROP_main_body{width:620px;}
.RH_header_Gridrow{
 width:520px;
 float:left;
 background-color:#389F3C;
 color:#fff;
 padding: 10px 10px 30px 10px;
 margin-bottom:30px;
-moz-border-radius: 0px 0px 36px 12px;
border-radius: 0px 0px 36px 12px;}    
    
 .RTOS_Content{
 width:520px;
 float:left;
 background-color:#389F3C;
 color:#fff;
 padding: 10px 10px 30px 10px;
 margin-bottom:30px;
-moz-border-radius: 0px 0px 36px 12px;
border-radius: 0px 0px 36px 12px;
background-color:#38889f}

.RH_H1
{
 clear:both;
 font-size:33px;
 margin: 10px 0px 20px 0px;
    }
.RH_H1_Search
{float:left;
 width:100%;
 position:relative;
    }
    

.RH_Breadcrumbs__Container
{
    float:left;
    clear:none;
    width:520px;
    padding: 10px 0px;    }
.RH_BC_Home,.RH_BC_ArticleGroup,.RH_BC_Article,.RH_BC_ArticleTheme{
    float:left;
    clear:none;
    padding: 0px 5px;
    }
    

.RH_BC_Home:after,.RH_BC_ArticleGroup:after,.RH_BC_Article:after,.RH_BC_ArticleTheme:after{
content: '->';
} 
.RH_BC_Home:hover,.RH_BC_ArticleGroup:hover,.RH_BC_Article:hover,.RH_BC_ArticleTheme:hover{
cursor:pointer;
text-decoration: underline;
}
    
    
.RH_H1_STitle
{
    height:20px;
    float:right;
}    
.RH_H1_STitle:hover,.RH_H1_SArea:hover
{cursor:pointer;
}
.RH_H1_SArea
{display: none;
 padding: 20px 0px;
 margin: 25px 0px 10px 0px;
 height:30px;
 background-color:#fff;
-moz-border-radius: 5px;
border-radius: 5px;
}
.RH_H1_SAreaOn
{display: block;
 padding: 20px 0px;
 margin: 5px 0px 10px 0px;
 height:30px;
 background-color:#fff;
-moz-border-radius: 5px;
border-radius: 5px;
}
.RH_H1_SAInput
{
    float:left;
 clear:none;
 text-align:center;
 padding: 1px 5px;
}
    
    
.RH_Media_Gridrow
{
    float:left;
 clear:both;
 }


.RH_Gridrow
{float:left;
 clear:both;
 margin-bottom:30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    }
    
.RH_H1_Desc_Title
{float:left;
 clear:both;
 font-weight:bold;
 font-size:16px;
 margin: 0px 0px 10px 10px;
 width:520px;
    }
.RH_H1_Desc_Text
{float:left;
 margin: 5px 10px 25px 0px;
 line-height: 20px;
    }
    
.RH_Section_li
{float:left;
 width:47%;
 margin:0px 3% 30px 0px;
 margin-bottom:30px;
 height: 190px;
 border-bottom: 1px solid #B0E8C0;
 position:relative;
    }
    .RH_SectionArticle_li,.RH_SearchResult_li
{float:left;
 width:520px;
 margin-bottom:10px;
 position:relative;
    }
.RH_SL_TitleContainer
{float:left;
 clear:both;
 font-size:22px;
 margin:10px 0px;
 width:100%;
 height:57px;
 position:relative;
    }
.RH_SectionArticle_li .RH_SL_TitleContainer,.RH_SearchResult_li .RH_SL_TitleContainer{margin:5px 0px;height:30px}
.RH_SectionArticle_li .RH_SL_Text,.RH_SearchResult_li .RH_SL_Text{max-height:100000px;}
.RH_SL_Title
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    padding:4px 0px;
 border-bottom: 1px solid #B0E8C0;
    }
.RH_SL_Text
{
float:left;
 clear:both;
 width: 100%;
 max-height:58px;
 font-size: 12px;
 overflow: hidden;
 line-height:18px;
 text-overflow: ellipsis;
 margin-bottom:20px;
    }
 
.RH_SL_link
{float:left;
 clear:both;
    }
.RH_SL_link:hover{cursor:pointer;}
    
.RH_HelpComment
{
    float:left;
background-color:#520D2B;
color:#fff;
height: 90%;
width: 90%;
-moz-border-radius: 36px 12px 36px 12px;
border-radius: 36px 12px 36px 12px;
padding:5%;
margin-bottom: 30px;
}
.RH_BackNavigation{float:left;clear:both; width:490px; font-size:24px; margin: 15px; padding:15px;}
.RH_BackNavigation:hover{cursor:pointer;}
.RH_HC_Title{
    font-size:32px;
}
ul.RH_HC_Item{font-size:12px;
    list-style-type:circle;
    margin: 20px 10px 0px 40px;
 line-height:20px;
}
ul.RH_HC_Item li{
color:#fff;}
.RH_H1_ArticleThemeIntro
{
    float:left;
    clear:both;
    color:#fff;
    padding: 10px;
    }
    
.RH_H1_ArticleThemeLI{
    float:left;
    clear:both;
    color:#fff;
    margin-left: 35px;
    list-style-type:circle;}
    
    #breadcrumbs-one{
  overflow: hidden;
  width: 520px;
  margin-left:0px;
  padding: 10px;
}

#breadcrumbs-one li{
  float: left;
}

#breadcrumbs-one a{
  padding: .7em 1em .7em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
}

#breadcrumbs-one li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs-one a:hover{
  background: #389F3C;
  color:#fff;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

#breadcrumbs-one a::after{ 
  z-index: 2;
  border-left-color: #ddd;  
}

#breadcrumbs-one a::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 1; 
}

#breadcrumbs-one a:hover::after{
  border-left-color: #389F3C;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  font-weight: bold;
  background: none;
  color:#389F3C;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
  content: normal;  
}
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0; 
}
/*
th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}*/


/*************************************************************  */
/*--------------- RELAGO ORDER PREVIEW ---------------------------  */
/**************************************************  */
.ROP_Content{
 width:620px;
 float:left;
 background-color:#fff;
 font-size:10px;
 color:#001c30;
 padding: 10px 0px 0px 0px;
 margin-bottom:30px;
 line-height: 12px;
clear: both;}
.ROP_Gridrow{float:left; clear: both; width: 100%; margin: 0px 0px 15px 0px;}
.ROP_Gridrow_Footer{float:left; clear: both; width: 100%; margin: 25px 0px 0px 0px; color:#999; text-align:center;}
.ROP_Header_Logo{float:right; margin:0px 10px 0px 0px; background-image: url("/img/sprite.png"); background-position: 0 0; width:134px; height:67px}
.ROP_Header_Info{float:right; width:200px; text-align:left;}
.ROP_For{float:left; width:400px; text-align:left;}
.ROP_For_Title{font-size:20px; font-weight:bold; margin: 5px 0px 10px 0px; text-decoration: underline;}
.ROP_Number{font-size:20px; font-weight:bold; clear:right}
.ROP_Created{float:left; clear:right;margin-top: 10px;}
.ROP_Other_Left{float:left; width:150px; text-align:right; font-weight:bold; margin-right:7px; clear:left;}
.ROP_Other_Right{float:left; width:350px; text-align:left; clear:right;}
#ROP_table{background-color:#f8f8f8; padding:5px;}
.ROPT_r {text-align:right; margin:5px;}
.ROPT_l {text-align:left; margin:5px;}
.ROPT_s {font-weight:bold; font-size:14px;}
#ROPT tr th, #ROPT tr td{padding: 5px;}
#ROPT tr:nth-child(odd)    { background-color:#D3DFEE; }
#ROPT tr:nth-child(even)    { background-color:#fff; }
#ROPT tr:first-child{ background-color:#4F81BD}
#ROPT tr:first-child th{color:#fff; }

#ROPT tr.ValidateRow {background-color:#FF7171}

#RelagoMessageAttachmentsContainer{width:380px; margin: 10px;float:left; clear:both;}
#RelagoMessageAttachmentsContainer a {font-weight:normal; float:left; clear:both; margin: 5px 0px;}
#RelagoMessageAttachmentsContainer a:hover {font-weight:normal; text-decoration:underline; cursor:pointer;}
.ROP_PromoCodeContainer{width:510px;float:left;background-color:#fff;clear:none;margin:10px 20px 10px 0px;border:2px solid #efefef; position:relative;height:140px; position:relative;}
.ROPPC_InputField{position:absolute; height:40px; top:45px; left:0px;}
.ROP_TotalCheckoutContainer{width:406px;float:left;clear:none;margin:10px 0px 10px 20px ;position:relative;}
.GridcellthreeCT{float:left;font-size:32px; width:235px;}
.GridcelloneCT{float: left;font-size: 12px;height: 20px; padding: 18px 5px 0px 0; text-align: right; width: 130px;}
.CC_Action_Container_Left{float:left;clear:none;width:470px; margin-right:10px;}
.CC_Action_Container_Right{float:left;clear:none;width:470px; margin-left:10px;}
.CC_Total_Container_Left{float:left;clear:none;width:476px; margin-right:4px;}
.CC_Total_Container_Right{float:left;clear:none;width:478px; margin-left:2px;}

.CC_ControlNoImage{float:left;clear:both;width:600px;}
.CCCNI_one,.CCCNI_two,.CCCNI_three{float:left;clear:none;width:180px; height:100px; background-image: url("/img/sprite-kartice.jpg"); margin:3px 10px}
.CCCNI_one {background-position:0px 0px;}
.CCCNI_two {background-position:0px -100px;}
.CCCNI_three {background-position:0px -200px;}
.Popup2Col300{float:left;clear:none;width:175px; padding:0px 10px}
.RedirectWarning_visible,.RedirectedContent_visible,.RedirectOutcomeSuccess_visible,.RedirectOutcomeFailure_visible{display:inline; margin-top:150px;}
.RedirectWarning_invisible,.RedirectedContent_invisible,.RedirectOutcomeSuccess_invisible,.RedirectOutcomeFailure_invisible{display:none;}
.CCP_Blanket_active{
    width: 960px;
    height: 100%;
    top:0px;
    position:absolute;
    background-color:#fff;
    z-index:9;
bottom:0;
left:0;
opacity:0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);}
.CCP_Blanket_inactive{height: 0px; width: 0px;}
.Relago_GridRow_CC_Auth_OK_visible,.CC_Action_visible,.Relago_GridRow_CC_Auth_fail_visible,.CC_cancel_visible,.Relago_GridRow_CC_Auth_cancel_visible{display:inline; margin:20px 0px;z-index:10;}
.Relago_GridRow_CC_Auth_OK_invisible,.CC_Action_invisible,.Relago_GridRow_CC_Auth_fail_invisible,.Relago_GridRow_CC_Auth_cancel_invisible,.CC_cancel_invisible {display:none}
.Relago_text_link{font-weight:bold;}
.Relago_text_link:hover{cursor:pointer;}
.specialw1{width:80px} .specialw2{width:220px}
.PromoCodeWarning_visible{position:absolute;display:inline; clear:both; width:490px; top:0px; left:0px; text-align:center; margin:4px; padding:6px; background-color:#ff7171; color:#fff; font-weight:bold;}
.PromoCodeWarning_invisible{display:none;}
.Relago_online_placanje_karticom_button_visible,.Relago_placanje_po_predracunu_button_visible{opacity: 1; height: auto;-webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; -o-transition: opacity 2s ease;    -ms-transition: opacity 2s ease; transition: opacity 2s ease;}
.Relago_placanje_po_predracunu_button_invisible,.Relago_online_placanje_karticom_button_invisible{display: block; opacity: 0; height: 0; overflow: hidden;}
.Relago_primjer_logo{width:150px; height:70px; background-image: url(/img/sprite.png); background-position: -170px -363px; margin: 5px 0px 5px 75px;}
.Relago_primjer_pecat_i_potpis{width:150px; height:70px; background-image: url(/img/PrimjerPecatIPotpis.png); background-position: 0px 0px; margin: 5px 0px 5px 75px;}
.Relago_MGM_InvitationSent_visible{float:left; clear:both; padding:10px; text-align:center;color:#ffffff; background-color:#77BBEA; margin:15px; width:590px;}
.Relago_MGM_InvitationSent_invisible{display:none;}


/*************************************************************  */
/*--------------- RELAGO BANNERS ---------------------------  */
/**************************************************  */
.Leaderboard_banner_container{float: left;margin:10px 116px;clear:none;}
.Medium_rectangle_banner_container{float: right; margin:10px;clear:none;}
.Medium_rectangle_banner_in_paragraph_container{float: right; margin:0px 20px;clear:none;}
.Medium_rectangle_banner_Under_RelagoGroupOne_container{float: left; margin:20px 60px;clear:none;}
.RelaGO_Small_rectangle_banner{float: left; margin:0px 0px 10px 0px; clear:none;}
.RelaGO_Small_high_banner1{float: left; margin:0px 0px 10px 0px; clear:none;}


/*************************************************************  */
/*--------------- RELAGO STORE PRICING TABLE ---------------------------  */
/**************************************************  */
.Relago_pricing_table_first_row{float:left; width:115px; height:559px; padding:0px; position:relative;}
.Relago_pricing_table_first_row div {height:37px; text-align:right; font-size:18px; padding:20px 5px 0px 0px; margin:8px 0px; position:absolute; left:0px; width:105px;background-color: #418AD1; color: #FFFFFF;}


.Relago_pricing_table {  
    float:left;  
    margin-top: 10px; margin-left:10px; padding-bottom:20px; 
}  
.Relago_pricing_table ul {
    list-style:none;
    background-color:#418AD1;
    float:left;  
    width:265px;  
    height:550px;
    margin:0px 10px;
    text-align:center;
    position:relative;
   -webkit-transition: -webkit-transform .1s ease-out; 
   -moz-transition: -moz-transform .1s ease-out; 
   -o-transition: -o-transform .1s ease-out;
}  
.Relago_pricing_table ul.small {margin-left:0px}
.Relago_pricing_table ul.custom {margin-right:0px}
.Relago_pricing_table ul:hover {  
    -webkit-transform: scale(1.051);  
    -moz-transform: scale(1.051);  
    -o-transform: scale(1.051);  
    -moz-box-shadow:3px 5px 7px rgba(0,0,0,.7);  
    -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);  
    box-shadow:3px 5px 7px rgba(0,0,0,.7);   
}  
.Relago_pricing_table ul:hover li.title{background-color:#418AD1;}
.Relago_pricing_table ul li {padding:6px;color:#fff;}  
.Relago_pricing_table ul li.title {color:#FFFFFF; font-size:30px;font-weight:bold; padding:10px 0px;} 
.Relago_pricing_table ul.small li.title {background-color:#6BBD46;} 
.Relago_pricing_table ul.medium li.title {background-color:#bd469d;} 
.Relago_pricing_table ul.custom li.title {background-color:#666666;} 
.Relago_pricing_table ul.small li .ATCLLower {color:#ECFFC7;} 
.Relago_pricing_table ul.medium li .ATCLLower {color:#ffcdff;} 

.Relago_pricing_table ul li div{font-size:12px; font-weight:normal;}
.Relago_pricing_table ul li.limit{font-weight:bold;}
.Relago_pricing_table ul li.shortpurpose {font-size:12px;font-weight:bold;}  
.Relago_pricing_table ul li.4throw {font-size:14px;}  
.Relago_pricing_table ul li.AddToCartLink {  
    color:#Fff;  
    font-size:12px;
    text-decoration:none;  
    font-weight:bold;  
    display:block;  
    padding:0 10px;
    height: 55px;
    width:245px;
    margin-bottom:10px;
    border-bottom:1px solid #fff;
    border-top:1px solid #fff;
    cursor:pointer;
}  
.Relago_pricing_table ul li.AddToCartLink:hover {background-color:#F7941D;}  
.ATCLUpper{float:left; width:240px; text-align:center;height: 30px;}
.ATCLLower{float:left; width:240px; text-align:center;height: 20px;padding-top:5px;}
.ATCLIcon{width:20px; height:20px; position:absolute; top:20px; right:20px; background-image: url(/img/sprite.png); background-position: -124px -160px;}
.ATCLBigtext{float: left; font-size: 30px !important; height: 30px; text-align: right; width: 100px; font-weight:bold !important;}
.ATCLSmalltext{float: left; font-size: 12px; height: 30px; text-align: left; width: 130px; margin: 18px 0px 0px 5px}
.ATCLLFirst{float: left; text-align: right; width: 100px; font-weight:bold !important;}
.ATCLLSecond{float: left; text-align: left; width: 130px; margin: 0px 0px 0px 5px}
.ATCLAddToCart{font-size:12px; font-weight:normal;}


/*************************************************************  */
/*------- RELAGO SPLASH - PLEASE WAIT! ----------------  */
/**************************************************  */
.Relago_please_wait_active{display:inline; z-index:20000;}
.Relago_please_wait_inactive{display:none;}
.Relago_splash,.Relago_splash_popup,.Relago_splash_popup_test,.Relago_splash_app{
 min-height: 100%; /* needed for some browsers */
 width: 100%;
 height: 100%;
 display: block;
 z-index: 1102; /* show this div in front of everything, but one level below the loading animation */
 position: fixed; /* this is the most important line */
 top: 0;
 left: 0; z-index:20000;
}
.Relago_splash_background
{min-height: 100%; /* needed for some browsers */
 width: 100%;
 height: 100%;
 display: block;
 z-index: 1102; /* show this div in front of everything, but one level below the loading animation */
 position: fixed; /* this is the most important line */
 top: 0;
 left: 0; z-index:20000;}
.Relago_splash .loaded{display:none;}
.Relago_splash_loading{
 min-height: 100%; /* needed for some browsers */
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-position: center center;
 z-index: 20000; 
}
.Relago_splash_loading_text{
 display: block;
 z-index: 1104; 
}
.Relago_splash_text_big{position:absolute; top:50%; left:50%; margin: 78px 0 0 -150px;display: block;color:#001c30; font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif; font-size:24px; padding:20px 0px; background-color:#ffffff; z-index:20000; width:296px; text-align:center; border:2px solid #418AD1;}
.Relago_splash_text{position:absolute; top:50%; left:50%; margin: 78px 0 0 -134px;display: block;color:#001c30; font-family: 'century gothic', 'Oxygen', Trebuchet, sans-serif; font-size:24px; padding:20px; background-color:#ffffff; z-index:20000;}


.Relago_splash_popup{position:absolute;}
.Relago_splash_popup .Relago_splash_loading {background-image: url(/img/loading5-popup2.gif);}
.Relago_splash_popup_test .Relago_splash_loading,.Relago_splash_app .Relago_splash_loading {background-image: url(/img/loading5.gif);}
.Relago_splash_popup .Relago_splash_loading .Relago_splash_text{font-size:14px; margin: 19px 0 0 -83px; padding:5px 20px;}

.Relago_splash_spin_popup{background: #418AD1;color: white;width: 173px;height: 50px; position:absolute; top:50%; left:50%;margin: -33px 0 0 -85px; border: 2px solid #ffffff;}
.Relago_splash_spin,#Relago_splash_spin{background: #418AD1;color: white;width: 300px;height: 200px; position:absolute; top:50%; left:50%;margin: -120px 0 0 -152px; border: 2px solid #ffffff;}

.k-window .k-window-titlebar .k-window-actions {display:none}
#NewTermsAndConditionsWindow.k-window .k-window-titlebar .k-window-actions,#AppHelpWindow.k-window .k-window-titlebar .k-window-actions {display:block}

/*************************************************************  */
/*------- RELAGO REPORTING ----------------  */
/**************************************************  */

.RelagoReportContainer{float:left; width:290px; height:90px; background-color:#418AD1; color:#fff; margin: 15px 15px 15px 0px; cursor:pointer;}
.RelagoReportContainer:hover{background-color:#F7941D;}
.RelagoReportContainer_disabled{float:left; width:290px; height:90px; background-color:#000000; color:#fff; margin: 15px 15px 15px 0px;/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */ filter: alpha(opacity=30);
  /* Netscape */ -moz-opacity: 0.3;
  /* Safari 1.x */ -khtml-opacity: 0.3;
  /* Good browsers */  opacity: 0.3;
  cursor:default;}
.RelagoReportContainer_blink{float:left; width:290px; height:90px; background-color:#418AD1; color:#fff; margin: 15px 15px 15px 0px; cursor:pointer;
		animation: blinkingBackground 1s infinite;}	@keyframes blinkingBackground{0%{ background-color: #418AD1;}50%{ background-color: #F7941D;}100%  { background-color: #418AD1;}}
.RRC_Icon{float:left; width:60px; height:60px; margin:15px}
.RRC_Type,.RRC_Type_OneRow,.RRC_Type_TwoRow,.RRC_Type_ThreeRow{float:left; width:160px; height:50px; text-align:center; padding:35px 10px 5px 10px; font-size:18px;}
.RRC_Type_OneRow{font-size:15px;}
.RRC_Type_TwoRow{padding-top:25px; font-size:15px;}
.RRC_Type_ThreeRow{padding-top:16px; font-size:15px;}
.RC_h2{margin: 30px 0px 0px 0px; clear: left;padding-top: 20px;}

.CHR-PiechartNoData{float:left; margin:10px;width:280px; height:280px;}
.CHR-PNDContent,.CHR-PNDContentFunnel{width:260px;
                height: 180px;
                margin:0px 10px;
    padding:100px 0px 0px;
    background-image: url(/img/RelagoNoDataPieChart.jpg);
	background-position: 0px 0px; color:#F7941D;    
	font-size: 20px;
    font-weight: bold; text-align:center;}
    
    .CHR-PNDContentFunnel{background-image: url(/img/RelagoNoDataFunnel.jpg)}

.RelagoUploadContainer{float:left; width:350px; height:145px; background-color:#418AD1; color:#fff; margin: 20px 25%;}
.RelagoUploadResultContainer{float:left; width:350px; height:230px; background-color:#418AD1; color:#fff; margin: 20px 25%;}
.RUC_Type{float:left; width:330px; height:60px; text-align:center; padding:28px 10px 5px 10px; font-size:18px;}
.RUC_Input{text-align: center;float:left; width:330px; height:63px; padding:0px 10px;}
.RUC_ResultL{text-align: right;float:left; width:160px; height:63px; padding:0px 10px; font-size:12px;}
.RUC_ResultR{text-align: right;float:left; width:100px; height:63px; padding:0px 10px; font-size:34px; margin-top: -19px;}
.RUError{margin-left:25%; width:350px; text-align:center; padding:20px 0px 20px 0px; color:Red; font-weight:bold;float: left;font-size: 14px;line-height: 22px;}


/*************************************************************  */
/*------- RELAGO Calendar ----------------------  */
/**********************************  */

.RelagoCalendarContainer{float:right;clear:right; min-width:205px; width:50%; padding: 0px 0px 10px 10px; display:block; font-size:12px;}

.RCal_HeaderContainer{min-width:205px; width:100%; float:left; clear:both; background-color:#418AD1; color:#ffffff; padding-top: 4px;}
.RCalHead_Nav_Before,.RCalHead_Nav_After{float:left; width: 10%; height:20px; text-align:center; cursor:pointer;}
.RCalHead_Nav_Before:hover,.RCalHead_Nav_After:hover{color:#F7941D;}
.RCalHead_Nav_Current{float:left; width: 80%; height:20px; text-align:center;}
.RCalWeekdayContainer{float:left; width:100%; height:20px; text-align:center; background-color:#ffffff; color:#001c30; border-bottom:1px solid #efefef}
.RCalWeekday{float:left; width: 14%; height:20px; text-align:center; background-color:#ffffff; color:#001c30}


.RCal_BodyContainer{min-width:205px; width:100%; float:left; clear:both; background-color:#ffffff; color:#001c30; height:180px;}
.RCal_DayPrevMo,.RCal_DayCurrMo,.RCal_DayNextMo{float:left;clear:none; width:14%; height:18px; padding:6px 0px; text-align:center; }
.RCal_DayPrevMo,.RCal_DayNextMo{cursor:pointer;}
.RCalDayEvent1{background-image: url(/img/sprite.png); background-position:-252px -320px; background-repeat:no-repeat;cursor:pointer}
.RCal_DayPrevMo:hover,.RCal_DayCurrMo:hover,.RCal_DayNextMo:hover{background-color:#efefef}
.RCalDayCurrentDay{background-color:#ffe16d}
.RCalDayCurrentDay:hover{background-color:#F2F2F2}
.RCal_DayPrevMo,.RCal_DayNextMo{color:#aaaaaa;}
.RCal_DayCurrMo{font-weight:bold;}
#CalendarActitity_Date{font-size:24px; width:100%; font-weight: bold; padding: 10px 0px; text-align: center;}


/*************************************************************  */
/*------- RELAGO Blog ----------------------  */
/**********************************  */


.RelagoBlog_Post_Container{float:left; width:960px;margin-bottom: 70px;}
 
.RBP_Title-H2{font-size: 30px !important; padding:10px 15px; color:#418AD1;}
.RBP_Content{font-size: 14px !important; padding:10px 15px; line-height:22px;}
.RBP_contleft{padding:10px; float:left;}
.RBP_contright{padding:10px; float:right;}
.RBP_Content a {font-size: 14px; font-weight:normal; cursor:pointer;font-weight:bold; }
.RBP_Content a:hover{color:#F7941D;}
.RBP_Content h3 {font-size: 20px; font-weight: normal; padding: 15px 0; }






/*************************************************************  */
/*------- RELAGO Homepage Content Rotator --------------  */
/**********************************  */

#awOnePageButton .view-slide{display: none;}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load{	height: 400px; /* Same as showcase javascript option */
	overflow: hidden;}

/* Container when content is shown as one page */
.showcase-onepage{	/**/}

/* Container when content is shown in slider */
.showcase{position: relative;margin: auto;}

	.showcase-content-container	{background-color: #000;	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next	{position: absolute;width: 40px;height: 40px;top: 85px; cursor: pointer;z-index:5000;background-position: 5px 5px;background-color: #418AD1; background-repeat:no-repeat; }
	.showcase-arrow-previous{right: 60px;background-image: url('/img/NavArrowRew.png');}
	.showcase-arrow-next{right: 10px; background-image: url('/img/NavArrow.png');}
	.showcase-arrow-previous:hover,.showcase-arrow-next:hover{background-color: #F7941D;}
	
	/* Content */
	.showcase-content{background-color: #ffffff;text-align: center; position:relative;	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('/img/sprite.png');
			background-repeat: no-repeat;
			background-position:  -101px -324px;
		}
		
		.showcase-plus-anchor:hover	{background-position: -137px -324px;}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-color:#ffffff;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */ filter: alpha(opacity=90);
  /* Netscape */ -moz-opacity: 0.9;
  /* Safari 1.x */ -khtml-opacity: 0.9;
  /* Good browsers */  opacity: 0.9;
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-color:#ffffff;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */ filter: alpha(opacity=80);
  /* Netscape */ -moz-opacity: 0.8;
  /* Safari 1.x */ -khtml-opacity: 0.8;
  /* Good browsers */  opacity: 0.8;
		}
		
	.showcase-onepage .showcase-content	{margin-bottom: 10px;	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{ background-image: url('/img/sprite.png');
			background-repeat: no-repeat;
			background-position:  -103px -367px;
			width:20px;
			height:20px;
			margin-right: 10px;
			padding: 4px 7px 0px 7px;
			cursor: pointer;
			font-size: 12px;
			color: #418AD1;
		}
	
		.showcase-button-wrapper span.active {background-position:  -123px -367px; color: #F7941D;}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{background-color: #000;}
	
	.showcase-thumbnail-wrapper	{		overflow: hidden;	}
		
		.showcase-thumbnail
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background-image: url(../images/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover
		{border: solid 1px #999;}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{display: none;	}
		
		.showcase-thumbnail.active
		{border: solid 1px #999;}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{display: none;	}
	
	.showcase-thumbnail-wrapper-horizontal
	{padding: 10px;}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{padding: 10px;}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{margin-bottom: 10px;}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(../images/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{background-position: 0 -51px;	margin-left: 55px;}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{background-position: -17px -51px;}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{background-position: 0 -34px;margin-left: 55px;}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{background-position: -17px -34px;}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{	background-position: 0 -17px;margin-top: 40px;margin-bottom: 40px;}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{background-position: -17px -17px;}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{background-position: -17px 0;}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{display: none;}
	


/*************************************************************  */
/*------- RELAGO Social Media icons --------------  */
/**********************************  */
#Relago_Social_Container{position: relative; float:left; height:24px; width:105px; right:0px;}
#footercontainer #Relago_Social_Container{position: absolute; float:left; height:30px; width:92px; right:245px; top:6px}
.RSC_facebook,.RSC_twitter,.RSC_googleplus,.RSC_linkedin,.RSC_youtube{float:left; width:16px; height:16px; margin:6px 4px 0px 0px; background-image: url(/img/sprite.png); background-repeat: no-repeat; cursor:pointer;}
.RSC_facebook:hover{background-position: -101px -282px}
.RSC_twitter:hover{background-position: -117px -282px}
.RSC_googleplus:hover{background-position: -151px -282px}
.RSC_linkedin:hover{background-position: -133px -282px}
.RSC_youtube:hover{background-position: -168px -282px}
.RSC_facebook{background-position: -101px -264px;}
.RSC_twitter{background-position: -117px -264px;}
.RSC_googleplus{background-position: -151px -264px;}
.RSC_linkedin{background-position: -133px -264px;}
.RSC_youtube{background-position: -168px -264px;}

.signinregistercart #Relago_Social_Container .RSC_facebook:hover{background-position: -101px -282px}
.signinregistercart #Relago_Social_Container .RSC_twitter:hover{background-position: -117px -282px}
.signinregistercart #Relago_Social_Container .RSC_googleplus:hover{background-position: -151px -282px}
.signinregistercart #Relago_Social_Container .RSC_linkedin:hover{background-position: -133px -282px}
.signinregistercart #Relago_Social_Container .RSC_youtube:hover{background-position: -168px -282px}
.signinregistercart #Relago_Social_Container .RSC_facebook{background-position: -101px -300px;}
.signinregistercart #Relago_Social_Container .RSC_twitter{background-position: -117px -300px;}
.signinregistercart #Relago_Social_Container .RSC_googleplus{background-position: -151px -300px;}
.signinregistercart #Relago_Social_Container .RSC_linkedin{background-position: -133px -300px;}
.signinregistercart #Relago_Social_Container .RSC_youtube{background-position: -168px -300px;}

/*************************************************************  */
/*------- RELAGO Sitemap --------------  */
/**********************************  */
ul.Relago_Sitemap_Container{float:left;}
ul.Relago_Sitemap_Container li{ font-size:14px; font-weight:normal; padding:5px 20px;}
ul.Relago_Sitemap_Container li a{font-weight:normal;}

/*************************************************************  */
/*------- RELAGO Homepage --------------  */
/**********************************  */
.RelagoHomepageFeaturesContainer{float:left; width:960px; padding:0px; }
.RHFItem{float:left; margin:10px; width:216px; height:300px; border: 1px solid #efefef; text-align:center;}
.RHFIone{border-left: 3px solid #418AD1}
.RHFItwo{border-left: 3px solid #6BBD46}
.RHFIthree{border-left: 3px solid #F7941D}
.RHFIfour{border-left: 3px solid #bd469d}
.RHFIImg{float:left; width:216px; height:100px; background-image: url('/img/Homepage-features.png'); background-repeat: no-repeat;}
.RHFIone .RHFIImg{background-position: 0px -100px;}
.RHFItwo .RHFIImg{background-position: -216px -100px;}
.RHFIthree .RHFIImg{background-position: -432px -100px;}
.RHFIfour .RHFIImg{background-position: -648px -100px;}
.RHFIone:hover .RHFIImg{background-position: 0px 0px;}
.RHFItwo:hover .RHFIImg{background-position: -216px 0px;}
.RHFIthree:hover .RHFIImg{background-position: -432px 0px;}
.RHFIfour:hover .RHFIImg{background-position: -648px 0px;}
.RHFItem h2,.RHFItem .RHFH2{float:left;text-align:center; width:196px; margin:0px; padding:10px; color: #F7941D; font-size: 24px;}
.RHFIText{float:left;text-align:left; width:196px; margin:0px; padding:10px; font-size:14px; line-height:22px;}
a.RHFMoreLink,a.RHFRegistrationLink{float:left; width:480px; padding:25px 0px; font-size:22px; color:#ffffff;text-align:center; background-color:#418AD1; background-image: url('/img/NavArrow.png'); background-position: 420px 38px; background-repeat: no-repeat; cursor:pointer;font-weight: normal;}
a.RHFRegistrationLink{background-color:#6BBD46;}
a.RHFMoreLink:hover,a.RHFRegistrationLink:hover{background-color:#F7941D}

.RelagoTrustBlogContainer{float:left; width:960px; padding:0px;}
.RelagoTrustContainer{float:left; width:570px}
.RelagoTrustContainer h2{float:left;font-size:24px; color:#418AD1; margin:0px; padding:1px 5px 5px 15px; width:560px;}
.RTCimg{float:left;margin:10px 40px;}


.RelagoBlogHomeContainer{width:600px; padding:10px; float:left; font-weight:normal; cursor:pointer; background-color:#BD469D; max-height:250px;}
.RelagoBlogHomeContainer h2{float:left; width:600px; float:left;font-size:24px; color:#ffffff; padding:0px 0px 5px 0px ;margin: 5px 0px 10px 0px; font-style:normal; text-align:right;}
.RBHPost{width:590px; float:left; margin-bottom: 20px;}
.RBHTitle{width:590px; float:left;font-size: 16px !important; padding:0px 0px 2px 0px; line-height:20px;color: #ffffff; font-weight:bold;}
.RBHContent{width:590px; float:left;font-size: 12px !important; padding:5px 0px; line-height:12px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; height:12px; color:#ffffff;}


.RelagoHomepageSecondaryCTAContainer{float:left; width:960px; padding:20px 0px; font-size:24px; color:#ffffff; text-align:center;}
.RHSCTAQuestion{float:left;padding:30px 10px; width:605px; background-color:#418AD1;}
.RHSCTAAnswer{float:left;padding:30px 10px; width:315px; background-color:#6BBD46; cursor:pointer; background-image: url('/img/NavArrow.png'); background-position: 278px 32px;  background-repeat: no-repeat;color:#ffffff !important; font-weight:normal; font-size:24px;}
.RHP-TestLogoImg{width:150px; height:70px; margin: 0 7px 0px 0px;}


/*************************************************************  */
/*------- RELAGO Landing Pages --------------  */
/**********************************  */
.RLPagesTitle{position:absolute; width:600px; font-size:58px; text-align:left; top:90px; left:20px; color:#418AD1; padding:0px; border: 0px;}
.RLPagesSubTitle{position:absolute; width:600px; font-size:28px; text-align:left; line-height:36px; top:170px; left:20px; color:#418AD1}
.RLPagesFeaturesThumb{float:left; width:60px; height: 40px; margin-bottom: 10px;}
.RLPagesFeaturesThumbSquare{float:left; width:60px; height: 60px; margin-bottom: 10px;}
 .RLPFTPutni1,.RLPFTPutni2,.RLPFTPutni3,.RLPFTPutni4,.RLPFTPutni5,.RLPFTPutni6,.RLPFTPutni7,.RLPFTPutni8,.RLPFTClanstvo1,.RLPFTClanstvo2,.RLPFTClanstvo3,.RLPFTClanstvo4,.RLPFTClanstvo5,.RLPFTRacuni1,.RLPFTRacuni2,.RLPFTRacuni3,.RLPFTRacuni4,.RLPFTRacuni5,.RLPFTRacuni6,.RLPFTRezervacije1,.RLPFTRezervacije2,.RLPFTRezervacije3,.RLPFTRezervacije4,.RLPFTRezervacije5,.RLPFTDokumenti1,.RLPFTDokumenti2,.RLPFTDokumenti3,.RLPFTDokumenti4,.RLPFTDokumenti5,.RLPFTMisc1,.RLPFTMisc2,.RLPFTMisc3,.RLPFTMisc4,.RLPFTMisc5{background-image: url('/img/LandingPages/FeaturesThumbnails.jpg'); background-repeat:no-repeat;}

 .RLPFTPutni1{background-position: 0px 0px;}
 .RLPFTPutni2{background-position: -60px 0px;}
 .RLPFTPutni3{background-position: -120px 0px;}
 .RLPFTPutni4{background-position: -180px 0px;}
 .RLPFTPutni5{background-position: -240px 0px;}
 .RLPFTPutni6{background-position: -60px -160px;}
 .RLPFTPutni7{background-position: -120px -200px;}
 .RLPFTPutni8{background-position: -180px -200px;}
 .RLPFTRacuni1{background-position: 0px -40px;}
 .RLPFTRacuni2{background-position: -60px -40px;}
 .RLPFTRacuni3{background-position: -120px -40px;}
 .RLPFTRacuni4{background-position: -180px -40px;}
 .RLPFTRacuni5{background-position: -240px -40px;}
 .RLPFTRacuni6{background-position: 0px -160px;}
 .RLPFTClanstvo1{background-position: 0px -80px;}
 .RLPFTClanstvo2{background-position: -60px -80px;}
 .RLPFTClanstvo3{background-position: -120px -80px;}
 .RLPFTClanstvo4{background-position: -180px -80px;}
 .RLPFTClanstvo5{background-position: -240px -80px;}
 .RLPFTRezervacije1{background-position: 0px -120px;}
 .RLPFTRezervacije2{background-position: -60px -120px;}
 .RLPFTRezervacije3{background-position: -120px -120px;}
 .RLPFTRezervacije4{background-position: -180px -120px;}
 .RLPFTRezervacije5{background-position: -240px -120px;}
 .RLPFTDokumenti1{background-position: 0px -160px;}
 .RLPFTDokumenti2{background-position: -60px -160px;}
 .RLPFTDokumenti3{background-position: -120px -160px;}
 .RLPFTDokumenti4{background-position: -180px -160px;}
 .RLPFTDokumenti5{background-position: -240px -160px;}
 .RLPFTMisc1{background-position: 0px -200px;}
 .RLPFTMisc2{background-position: -60px -200px;}
 .RLPFTMisc3{background-position: -120px -160px;}
 .RLPFTMisc4{background-position: -180px -160px;}
 .RLPFTMisc5{background-position: -240px -160px;}

 

.RLPagesFeaturesText{float:left; width:560px; padding:11px; font-size:16px; margin-bottom: 10px; color:#418AD1}
.RLPagesSmallTitle{float:left; width:600px; font-size:16px; padding:0px; clear:both; color:#418AD1}
a.RLPagesCTARegister{float:left; margin:40px 0px 0px 0px; padding:33px 0px; width:310px; background-position: 265px 195px;font-size: 30px; line-height: 42px; background-color: #bd469d;}
.RLPagesCTARegister14day{margin:15px 55px; background-color:#ffffff; color:#6BBD46; font-size:14px; width: 200px;}
.RLPagesAboutText{float:left; width:860px;min-height: 50px;background-color: #418AD1; color:#ffffff; padding: 30px 50px; font-size: 16px; line-height: 30px;}
.RLPagesPricingRow{float:left; width:910px;background-color:#418AD1 ; color:#ffffff; padding: 20px 25px; font-size: 16px; line-height: 30px}
.RLPagesPricingPackageContainer{float:left; width:250px; padding:16px; background-color:#ffffff; color:#BD469D; text-align:center; margin:10px;}
.RLPPPCBasic{color:#6BBD46}
.RLPPPCBasic:hover{background-color:#6BBD46; color:#ffffff;}
.RLPPPCStandard{color:#BD469D}
.RLPPPCStandard:hover{background-color:#BD469D; color:#ffffff;}
.RLPPPCCustom{color:#666666}
.RLPPPCCustom:hover{background-color:#666666; color:#ffffff;}
.RLPagesPackageTitle{float:left; width:200px;font-size: 32px; line-height: 36px; padding: 5px 25px;}
.RLPagesPackageLimitation{float:left; width:200px;font-size: 16px; line-height: 16px; padding: 5px 25px;}
.RLPagesPackagePriceFrom{float:left; width:200px;font-size: 16px; line-height: 16px; padding: 5px 25px;}
a.RLPagesPricingLink{padding:20px; width:870px; background-position: 847px 21px; text-align:center; background-repeat:no-repeat; background-image: url('/img/NavArrow.png'); background-color: #084A91;margin: 10px 0; color: #FFFFFF; font-size: 16px; font-weight: normal;float: left; cursor:pointer;}
.RLPagesPricingLink:hover{color:#ffffff; background-color:#F7941D}
.RLPagesPricingLink:visited{color:#ffffff;}


.LPappshowcasecontainer{float:left; background-color: #418AD1; width:184px; margin-right:10px; color:#ffffff !important; font-size:26px; cursor:pointer; font-weight:normal;}
.LPappshowcasecontainer:hover{background-color: #F7941D;}
.LPappshowcasecontainer .title{text-align:center;padding: 10px 0 5px; background-color: #6BBD46;}
.LPappshowcasecontainer .content{font-size:14px; text-align:left; padding: 5px 15px; height:190px;}
.LPappshowcasecontainer .price{font-size:18px; text-align:center; padding: 5px 15px;}
.LPappshowcasecontainer .link{font-size:18px; text-align:center;background-position: 146px 13px;background-image: url("/img/NavArrow.png"); background-repeat: no-repeat; padding: 15px 10px;}
a.Relago_StoreNav_Tour:hover{background-color: #BD469D !important;}
.h2link{background-color: #BD469D; color:#ffffff; cursor:pointer; padding:20px; text-align:center; width:920px;}
.h2link:hover{background-color: #F7941D;}
.h2emphasis{background-color: #BD469D; color:#ffffff; padding:20px; text-align:center; width:920px;}



/*************************************************************  */
/*------- RELAGO MANAGER --------------  */
/**********************************  */




 .RelMan-ContentHolder{position: relative; float:left; width:100%; min-width:767px;}
 .RelMan-ContentHolder-Left,.RelMan-ContentHolder-Right{float: left;
    position: relative;
    margin:0px;}
    
.RelMan-ContentHolder-Left{min-width:450px; width:58%; padding: 5px 5px 10px 0px;}
.RelMan-ContentHolder-Right{width:40%; padding: 5px 0px 10px 5px;}
 
.CHL-Section{float:left; padding: 5px 0px; margin: 2px 5px; width:99%; min-width:395px;}
.CHR-Section{float:left; padding: 5px 0px; margin: 2px 5px; width:99%; width:300px}
.CHL-Content {float:left; padding: 5px 0px;}
.CHR-Content{float:left; padding: 5px 0px;}
.CH-ContentMiddle{float:left;width:100%; text-align:center;}
.CH-Title{font-size:14px; margin:2px 0px 5px 5px; padding:0px 0px 1px 0px; border-bottom: 1px solid #efefef; font-weight:bold;}

.CHRC-TotalWrap{width:290px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius:10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color:#ffffff;
  font-weight:bold;
  padding: 5px 0px; float:left; background-color:#418AD1}

.CHRCTWUp,.CHRCTWMid,.CHRCTWDown1,.CHRCTWDown2 {float:left; clear:both; padding: 5px; width:280px;text-align:center}
.CHRCTWUp{font-size:14px;}
.CHRCTWMid{font-size:32px; padding: 5px 0px;}
.CHRCTWD1Left,.CHRCTWD1Right,.CHRCTWD2Left,.CHRCTWD2Right{width:140px; float:left; font-size:12px; vertical-align:bottom;}
.CHRCTWD2Left,.CHRCTWD2Right{font-size:16px}
.CHRCTWD1Single,.CHRCTWD2Single {width:280px; float:left; font-size:14px; vertical-align:bottom;}

.CHL-SectionLimitNotifOff{float:left; padding: 5px 0px; margin: 10px 5px; width:98%; min-width:395px; background-color:#F2F2F2;}
.CHL-SectionLimitNotifOn{float:left; padding: 5px 0px; margin: 10px 5px; width:98%; min-width:395px; background-color:#FBEFEF;}

/*************************************************************  */
/*--------------- RELAGO Dashboard statistic ---------  */
/**************************************************  */
.Relago_Dash_Stats_Header_3col{float:left; clear:both; width:300px; margin:8px 0px 3px; font-weight:bold;}
.RDSH1-3_col{float: left; width:100px; margin: 0px 5px;}
.RDSH2-3_col{float: left; width:40px; margin: 0px 5px; text-align:right;}
.RDSH3-3_col{float: left; width:130px; margin: 0px 5px; clear:right; text-align:right;}



.Relago_Dash_Stats_DataContainer_3col{float: left; width:100px;}
.RDSDC1-3_col{float:left; clear:none; width:110px; margin:3px 5px;}
.RDSDC2-3_col{float:left; clear:none; width:50px; margin:3px 5px; text-align:right;}
.RDSDC3-3_col{float:left; clear:right; width:130px; margin:3px 5px; text-align:right;}



/* 2 kolone */
.Relago_Dash_Stats_DataContainer_2col{float: left; width:220px;}
.RDSH1-2_col{float: left; width:210px; margin: 0px 5px;}
.RDSH2-2_col{float: left; width:60px; margin: 0px 5px; text-align:right;}
.RDSDC1-2_col{float:left; clear:none; width:210px; margin:3px 5px;}
.RDSDC2-2_col{float:left; clear:none; width:60px; margin:2px 5px; text-align:right;}


/* 2 kolone List */
.CHR-SectionList{float:left; padding: 0px; margin: 0px 5px 15px; width:99%; width:300px;}
.CHR-SectionList .CH-Title {background-color:#418AD1; text-align:right; color:#ffffff; margin: 0; padding: 5px 10px; font-weight:normal; font-size:16px;}
.Relago_Dash_Stats_Header_2colList,.Relago_Dash_Stats_Header_1colList{float:left; clear:both; width:300px; margin: 0px; font-weight:bold;}
.Relago_Dash_Stats_Header_2colList .RDSH1-2_col,.Relago_Dash_Stats_Header_2colList .RDSH2-2_col{ margin: 0px;}
.Relago_Dash_Stats_Header_2colList .RDSH2-2_col{width:90px;}
.Relago_Dash_Stats_DataContainer_2colList{float: left; width:200px;}
.RDSDC1-2_colList,.RDSDC2-2_colList{float: left; width:200px; margin: 2px 0px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.RDSDC2-2_colList{width:100px; text-align:right;}
.RDSDC1-2_colList a,.RDSDC2-2_colList a,.RDSDC1-2_colList div.link,.RDSDC2-2_colList div.link{font-weight:normal; cursor:pointer;}
.RDSDC1-2_colList a:hover,.RDSDC2-2_colList a:hover,.RDSDC1-2_colList div.link:hover,.RDSDC2-2_colList div.link:hover{text-decoration:underline;}

/* 1 kolona */
.Relago_Dash_Stats_Header_1colList .RDSH1col,.RDSDC1colList{float: left; width:290px; margin: 0px 5px;padding: 5px 0;}
.Relago_Dash_Stats_DataContainer_1colList{float: left; width:300px;}


.CHLC-TotalWrap,.CHLC-TotalWrap2{width:430px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius:10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color:#ffffff;
  font-weight:bold;
  padding: 20px 0px;
  margin: 15px 0px; display: inline-block; background-color:#418AD1;}
 .CHLC-TotalWrap2{background-color:#F9941E;}
.CHLCTWUp1,.CHLCTWDown1,.CHLCTWDown2{float:left; clear:both; padding: 5px; width:430px;text-align:center}
.CHLCTWD1Left,.CHLCTWD1Right,.CHLCTWD2Middle{width:140px; float:left; font-size:12px; vertical-align:bottom;}
.CHLCTWD2Year,.CHLCTWD2Total,.CHLCTWD2Debt{float:left;width:140px; font-size:16px; vertical-align:bottom; line-height: 30px;}

.CHLCTWD1-2Right,.CHLCTWD1-2Left,.CHLCTWD1-2Left,.CHLCTWD1-2RIght{float:left;width:200px; font-size:14px; vertical-align:bottom; line-height: 30px;}
.CHRAppContact{width:100%; padding:20px; background-color:#bd469d;color:#ffffff; font-size:14px; text-align:center;cursor:pointer; border-radius:10px}

.CHLC-TotalWrapSingle{float:left; width:100%; background-color:#F9941E; color:#ffffff; position:relative; padding:25px 0px; height:35px}
.CHLCTWLeftLabel{padding:10px; position:absolute; bottom:0px; left:0px;}
.CHLCTWRightBigData{padding:10px; position:absolute; bottom:0px; right:0px; font-size:60px;line-height: 48px;}



/*************************************************************  */
/*--------------- RelagoManager in Store ---------  */
/**************************************************  */

.GridrowTitleLabel,.GridrowTextWithLabel,.GridrowTextNoLabel {clear: both; float: left; min-height: 30px; padding-left: 2%;  position: relative;}

   .GridrowTitleLabel .GridcelloneDocument ,.GridrowTitleLabel .Gridcelldot{display:none;}
   .GridrowTitleLabel .GridcellthreeDocument{float: left; clear:both; font-size: 24px; font-weight:bold; color:#ffffff; background-color:#418AD1;  padding: 5px; width: 100%; margin-bottom:5px;}
   
   .GridrowTextNoLabel .GridcelloneDocument,.GridrowTextNoLabel .Gridcelldot{display:none;}  
   .GridrowTextNoLabel .GridcellthreeDocument{float: left; font-size: 12px; padding: 0 5px; width: auto;}  

   .GridrowTextWithLabel .GridcelloneDocument{float: left; font-size: 12px; padding: 5px 0; text-align: left; width: auto;}  
   .GridrowTextWithLabel .GridcellthreeDocument{float: left; font-size: 12px; padding: 0 5px; width: auto;}  
    
    
    .RMStoreAppUsageStats .CHR-Section{width:500px;}
    .RMStoreAppUsageStats .CHRC-TotalWrap{width:490px;}
    .RMStoreAppUsageStats .CHRCTWDown1,.RMStoreAppUsageStats .CHRCTWDown2{width:480px;}
    .RMStoreAppUsageStats .CHRCTWD2Left,.RMStoreAppUsageStats .CHRCTWD2Right{width:220px; padding:0 5px; text-align:right}
    .RMStoreAppUsageStats .CHRCTWD2Right{text-align:left;}
    
.MyRelagoDashboardRow{float:left}



/*************************************************************  */
/*--------------- RELAGO Resources Week Calendar ---------  */
/**************************************************  */
tr#BookingOverlappedListTable td,tr#BookingOverlappedListTableData td {width:110px; padding:5px;}
tr#BookingOverlappedListTable td{font-weight:bold;}

table.ARWC_Table{width: 100%;margin:0px; padding:0px; border-collapse: separate; border-spacing:5px; border-color:Fuchsia; border-width:2px; font-size:12px; z-index:1; position:relative; height:100%;}
.ARWCT_Navigation{border-bottom: 1px solid #efefef}
.ARWCT_Navigation .CurrentWeek{background-color: #F7941D;color: #FFFFFF; font-size:18px;}
.ARWCTNavButtonFWD,.ARWCTNavButtonRWD{background-color: #F7941D;color: #FFFFFF; float: right; font-size: 18px;  margin: 2px 6px; padding: 10px 20px; cursor:pointer;}
.ARWCTNavButtonFWD:hover,.ARWCTNavButtonRWD:hover{margin: 0 4px; padding: 12px 22px;}
.ARWCTNavButtonFWD{float:left;}
/*.ARWCTHeader{background-color: #F7DABC;}*/
table.ARWC_Table tr td{padding: 5px; width:150px; text-align: center; z-index:1; position:relative;}
table.ARWC_Table tr.ARWCTData td{color:#ffffff; background-color:#418AD1; text-align: left; border: 1px solid #ffffff; cursor:pointer; z-index:1; position:relative; height:100%;}
table.ARWC_Table tr.ARWCTData td.ARWCT_Dummy{color:#ffffff; background-color:#ffffff; text-align: left; border: 1px solid #ffffff; cursor:default;}
table.ARWC_Table tr.ARWCTData td:hover{background-color:#72afeb;}
table.ARWC_Table tr.ARWCTData td.ARWCT_Dummy:hover{color:#ffffff; background-color:#ffffff}
table.ARWC_Table tr.ARWCTData {min-height:150px; z-index:1;}
table.ARWC_Table tr td.ARWCT_Resource{width:200px; height:70px; text-align: left; color:#000000; background-color:#efefef; cursor:default;}
table.ARWC_Table tr td.ARWCT_Resource:hover{background-color:#efefef;}
table.ARWC_Table tr.ARWCTHeader td.ARWCT_Resource{background-color: #ffffff}

table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor1{background-color:#F7941D; text-align:center;}
table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor2{background-color:#6BBD46; text-align:center;}
table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor3{background-color:#BD469D; text-align:center;}
table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor4{background-color:#F73125; text-align:center;}
table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor5{background-color:#DECF20; text-align:center;}

table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor1:hover{border: 1px solid #F7941D;}
table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor2:hover{border: 1px solid #6BBD46;}
table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor3:hover{border: 1px solid #BD469D;}
table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor4:hover{border: 1px solid #F73125;}
table.ARWC_Table tr.ARWCTData td.ARWCT_CellItemColor5:hover{border: 1px solid #DECF20;}

.innercellinsidetd{width:100%; min-height:100%; height:100%; background-color:lime}

.RelagoCalendarContainer{max-width:500px;}
#SelectedCalendarDate{background-color:#418AD1; color:#ffffff; font-size:55px; text-align: center; padding: 10px 0px 10px 20px; margin: 0px 0px 10px 10px;width:100%;}
.Gridrow_SelCalDate{background-color: #418AD1; margin: 10px 0 5px 10px; padding: 10px 0 10px 20px; width: 100%;}

.ARWCT_BookingRequestApproovedInfo,.ARWCT_BookingRequestNotApproovedInfo{width:20px; height:18px; background-color:#6BBD46; border:1px solid #ffffff; float:right; margin-right:-10px; margin-top:0px;z-index:100000;}
.ARWCT_BookingRequestNotApproovedInfo{background-color:Red;}
.ARWCT_BookingRequestApproovedInfo:hover,.ARWCT_BookingRequestNotApproovedInfo:hover{background-color:#BD469D}

/*************************************************************  */
/*--------------- RELAGO Sales Automation ---------  */
/**************************************************  */

.GlobalSearch{position:absolute; right:14%; top:7px;}
#SearchText{float:right; width:100px; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; -ms-transition: width 1s ease; transition: width 1s ease; text-align:right;} #SearchText:focus{width:200px; margin-bottom: 3px;}
.doGlobalSearch{float:right; width:18px; height:23px; background-image: url(/img/sprite.png); background-position: -105px -388px; cursor:pointer; margin-left:4px;}
#DisplayName{font-size: 24px; height: 30px; padding: 4px 0; text-overflow: ellipsis; width: 650px; white-space: nowrap;overflow: hidden;}
/* #Grid_ProspectActivity .t-grid-toolbar{margin:0px;}
#Grid_ProspectActivity .t-grid-toolbar .t-add{margin: 2px 0; background-image: url(/img/sprite.png); background-position: -84px -532px; height: 20px; width: 20px; display: inline-block; border:0; float:right;}
#Grid_ProspectActivity .t-grid-toolbar .t-add:hover{background-position: -64px -532px;}
#Grid_ProspectActivity .t-grid-toolbar a.t-grid-add{float:right; margin:0px;} */
#map_canvas{width:417px; height:232px; position:absolute; left:102%; top:4px;}
#Grid_ProspectActivityform div div .GridcelloneDocument{width:100px;}
.SelectedActivityObject{float: left; margin:2px 0px;}
.DeleteSelectProspect,.DeleteSelectAccount,.DeleteSelectContact,.DeleteSelectOpportunity,.AboveGridClearSearch{float: left; width:18px; height:23px; background-image: url(/img/sprite.png); background-position: -15px -334px; cursor:pointer; margin-left:4px;}
.SelectProspect,.SelectAccount,.SelectContact,.SelectOpportunity,.AboveGridSearch{float: left; width:18px; height:23px; background-image: url(/img/sprite.png); background-position: -105px -388px; cursor:pointer; margin-left:10px;}


#SearchResultWindow .t-window-titlebar .t-window-actions {display:inline;}
.AlertDivActive{padding: 5px 11px; background-color:red; color:#ffffff; cursor: pointer; font-size: 12px; left:20px; position: absolute; z-index: 10000; top: 5px; text-align:center; -moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px; /* future proofing */
-khtml-border-radius: 12px;}
.AlertDivActive:hover{background: #ffffff; color:Red;}
.AlertDivInactive{display:none;}
















/* IZMJENE ZA PRIKAZ NAZIVA NEČEGA IZNAD TABSTRIPA i TABSTRIPA */
.DisplayNameContainer,.DisplayNameContainerForRibbon{width:100%;background-color:#418AD1; white-space: nowrap; overflow: hidden;}
#DisplayName{width:95%; color: white; padding: 8px 0px 8px 20px; line-height:31px}
.DisplayNameContainerForRibbon #DisplayName{width:82%; padding: 8px 0px 8px 120px; color: white; line-height:31px; display: inline-block; width:auto}
.DisplayNameAcoountInfo{display: inline-block; overflow: hidden; color:#ffffff; vertical-align: top;line-height: 16px; margin-top: 9px;}
.DisplayNamePadding{height: 48px;display: inline; float: right; position:absolute; top:0; right:0; width:135px; background-color: #418ad1; }
.k-tabstrip .k-tabstrip-items {border-bottom: none;}
.k-tabstrip-items .k-state-active .k-link {background-color: #418AD1;color: #ffffff;}
.k-tabstrip-items .k-link {background-color: #efefef;color: #676767;}
.SaveOrClose_titleandtabstrip{top:6px; width:105px;} /* ovo rješava u ie7 širinu gumba spremi */
.k-tabstrip-items .k-item a.k-link{-moz-border-radius: 0px 0px 0px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px; font-size:16px;padding: 3px 12px;}
.k-tabstrip-items .k-item:first-child {margin-left: 10px;}
.k-tabstrip-items .k-state-active a.k-link{padding:4px 12px 5px;}

.RelagoMapsButton{padding: 15px 30px; width:150px; background-color:#418AD1; background-image: url('/img/NavArrow.png'); background-position: 166px 11px; background-repeat: no-repeat; cursor: pointer; color:#ffffff; font-size:14px; float:left; margin-right:25px;}

.CHL_FWS{float:left; margin: 5px 0px; width:100%; min-width:395px;}
.CHLFWS_Chart{float:left; margin: 5px 0px 25px; padding:0px; width:32%; clear:none; height:250px;}
.CHLFWS_ChartData{float:left; margin: 5px 2px 5px 0px; padding:0px; width:49%; clear:none; height:250px;}
@media all and (max-width: 1888px) and (min-width: 1333px){.CHLFWS_Chart{width:49%;}}
@media all and (max-width: 1332px) and (min-width: 520px){.CHLFWS_Chart{width:99%;}}
  

/*************************************************************  */
/*--------------- RELAGO EDM ---------  */
/**************************************************  */

.img_ident_newfolder,.img_ident_renamefolder

.img_ident_renamefolder,.img_ident_movefolder,.img_ident_renamefolder,.img_ident_collaborators,.img_ident_invitecollaborators,.img_ident_share,.img_ident_newtask,.img_ident_task,.img_ident_uncategorized,.img_ident_upload,.img_ident_movefile,.img_ident_history,.img_ident_discussions{width:60px; height:60px; background-image: url(/img/EDM_Files/EDM-sprite.png)}

.img_ident_newfolder{background-position: 0px 0px}
.img_ident_renamefolder{background-position: -60px 0px}
.img_ident_movefolder{background-position: 0px -60px}
.img_ident_renamefolder{background-position: -60px 0px}
.img_ident_collaborators{background-position: -120px 0px}
.img_ident_invitecollaborators{background-position: -180px 0px}
.img_ident_share{background-position: -240px 0px}
.img_ident_newtask{background-position: 0px -120px}
.img_ident_task{background-position: -120px -60px}
.img_ident_uncategorized{background-position: -180px -60px}
.img_ident_upload{background-position: -240px -60px}
.img_ident_movefile{background-position: -60px -120px}
.img_ident_history{background-position: -120px -120px}
.img_ident_discussions{background-position: -180px -120px}




.EDMActions_Bar_Container,.EDMSubfolder_Container,.EDMDocuments_Container{width: 100%; display:table; float:left;}
.EDMActions_Bar_Container{margin-bottom:5px;}
.EDM_Folder_Adress_Bar{float:left; width:100%; background-color:#494949; padding:0px; margin:10px 0px; color:#ffffff;}



.EDM_button_InvCollab,.EDM_button_ShowCollab,.EDM_button_NewFolder,.EDM_Nav_UpOneLevel,.EDM_button_MoveContainer,.EDM_button_RenContainer{cursor:pointer; float:left; width:70px; height:35px; margin-right:15px;  background-color:#418AD1; color:#ffffff; padding-bottom:40px; text-align:center;padding-top: 10px;}
.EDM_button_InvCollab:hover,.EDM_button_ShowCollab:hover,.EDM_button_NewFolder:hover,.EDM_Nav_UpOneLevel:hover,.EDM_button_MoveContainer:hover,.EDM_button_RenContainer:hover{background-color: #F9941E;}

.EDM_Nav_UpOneLevel{margin-right:50px;}
.EDM_button_NewFolder{margin-right:50px;}
.EDM_button_InvCollab{margin-right:15px;}
.EDM_button_ShowCollab{margin-right:15px;}




.EDMB_SC,.EDMB_CC,.EDMB_RC,.EDMB_MC,.EDMB_UOL,.EDMB_CR,.EDMB_NF,.EDMB_ND,.EDMB_DI{background-image: url(/img/EDM_Files/EDM-sprite.png); background-repeat:no-repeat; background-position: -203px -236px; width:35px; height:35px; margin-left: 17px;}

.EDMB_SC{background-position: -123px -236px;}
.EDMB_CC{background-position: -83px -236px;}
.EDMB_RC{background-position: 0px -236px;}
.EDMB_MC{background-position: 0px -236px;}
.EDMB_UOL{background-position: -243px -236px;}
.EDMB_CR{background-position: -43px -236px;}
.EDMB_NF{background-position: -203px -236px;}
.EDMB_ND{background-position: -43px -272px;}
.EDMB_DI{background-position: 0px -272px;}

/*.EDM_button_UploadFile{float: left;}*/
.EDM_button_UploadFile .k-dropzone,.EDM_button_UploadFile .k-dropzone .k-upload-button,.k-upload-button {padding:0px; margin:0px;}
.EDM_button_UploadFile .k-dropzone .k-upload-button,.EDM_button_UploadFile .k-upload-button,.k-upload-button{cursor:pointer !important; background-color:#418AD1 !important; color:#ffffff !important; z-index: 5; font-size: 14px; background-repeat:no-repeat !important; background-image: url(/img/EDM_Files/EDMUpload.png) !important;background-position: 0px 2px !important; padding: 15px 10px 15px 50px; width: 160px; border-radius: 0px;}
.EDM_button_UploadFile .k-dropzone .k-upload-button:hover,.EDM_button_UploadFile .k-upload-button:hover,.k-upload-button:hover{background-color: #F9941E !important;color:#ffffff !important;}
.k-dropzone {background-color: #efefef;border-radius: 0px;}
.EDM_button_UploadFile ul.k-upload-files,ul.k-upload-files{float: left; clear:both; z-index: 5; width:600px;}
button.k-upload-selected{float:left;}
ul.k-upload-files li.k-file{float:left; clear:both; margin: 5px 0px;}
ul.k-upload-files li.k-file span.k-filename{max-width: 500px; float:left; margin-right: 20px; min-width: 460px; color:#000000}
ul.k-upload-files li.k-file span.k-icon{float:right;}
ul.k-upload-files li.k-file button.k-upload-action, button.k-upload-action{margin:1px 10px 0px; float:right;}
ul.k-upload-files li.k-file button.k-upload-action span.k-delete,button.k-upload-action span.k-delete{margin:3px 5px 0px; float:right;}
.EDM_button_UploadFile .k-dropzone em{display:none;}
.EDM_button_UploadFile ul li span.k-filename span.k-progress, k-progress {background-color:#ffffff; height:4px; width:450px; color:#418AD1}
.k-upload-action .k-cancel {width:23px; height:23px; background-position:-79px -675px !important}
.EDM_button_UploadFile .k-dropzone .k-upload-button span input{color:#ffffff !important; width:70px !important; text-align:center !important;}
.k-upload-pct{float: left;  font-size: 18px; margin-top: 8px;}
li.k-file-progress span.k-icon{display:none}
li.k-file-progress strong button span.k-icon{display:inline}
.k-file-progress .k-progress {background-color: #6bbd46;}
strong.k-upload-status-total{display:inline}


.EDM_Parent_Folder,.EDM_Folder_Container{font-size:14px; float:left; cursor:pointer; height: 26px;  padding:7px 0px 3px 0px; line-height:26px;}
.EDM_Folder_Container_Submaps,.EDM_Folder_Container_TotalSize{font-size:14px; float:left; height: 26px; padding:5px 0px; line-height:26px;}

.EDM_Parent_Folder:hover{text-decoration:underline;}
.EDM_Parent_Folder_Divider{font-size:14px; float:left; height: 26px; padding:7px 0px 3px 0px; line-height:26px;}
.EDM_Folder_Container{font-weight:bold;margin-right:40px;}
.EDM_Folder_Container_Submaps,.EDM_Folder_Container_TotalSize{margin-left:20px; float:right; background-repeat:no-repeat; background-position: 21px 6px;}
.EDM_Folder_Container_Submaps{text-align:center; width:36px;  background-image: url(/img/EDM_Files/EDM-sprite.png); background-position: -265px -302px; height:26px; margin-right:10px; line-height:30px;}
.EDM_Folder_Container_TotalSize{text-align:right; padding:7px 5px 3px 10px;}
.EDMFCTSIcon{width:36px; height:26px; margin-right:5px;}


.EDM_Subfolder_Container{float:left; width:100%; position:relative;margin-bottom: 5px;}
.EDM_Subfolder_Container:hover{background-color:#f3f3f3;}
.EDMSC_Folder{float:left; width:90%; position:relative; margin:5px 0px; cursor:pointer;}
.EDMSC_FolderName{float:left; font-size: 13px; padding:5px 0px; width:100%;}
.EDMSC_FolderSubfolders{float:left; font-size: 12px; width:100%;color: #999999; font-size: 12px;}
.EDMSC_FolderSize{float:left; font-size: 12px; width:100%; color: #999999; font-size: 12px;}
.EDMSC_FolderIcon{float:left; width: 70px; height:60px; background-repeat:no-repeat;background-image: url(/img/EDM_Filetypes/EDMFOLDER.png); background-position: 5px 0px; margin:0px;}

.EDMSC_Delete{float:right; width:10%; text-align:center; background-color:#ffffff;margin:5px 0px; padding:5px 0px;}
.EDMSC_Delete:hover{background-color:#418AD1; color:#ffffff;}

.DocumentCommentContainer{position:absolute; bottom:85px; background-color:White; width:90%; z-index:500; right:62px;}

.EDM_File_Container_Ver2{float:left; width:100%; background-color:#ffffff; margin-bottom:3px; position:relative;}
.EDM_File_Container_Ver2:hover{background-color:#f3f3f3;}

.EDMFBTLCIconContainer{float:left; padding: 5px; margin-right:5px; width:60px;}
.EDMFBTLCIcon{float:left; width:60px; height:60px; cursor:pointer;}
.EDM_FileType_Excel,.EDM_FileType_Word,.EDM_FileType_PDF,.EDM_FileType_Text,.EDM_FileType_Zip,
.EDM_FileType_Rar,.EDM_FileType_7z,.EDM_FileType_Gzip,.EDM_FileType_Mp3,.EDM_FileType_JPG,.EDM_FileType_JPEG,.EDM_FileType_Exe,.EDM_FileType_Wmv,.EDM_FileType_PPT,.EDM_FileType_PPTX,.EDM_FileType_Avi,.EDM_FileType_Mpg,.EDM_FileType_Tif,.EDM_FileType_Wav,.EDM_FileType_Mov,.EDM_FileType_PSD,.EDM_FileType_Wma,.EDM_FileType_CDR,.EDM_FileType_EPS,.EDM_FileType_AI,.EDM_FileType_MP4,.EDM_FileType_SWF,.EDM_FileType_GIF,.EDM_FileType_PNG,.EDM_FileType_ICO,.EDM_FileType_EPS,.EDM_FileType_BMP,.EDM_FileType_HTML,.EDM_FileType_Unknown,.EDM_FileType_WEBARCHIVE,.EDM_FileType_XML,.EDM_FileType_ISO,.EDM_FileType_IMG,.EDM_FileType_BIN,.EDM_FileType_NRG,.EDM_FileType_CDI,.EDM_FileType_DAA,.EDM_FileType_DWG,.EDM_FileType_DWS,.EDM_FileType_DWT,.EDM_FileType_PICTCLIPPING,.EDM_FileType_EML,.EDM_FileType_MSG{float:left; width:60px; height:60px;background-position: 0px 0px; background-repeat:no-repeat;}

.EDM_FileType_Unknown{background-image: url(/img/EDM_Filetypes/EDMFILE_UNKNOWN.png)}
.EDM_FileType_Excel{background-image: url(/img/EDM_Filetypes/EDMFILE_Excel.png)}
.EDM_FileType_Word{background-image: url(/img/EDM_Filetypes/EDMFILE_Word.png)}
.EDM_FileType_PDF{background-image: url(/img/EDM_Filetypes/EDMFILE_PDF.png)}
.EDM_FileType_Text{background-image: url(/img/EDM_Filetypes/EDMFILE_TXT.png)}
.EDM_FileType_Zip{background-image: url(/img/EDM_Filetypes/EDMFILE_ZIP.png)}
.EDM_FileType_Rar{background-image: url(/img/EDM_Filetypes/EDMFILE_RAR.png)}
.EDM_FileType_7z{background-image: url(/img/EDM_Filetypes/EDMFILE_7Z.png)}
.EDM_FileType_Gzip{background-image: url(/img/EDM_Filetypes/EDMFILE_GZIP.png)}
.EDM_FileType_Mp3{background-image: url(/img/EDM_Filetypes/EDMFILE_MP3.png)}
.EDM_FileType_JPG{background-image: url(/img/EDM_Filetypes/EDMFILE_JPG.png)}
.EDM_FileType_JPEG{background-image: url(/img/EDM_Filetypes/EDMFILE_JPG.png)}
.EDM_FileType_Exe{background-image: url(/img/EDM_Filetypes/EDMFILE_EXE.png)}
.EDM_FileType_Wmv{background-image: url(/img/EDM_Filetypes/EDMFILE_WMV.png)}
.EDM_FileType_PPT{background-image: url(/img/EDM_Filetypes/EDMFILE_PPT.png)}
.EDM_FileType_PPTX{background-image: url(/img/EDM_Filetypes/EDMFILE_PPT.png)}
.EDM_FileType_Avi{background-image: url(/img/EDM_Filetypes/EDMFILE_MOV.png)}
.EDM_FileType_Mpg{background-image: url(/img/EDM_Filetypes/EDMFILE_MOV.png)}
.EDM_FileType_Tif{background-image: url(/img/EDM_Filetypes/EDMFILE_TIFF.png)}
.EDM_FileType_Wav{background-image: url(/img/EDM_Filetypes/EDMFILE_WAV.png)}
.EDM_FileType_Mov{background-image: url(/img/EDM_Filetypes/EDMFILE_MOV.png)}
.EDM_FileType_PSD{background-image: url(/img/EDM_Filetypes/EDMFILE_PS.png)}
.EDM_FileType_Wma{background-image: url(/img/EDM_Filetypes/EDMFILE_MOV.png)}
.EDM_FileType_CDR{background-image: url(/img/EDM_Filetypes/EDMFILE_Word.png)}
.EDM_FileType_EPS{background-image: url(/img/EDM_Filetypes/EDMFILE_Word.png)}
.EDM_FileType_AI{background-image: url(/img/EDM_Filetypes/EDMFILE_AI.png)}
.EDM_FileType_MP4{background-image: url(/img/EDM_Filetypes/EDMFILE_MOV.png)}
.EDM_FileType_SWF{background-image: url(/img/EDM_Filetypes/EDMFILE_SWF.png)}
.EDM_FileType_GIF{background-image: url(/img/EDM_Filetypes/EDMFILE_GIF.png)}
.EDM_FileType_PNG{background-image: url(/img/EDM_Filetypes/EDMFILE_PNG.png)}
.EDM_FileType_ICO{background-image: url(/img/EDM_Filetypes/EDMFILE_ICO.png)}
.EDM_FileType_EPS{background-image: url(/img/EDM_Filetypes/EDMFILE_EPS.png)}
.EDM_FileType_BMP{background-image: url(/img/EDM_Filetypes/EDMFILE_BMP.png)}
.EDM_FileType_HTML{background-image: url(/img/EDM_Filetypes/EDMFILE_HTML.png)}
.EDM_FileType_WEBARCHIVE{background-image: url(/img/EDM_Filetypes/EDMFILE_WEBARCHIVE.png)}
.EDM_FileType_XML{background-image: url(/img/EDM_Filetypes/EDMFILE_XML.png)}
.EDM_FileType_ISO{background-image: url(/img/EDM_Filetypes/EDMFILE_ISO.png)}
.EDM_FileType_IMG{background-image: url(/img/EDM_Filetypes/EDMFILE_ISO.png)}
.EDM_FileType_BIN{background-image: url(/img/EDM_Filetypes/EDMFILE_ISO.png)}
.EDM_FileType_NRG{background-image: url(/img/EDM_Filetypes/EDMFILE_ISO.png)}
.EDM_FileType_CDI{background-image: url(/img/EDM_Filetypes/EDMFILE_ISO.png)}
.EDM_FileType_DAA{background-image: url(/img/EDM_Filetypes/EDMFILE_ISO.png)}
.EDM_FileType_DWG{background-image: url(/img/EDM_Filetypes/EDMFILE_DWG.png)}
.EDM_FileType_DWS{background-image: url(/img/EDM_Filetypes/EDMFILE_DWG.png)}
.EDM_FileType_DWT{background-image: url(/img/EDM_Filetypes/EDMFILE_DWG.png)}
.EDM_FileType_PICTCLIPPING{background-image: url(/img/EDM_Filetypes/EDMFILE_PICTCLIPPING.png)}
.EDM_FileType_EML{background-image: url(/img/EDM_Filetypes/EDMFILE_EML.png)}
.EDM_FileType_MSG{background-image: url(/img/EDM_Filetypes/EDMFILE_EML.png)}

.EDMNameInfoContainer{width:100%;}
.EDM_File_Name{font-size:13px; padding: 5px 0; overflow: hidden; text-overflow: ellipsis;}

.EDMFileInfoContainer{font-size:12px; color:#999999}
.EDM_File_Updated{float:left;}
.EDM_File_Class{float:left;}

.EDMFileActionsContainer{float:right; width:200px;position: relative;}

.EDM_File_Share,.EDM_File_Move,.EDM_File_Delete,.EDM_File_History,.EDM_File_CreateTask,.EDM_File_ViewTask,.EDM_File_ShowComments,.EDM_File_Version_Upload,.EDM_File_Download,.EDM_Folder_Delete,.EDM_File_Send{float:right; min-width:25px; height:25px; background-color:#418AD1; color:#ffffff; background-repeat:no-repeat; cursor:pointer; background-image: url(/img/EDM_Files/EDM-sprite.png); margin:5px 7px;}

.EDM_File_Share:hover,.EDM_File_Move:hover,.EDM_File_Delete:hover,.EDM_File_History:hover,.EDM_File_CreateTask:hover,.EDM_File_ViewTask:hover,.EDM_File_ShowComments:hover,.EDM_File_Version_Upload:hover,.EDM_File_Download:hover,.EDM_Folder_Delete:hover,.EDM_File_Send:hover{background-color:#F9941E;}




.EDM_File_Version{float: right; padding: 0px 5px 0px 0px; cursor:pointer;}
.EDM_File_Version:hover,.EDM_File_Class:hover{text-decoration:underline;}
.EDM_File_Class{cursor:pointer;float:left;}


.EDM_File_Download{background-position:-188px -333px; z-index:101;}
.EDM_File_Share{background-position:-139px -333px;}
.EDM_File_Move{background-position:-114px -333px;}
.EDM_File_Delete{background-color:#BD469D; background-position:-18px -333px;}
.EDM_File_History{float:left}
.EDM_File_Version_Upload{background-position:-164px -333px; background-color:#6bbd46;}
.EDM_File_CreateTask{background-position:-89px -333px;}
.EDM_File_ViewTask{background-position:-64px -333px;}
.EDM_File_ShowComments{background-position:-40px -333px;}
.EDM_File_Send{background-position:-213px -333px;}




.EDM_Folder_Delete{background-color:#BD469D; position:absolute; right: 0px; top:0px; background-position:-18px -333px;}

.EDMCommentsContainer{float:left;padding:10px; border:2px solid #418ad1; background-color:#ffffff; position:relative; width:100%; box-shadow: 2px 3px 18px 3px #000000; float:left;}


.EDM_Hidecomment{position:absolute; top:-15px; right:-12px; width:26px; height:26px; background-position: -1px -307px; background-repeat:no-repeat; background-image: url(/img/EDM_Files/EDM-sprite.png); cursor:pointer;}
.EDM_Hidecomment:hover{background-position: -31px -307px;}
.EDM_HidecommentArrow{position:absolute; bottom:-22px; right:7px; width:25px; height:25px; background-position: -90px -308px; background-repeat:no-repeat;background-image: url(/img/EDM_Files/EDM-sprite.png); cursor:pointer;}
.EDM_HidecommentArrow:hover{background-position: -60px -308px}

.EDMCommentBody{float:left; margin-bottom:5px; background:#efefef; padding:5px 0px; position: relative; clear: both; width:100%}
.EDMCommentReplyContainer{position:relative;float:right;}

.EDMComments_Reply{float: left; font-size: 14px; line-height:14px; padding:5px; background-color:#418AD1; color:White; cursor:pointer;position: absolute; right: 5px; top: 1px;}
.EDMComments_Post{float: left; font-size: 14px; line-height:14px; padding:5px; background-color:#418AD1; color:White; cursor:pointer; margin: 0px 0px 0px 5px}
.EDMComments_Reply:hover,.EDMComments_Post:hover{background-color:#F9941E;}

.EDMCommentBodyContent{}

.EDM_ViewDocHistoryItem,.RelTableRow{float: left; clear: both; margin-bottom: 5px; color: #000; padding: 2px; border: 1px solid #efefef; border-left: 3px solid #F9941E}
.EDM_VDHIDateTime,.RelTable1st{float: left; width:120px; text-align:left; padding-right:5px; padding-left:3px;}
.EDM_VDHICreatedBy,.RelTable2nd{float: left; width:150px; font-weight:bold; text-align:right; padding-right:5px;}
.EDM_VDHI,.RelTable3rd{float: left; width:205px; text-align:left;}
.RelTable4th{float: left; text-align:left; width:260px;}
.RelTableRow_Title{float: left; clear: both; margin-bottom: 5px; color: #fff; background-color:#418AD1; padding: 2px; border: 1px solid #efefef; border-left: 3px solid #F9941E; font-weight:bold; font-size:14px;}


.EDMCBCDatetime,.EDMCBCEmployee{float:left; padding-left:3px;}
.EDMCBCContent{font-style:italic; font-weight:bold; padding-left:5px; margin-right: 90px;}
.EDMCommentReplyContainer{float:left;clear:both;}

.EDMCommentReplyInput{float: left; position: relative; width: 600px;}
.EDMCommentReplyInput input{float: left; width: 88%; margin: 5px 0px 0px 5px}
.EDMComments_NewReply{float: left; font-size: 14px; line-height:14px; padding:5px; background-color:#418AD1; color:White; cursor:pointer;  margin: 5px 0px 0px 5px;}
.EDMComments_NewReply:hover{background-color:#F9941E;}

.EDMCommentLevel2,.EDMCommentLevel3,.EDMCommentLevel4,.EDMCommentLevel5{float:left; width:15px; height:15px; background-position: -2px -338px; background-repeat:no-repeat; background-image: url(/img/EDM_Files/EDM-sprite.png);}
.EDMCommentLevel3{margin-left:15px;}
.EDMCommentLevel4{margin-left:30px;}
.EDMCommentLevel5{margin-left:45px;}

.EDMCOllabName,.EDMCOllabRole{float:left; padding:10px 0px; margin:5px 0px 5px 5px;}
.EDMCOllabDelete{float:right; padding:10px; margin:5px; background-color:#418AD1; color:#ffffff; cursor:pointer;}
.EDMCOllabDelete:hover{background-color:#F9941E;}

.EDMTaskDesc,.EDMTaskEmployee,.EDMTaskDueDate,.EDMTaskTypeName{float:left; width:90px; padding:10px 10px 10px 0px; text-align:left;}



.EDMB_DI_List{background-image: url(/img/EDM_Files/EDM-sprite.png);background-position: 0px -272px;; background-repeat:no-repeat; background-position: 0px -272px; width:35px; height:35px;}
.EDMB_FO_Folder{background-image: url(/img/EDM_Files/EDM-sprite.png);background-position: 0px -272px;; background-repeat:no-repeat; background-position:-81px -273px; width:35px; height:35px;}
.EDMDIscussionContainer{background-color: #418AD1;color: #FFFFFF;cursor: pointer;float: left;margin: 10px 10px 10px 0;width: 350px; position:relative}
.EDMDIscussionContainer:hover{background-color:#F9941E}
.EDM_DCIcon{float: left;height: 35px;margin: 10px;width: 35px;}
.EDM_DCTitle{float: left; font-size: 14px; padding: 15px 10px 15px; text-align: left; width: 240px;}

.Relago_review_button_popup,.Relago_approve_button_popup,.Relago_reject_button_popup{padding:10px 25px; background-color:#418AD1; color:#ffffff; cursor:pointer; float:right; margin-left:15px;}
.Relago_review_button_popup:hover,.Relago_approve_button_popup:hover,.Relago_reject_button_popup:hover{background-color:#F9941E;}


.EDMClassesContainer{width:100%;background-color: #418AD1;color: #FFFFFF; cursor: pointer; float: left; height: 90px; margin: 15px 15px 15px 0;}
.EDMClassesContainer:hover{background-color: #F9941E;}
.EDMCC_Icon{float: left;height: 60px; margin: 15px; width: 60px;}
.EDMCC_Class{width:100%; text-align:left; font-size: 18px; padding: 35px 10px 5px;}


.WebEyeDataContainer{float:left; width:100%; background-color: #418AD1;font-size:24px; color:#ffffff; padding:25px 0px;}
.LastRefreshMain{padding: 0px 20px; text-align:center}
.LastRefreshMain #divLastSyncDatetime{font-size: 24px; display:inline;}
.LastRefreshMain div{font-size:14px; display:inline;}


.Popup700wGridrow {width:680px; margin:20px 10px; float:left; display:block}
.Popup700wGridrow p{float: left; width: 670px; text-align:center}
.Popup700wGridrow .k-loading{width:20px; height:20px; float:left}
#MemSendBirthdayMailSection3 #divNumberOfEmails{font-weight: bold; text-align: center; width: 670px;}
.ActionButtonBelowGrid,.ActionButtonBelowGridReverse{background-color:#418ad1; color:#ffffff; cursor:pointer; font-size:14px; line-height:15px; padding:15px; background-image:url('/img/NavArrow.png'); background-position:380px 8px; width:400px; margin:20px; background-repeat:no-repeat; display:inline-block;}
.ActionButtonBelowGrid:hover,.ActionButtonBelowGridReverse:hover{background-color:#f9941e;}
.ActionButtonBelowGridDisabled,.ActionButtonBelowGridReverseDisabled{background-color:#efefef; color:#ffffff; cursor:not-allowed; font-size:14px; line-height:15px; padding:15px; background-image:url('/img/NavArrow.png'); background-position:380px 8px; width:400px; margin:20px; background-repeat:no-repeat;}
.ActionButtonBelowGridReverse,.ActionButtonBelowGridReverseDisabled{background-image:url('/img/NavArrowRew.png'); background-position:20px 8px; width:200px; background-repeat:no-repeat; text-align:right}


/* NOVE DORADE KENDO 2018*/
/* NOVE DORADE KENDO 2018*/
/* NOVE DORADE KENDO 2018*/
/* NOVE DORADE KENDO 2018*/
/*dropdown lista visina*/
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input, .k-input {    height: 21px;}
/* bilo je width 140 px*/


/* strelice u paginaciji i footer grida */
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-s, .k-state-hover > .k-i-arrow-s, .k-state-hover > * > .k-i-arrow-s, .k-button:hover .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s, .k-button:active .k-i-arrow-s {
  background-position: -16px -174px;}
.k-i-arrow-end-left { background-position: 0 -188px;}
.k-state-disabled .k-i-arrow-end-left { background-position: 0 -204px;}

.k-i-arrow-60-left { background-position:-16px -188px;}
.k-state-disabled .k-i-arrow-60-left { background-position:-16px -204px;}

.k-i-arrow-60-right {background-position: -32px -188px;}
.k-state-disabled .k-i-arrow-60-right {background-position: -32px -204px;}

.k-i-arrow-end-right {    background-position: -48px -188px;}
.k-state-disabled .k-i-arrow-end-right {background-position: -48px -204px;}

.k-calendar .k-header .k-nav-prev .k-i-arrow-60-left { background-position:-16px -205px;}
.k-calendar .k-header .k-nav-next .k-i-arrow-60-right { background-position: -32px -205px;}

.k-link:hover:not(.k-state-disabled) > .k-i-arrow-end-right, .k-state-hover > .k-i-arrow-end-right, .k-state-hover > * > .k-i-arrow-end-right, .k-button:hover .k-i-arrow-end-right, .k-textbox:hover .k-i-arrow-end-right, .k-button:active .k-i-arrow-end-right {    background-position: -48px -220px;}
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-end-left, .k-state-hover > .k-i-arrow-end-left, .k-state-hover > * > .k-i-arrow-end-left, .k-button:hover .k-i-arrow-end-left, .k-textbox:hover .k-i-arrow-end-left, .k-button:active .k-i-arrow-end-left {    background-position: -0px -220px;}
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-60-left, .k-state-hover > .k-i-arrow-60-left, .k-state-hover > * > .k-i-arrow-60-left, .k-button:hover .k-i-arrow-60-left, .k-textbox:hover .k-i-arrow-60-left, .k-button:active .k-i-arrow-60-left {    background-position: -16px -220px;}
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-60-right, .k-state-hover > .k-i-arrow-60-right, .k-state-hover > * > .k-i-arrow-60-right, .k-button:hover .k-i-arrow-60-right, .k-textbox:hover .k-i-arrow-60-right, .k-button:active .k-i-arrow-60-right {    background-position: -32px -220px;}

/*donja i druge strelice na dropdown listi*/
.k-i-arrow-60-down {
    background-position: -16px -175px;
}

.k-link:hover:not(.k-state-disabled) > .k-i-arrow-60-down, .k-state-hover > .k-i-arrow-60-down, .k-state-hover > * > .k-i-arrow-60-down, .k-button:hover .k-i-arrow-60-down, .k-textbox:hover .k-i-arrow-60-down, .k-button:active .k-i-arrow-60-down {    background-position: -16px -174px;}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {    background-position: -16px -163px;}

.k-numerictextbox .k-select .k-link span.k-i-arrow-60-down {    background-position: -16px -182px;}

.k-grid-header .k-header .k-link span.k-i-arrow-n, .k-grid-header th > .k-link:hover span.k-i-arrow-60-down {    background-position: -62px -511px;
}

.k-grid-header .k-header .k-link span.k-i-arrow-60-down, .k-grid-header th > .k-link:hover span.k-i-arrow-n {    background-position: -46px -511px;
}




.k-numerictextbox .k-select .k-link span.k-i-arrow-60-up {    background-position: -16px -163px;}
.k-numerictextbox .k-select .k-link span.k-i-arrow-60-down {    background-position: -16px -182px;}
.k-grid-header .k-header .k-link span.k-i-arrow-60-up, .k-grid-header th > .k-link:hover span.k-i-arrow-60-down {
    background-position: -62px -511px;
}
.k-grid-header .k-header .k-link span.k-i-arrow-s, .k-grid-header th > .k-link:hover span.k-i-arrow-60-up {    background-position: -46px -511px;}

/*pager ispod grida */

.k-pager-numbers .k-state-selected, .k-pager-wrap .k-link {    height: 2em !important; line-height:2em}
.k-pager-wrap > .k-link > .k-icon {    margin-top: 0px;}
.k-pager-wrap .k-pager-refresh{    height: 16px !important;}
.k-pager-sizes .k-dropdown-wrap .k-input {    line-height: 16px;}
.k-pager-sizes{padding-top:0px}
.k-pager-wrap{height:28px}



/* širina popup prozora */
.k-prompt-container, .k-window-content {
    padding: .50em
}
/*  grid edit gumb */


.k-grid-edit .k-i-edit, .k-grid-edit:hover > .k-i-edit, .k-button:hover > .k-i-edit {
    height: 16px;
    width: 16px;
    background-image: url(/img/sprite.png);
    background-position: 0px -336px;
    background-color: none;
}




/* gumbi ispod editor template-a  */


.k-i-cancel {
    background-image: url(/img/sprite.png);
    background-position: -79px -675px;
    height: 23px;
    width: 23px;
    margin: 0px;
    padding: 0px;
}


    .k-i-cancel:hover {
        background-image: url(/img/sprite.png);
        background-position: -79px -698px;
        cursor: pointer;
    }

    .k-i-cancel:active {
        background-image: url(/img/sprite.png);
        background-position: -79px -698px;
        cursor: pointer;
        height: 22px;
        width: 23px;
        position: relative;
        border-bottom: 1px solid #b1b1b1;
        top: 1px;
    }

.k-i-check {
    background-image: url(/img/sprite.png);
    background-position: -79px -721px;
    height: 23px;
    width: 23px;
    margin: 0px;
    padding: 0px;
}


    .k-i-check:hover {
        background-image: url(/img/sprite.png);
        background-position: -79px -744px;
        cursor: pointer;
    }

    .k-i-check:active {
        background-image: url(/img/sprite.png);
        background-position: -79px -744px;
        cursor: pointer;
        height: 22px;
        width: 23px;
        position: relative;
        border-bottom: 1px solid #b1b1b1;
        top: 1px;
    }


.k-window-content .k-edit-form .k-edit-form-container .k-grid-insert {
    margin: 0px 10px;
    background-position: 0 -675px !important;
}

.k-window-content .k-edit-form .k-edit-form-container .k-grid-update {
    margin: 0px 10px;
    background-position: 0 -675px;
}

    .k-window-content .k-edit-form .k-edit-form-container .k-grid-update .k-i-check {
        background-position: 0 -675px;
        width: 78px;
    }



    .k-window-content .k-edit-form .k-edit-form-container .k-grid-update .k-i-check, .k-insert {
        background-image: url(/img/sprite.png);
        background-position: -79px -721px;
        height: 23px;
        width: 23px;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        float: right;
    }

        .k-window-content .k-edit-form .k-edit-form-container .k-grid-update .k-i-check:hover, .k-insert:hover {
            background-image: url(/img/sprite.png);
            background-position: -79px -744px;
            cursor: pointer;
        }


        /* kvačica i križić gumbi na editor templateteima */
.k-edit-buttons{background-color:#fff}
.k-button:hover .k-i-check {background-position:-79px -744px}
.k-button:hover .k-i-cancel {background-position:-79px -698px}


/* tabovi */
.k-tabstrip-items .k-item span.k-link{-moz-border-radius: 0px 0px 0px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px; font-size:16px;padding: 3px 12px;}
.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-top > .k-tabstrip-items .k-item {margin: 0 15px 0 0}
.k-tabstrip-items .k-item:first-child {margin-left: 10px;}
.k-tabstrip-items .k-state-active span.k-link{padding:4px 12px 5px;}
.k-tabstrip:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* gumb za add iznad grida */
.k-grid-toolbar a.k-button span.k-i-add{float:right; width:15px; height:15px; background-image: url(/img/Plus.png) !important;; background-position: 0px 0px; margin-left:20px;}
a.k-grid-add{display:inline-block}

/* filter u gridu */
a.k-grid-filter:hover span.k-i-filter {background-position:-48px -538px}
.k-i-filter{background-position:-48px -538px}
.k-numerictextbox .k-link {height: 0.9em;}
.k-filter-menu .k-dropdown{width:16em; height:20px}


.k-i-loading, .k-state-hover .k-i-loading {
    background-image: url(/img/loading.gif);
    background-position: 50% 50%;
}
.k-autocomplete .k-i-loading, .k-multiselect .k-i-loading {right: 2px;bottom: 4px;}
.k-autocomplete-clearable .k-clear-value{display:none}
.PN_br_dok {    height: 17px;    width: 62px}
span.k-select span.k-i-calendar {    margin-top: 3px;}
span.k-select span.k-i-clock {    margin-top: 3px;}
.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {line-height: 16px;}
.k-datetimepicker .k-picker-wrap .k-icon {margin: 3px 0px;}
.Relago_add_button {   margin-top: 1px;}
input#SvrhaPutovanja {    height: 18px;    width: 144px;}
.k-window .k-loading-mask{display:none}
li.k-state-disabled, li.k-state-default, li.k-state-active, li.k-state-hover{transition:all 0.5s ease}

.Relago_add_button {float: none;}

span.k-autocomplete.k-state-hover span.k-i-close, span.k-autocomplete.k-state-focused span.k-i-close {
    display: none
}
#BIC.k-textbox{width:350px!important}


/* članstvo - editor templates za email kampanje  */
#DebtAmounthSelectionCriteriaForAddCampaignActivity_Amounth{width: 86px !important;}

/*  upload dokumenta članstvo */
.EDM_button_UploadFile ul.k-upload-files, ul.k-upload-files {
    background-color: #fff;
}
.k-file-name-size-wrapper {    max-width: 100%;}
ul.k-upload-files li.k-file {border-color:#fff}
.k-upload .k-clear-selected{display:none}
.k-upload .k-upload-selected{border-color:#fff; width:100%;color:#fff; background-color:#418AD1;}
.k-upload .k-upload-selected:hover{background-color:#F7941D;}
ul.k-upload-files li.k-file {  width:550px}
.k-upload-status button.k-upload-action span.k-i-close {    background-position: -47px -336px!important; width:16px; height:16px }


/*  lock overlay */
#OfferTabStrip{z-index:auto!important}


input#OfferLocation, input#QuoteLocation, input#InvoiceLocation {    width: 95px; height:19px}
input#AccountNoteName,input#TermAndConditionName{width: 126px;}
#NewItemPrice_TextBox .k-numerictextbox .k-numeric-wrap input {    width: 100%!important;}

span[aria-owns="NewItemCurrencyViewModelID_listbox"] span span.k-input{width:60px} 
.k-numerictextbox .k-state-focused .k-input{width:/*142px*/100%;}/* širina formatiranog polja za unos brojke  - ovako radi ok u sfa */
.k-autocomplete .k-input{    width: 99%;}
/* širina formatiranog autocomplete polja  - ovako radi ok u rezervacijama */

/* - EDM vrsta dokumenta širina input polja */
#DocumentClassificationContent .Gridrow .Gridcellthree input {    width: 100%!important;}



.k-dropdown-wrap .k-input {
    width: 100%;
}
/*members edit kampanje overlay plavi kao na putnima i računima kod zaključanoga*/
.grid_edit_locked {    background-color: #418AD1;    opacity: 0.6;}

/* identiteti pomaknuto gore sa tabstripom i slika na members*/

.img_ident_container_titleandtabstrip{top:50px;}
.img_ident_container_memberpicture{position:absolute; right:20px; top:50px; z-index:5;}
.img_ident_container_memberpicture img{max-height: 130px; max-width: 130px; border-radius:10px; border: 1px solid #fff; box-shadow:inset 0 1.5px 2px 0 rgba(0,0,0,.15), 0 0.5px 1px 0}
.ATMMHMD_Enabled{top: 37px;}

/* grid display tabstrip 4 SFA statistics */
.k-tabstrip-wrapper{display:grid}



/* TOAST NOTIFICATION */
/* TOAST NOTIFICATION */
/* TOAST NOTIFICATION */

.ToastContainer{right: 0px;bottom: 24px; top: auto;
    box-sizing: border-box;
    margin: 0;
    margin-right: 0px;
    padding: 0;
    color: rgba(0,0,0,0.65);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    position: fixed;
    z-index: 1010;
    width: 350px;
    max-width: calc(100vw - 32px);
    margin-right: 24px;}
.SingleToastHidden,.SingleToastWarning,.SingleToastSuccess{
    padding: 16px 24px;
    line-height: 1.5715;
    position: relative;
    margin-bottom: 16px;
    overflow: hidden;
    right:0px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.4),0 6px 16px 0 rgba(0,0,0,0.4),0 9px 28px 8px rgba(0,0,0,0.2);
    -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.SingleToastWarning, .SingleToastSuccess {
    animation: HideToast 0.5s ease-in-out normal; 
    animation-timing-function: linear;
    animation-delay: 5s;
    animation-fill-mode: both;
}
    .SingleToastHidden{right:-400px}

    
@keyframes HideToast {
  0%   { right: 0px; }
  100% { right: -400px; }
}

    .CloseToast {
        display: block;
  text-indent: -9999px;
        position: absolute;
        top:20px;
        right:20px;
    height:15px;
    width:15px;
        cursor: pointer;
    background: url(/img/SVG/CloseGrey.svg);
  background-size: 15px 15px;
  transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
    }
    .CloseToast:hover {
    background: url(/img/SVG/CloseBlack.svg);
  background-size: 15px 15px;
    }
    
.SingleToastSuccess span.ToastIcon,.SingleToastWarning span.ToastIcon{color: #52c41a;line-height: 1;position: absolute;
margin-left: 4px;
line-height: 24px;
    height:24px;
    width:24px;
    background: url(/img/SVG/CheckGreen.svg);
  background-size: 24px 24px;
  transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
}
.SingleToastWarning span.ToastIcon{color: #52c41a;line-height: 1;position: absolute;
margin-left: 4px;
line-height: 24px;
    height:24px;
    width:24px;
    background: url(/img/SVG/WarningRed.svg);
  background-size: 24px 24px;
  transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
}
span.ToastIcon:hover{transform: rotate(360deg);}

 .ToastTitle{padding-right: 24px; display: inline-block;
margin-bottom: 8px;
color: rgba(0,0,0,0.85);
font-size: 16px;
line-height: 24px; margin-left: 48px;}
 .ToastMessage{font-size: 14px; margin-left: 48px;}

 /*HomePage Notifications*/
 
        .CHLSection_Notif{float: left;
    padding: 5px 15px;
    margin-bottom: 10px;
    min-width: 395px;
    border: 3px solid #F9941E;
    border-radius:10px;
        }
        .CHLSection_Notif-Title{font-size: 16px;
    margin: 2px 0px 0px 0px;
    padding: 0px;
    font-weight: bold;
    border-bottom:none;
}
        .RHomeNotifCont {margin-bottom: 10px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ffeedb;
    padding-bottom: 3px;
        }
    
    .RHNC_Icon{float: left;
    margin-right: 10px;
    margin-bottom: 5px;}
        .RHNC_Subject {
            font-size: 16px;
            margin-top: 5px;
        }
        .RHNC_Content{margin-top:0px}
        .RHNC_Content a{color: #F9941E; text-decoration: underline}
    
