/* Minification failed. Returning unminified contents.
(267,95): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(272,1): run-time error CSS1019: Unexpected token, found '@'
(272,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
body, html{font-family: 'Montserrat', sans-serif;}
h2{font-family: 'Shrikhand', cursive;}    .btn{border-radius: 24px;}
                                          
    ::selection{background-color:#70d18b; color:#ffffff;}
    ::-moz-selection{background-color:#70d18b; color:#ffffff;}

/*  RELAGO COLORS   */
/*  RELAGO COLORS   */
/*  RELAGO COLORS   */

.bg-primary,.btn-primary {background-color: #418ad1 !important;border-color: #418ad1;}
.bg-secondary,.btn-secondary,.btn-primary:hover,.btn-quaternary:hover {background-color: #f7941d !important;border-color: #f7941d;}
.bg-tertiary,.btn-tertiary,.btn-secondary:hover {background-color: #6bbd46 !important;border-color: #6bbd46;}
.bg-quaternary,.btn-quaternary,.btn-tertiary:hover {background-color: #bd469d !important;border-color: #bd469d;}
.bg-Relago-dark {background-color: #001c30;} /*20210318*/
 

.border-primary {border-color: #418ad1 !important;}
.border-secondary {border-color: #f7941d !important;}
.border-tertiary {border-color: #6bbd46 !important;}
.border-quaternary {border-color: #bd469d !important;}

.text-primary {color: #418ad1 !important;}
.text-secondary {color: #f7941d !important;}
.text-tertiary {color: #6bbd46 !important;}
.text-quaternary {color: #bd469d !important;}

a.text-light:focus, a.text-light:hover {color: #ffffff !important;}

h1{font-size:3rem}
@media(min-width:576px) {h1{font-size:4rem}}
h2{font-size:1.5rem}
@media(min-width:576px) {h2{font-size:2rem}}
/*h2,.h2 {color:#F7941D !important}  */

table[role=grid] tbody[role=rowgroup] tr:not(.k-alt){background-color:#fff}
table[role=grid] tbody[role=rowgroup] tr:not(.k-alt):hover{background-color:#ebebeb}

.sectionvisible {    display: inline;    visibility: visible;}
.sectionhidden {    display: none;    visibility: hidden;    height: 0px;}


.equal-height {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}



.RelaGOUpperMenuLink {
    background-image: url('/img/RelagoUpperMenuLink.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 13px;
    height: 7px;
    padding: 0;
    position: absolute;
    top: 27px;
    left: 41px;
}

@media(min-width:768px) {
    .RelaGOUpperMenuLink {
        left: 50px;
    }
}

    /* PROGRESSBAR */
    body {counter-reset: step;}
    #progressbar li {
	list-style-type: none;	
	width: 33%;
	float: left;
	position: relative;
	text-align: center;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 80px;
	height: 80px;
	line-height: 70px;
	display: block;	
	border-radius: 50%;
	margin: 0 auto 10px auto;
	border: 4px solid #efefef;
	text-align: center;
	background-color: white;
	z-index: 99;
	position: relative;
}
 
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #ddd;
	position: absolute;
	left: -50%;
	top: 40px;
	z-index: 1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
#progressbar li.active {
	color: green;
}
#progressbar li.danger {
	color: red;
}
 
#progressbar li.error {
	color: red;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before{
	border-color: green;
}
 
#progressbar li.error:before{
	border-color: red;
}
 
#progressbar li.active + li:after {
	background-color: green;
}
 
.modal-large{width: 80%}
.callout.boxcount {
    border-color: #0097bc;
    background: #eee;
}
.disbaled-div {
	pointer-events:none;
}
#po_list tooltip:not(:first-child){
    margin-left: -8px !important;
}
#progressbar li.current:before {
    background: #418ad1; color: white; font-size: 36px;
}

#progressbar li.current:first-child:before {background: #f7941d;}



@keyframes CTA_bounce {
  0% { transform: scale(1.0) rotate(16deg); }
  55% { transform: scale(1.0) rotate(16deg); }
  60% { transform: scale(1.2) rotate(16deg); }
  65% { transform: scale(0.8) rotate(16deg); }
  70% { transform: scale(1.0)rotate(16deg); }
  75% { transform: scale(1.0) rotate(32deg); }
  85% { transform: scale(1.0)rotate(0deg); }
  99% { transform: scale(1.0)rotate(16deg); }
  100% { transform: scale(1.0) rotate(16deg); }
} 
.CTA_arrow{animation: CTA_bounce 7s ease infinite}
a.btn-quaternary,a.btn-quaternary:hover{color:white !important;}


.LPParallax {
    background-image: url(/img/LandingPages/RelagoLPBckg20.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.LPParallaxCro {
    background-image: url(/img/LandingPages/CroatiaIslandBckg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.RSPutniApp, .RSRacuniApp, .RSClanstvoApp, .RSDokumentiApp, .RSRezervacijeApp, .RSLokoApp {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #21588d;
    background-position: top right;
    text-shadow: 4px 4px #333;
}
.RSAllApps {
    background-image: url(/img/aplikacije-big.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: 2px 2px #333;
}

.RSPutniApp {
    background-image: url(/img/putni-big.jpg);
}

.RSRacuniApp {
    background-image: url(/img/racuni-big.jpg);
}
.RSDokumentiApp {
    background-image: url(/img/dokumenti-big.jpg);
}

.RSClanstvoApp {
    background-image: url(/img/clanstvo-big.jpg);
}

.RSRezervacijeApp {
    background-image: url(/img/rezervacije-big.jpg);
}

@media(min-width:576px) {
    .RSPutniApp, .RSRacuniApp, .RSClanstvoApp, RSDokumentiApp, .RSRezervacijeApp {
        text-shadow: 2px 2px #333;
    }
}

.RSLokoApp {
    background-image: url(/img/LandingPages/LokoVoznjaAppPres2.jpg);
    background-color: transparent;
    background-position: center center;
    text-shadow: 2px 2px #333;
    background-size: cover;
}
.RSLokoApp2 {
    background-image: url(/img/LandingPages/LokoVoznjaAppPres4.jpg);
    background-position: center center;
    background-size: cover;
}
.carousel {
    margin-bottom: 0rem;
}
.carousel-item{height:100% !important}



.Gridrow_LogonSummary_visible {
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: #FF7171;
    color: #fff;
}
.Gridrow_LogonSummary_visible div ul li{list-style-type: none;}
.Gridrow_LogonSummary_visible div ul{padding-left: 0px;}

.Gridrow_LogonSummary_invisible {
    display: none;
}
/*  REGISTRACIJSKI CHECKBOX*/
.myCheckbox input,.myCheckboxChecked input {display: none;}
.myCheckbox span,.myCheckboxChecked {
    background-image: url(/img/sprite.png);
    background-position: -235px -1103px;
    height: 34px;
    width: 34px;
    z-index: 100;
    border:0; display:inline-block; cursor:pointer; border: 2px solid #fff; margin-top:6px;
}
.myCheckbox span:hover,.myCheckboxChecked { background-position: -235px -1133px;}
.myCheckbox input:checked + span,.myCheckboxChecked { background-position: -205px -1103px;}
.myCheckbox input:checked + span:hover,.myCheckboxChecked:hover { background-position: -205px -1133px;}
.CheckboxContainer_error{padding-top:0px; padding-bottom:0px; margin-top:0px -webkit-animation: CheckboxBlink 1s infinite;  /* Safari 4+ */
  -moz-animation: CheckboxBlink 1s infinite;  /* Fx 5+ */
  -o-animation: CheckboxBlink 1s infinite;  /* Opera 12+ */
  animation: CheckboxBlink 1s infinite;  /* IE 10+, Fx 29+ */
}
@@-webkit-keyframes CheckboxBlink {
  0%, 49% {    background-color: red;  }
  50%, 100% {    background-color: none;  }
}
.CheckboxContainer_clicked{padding-top:0px; background-color: none;}
 label#labCheckbox{margin-bottom:0px !important}

    /*  FOOTER IZ STAROG CSS-a*/
    #footerlogo {
    background-image: url(/img/sprite.png);
    background-position: 0px -1539px;
    width: 250px;
    height: 158px;
}
    
footer.bg-Relago-dark{border-top: 3px solid #418ad1 !important;border-bottom: 3px solid #418ad1 !important}

/*FOOTER LEADERBOARD BANNER*/

#Relago_leaderboard_banner_container1 a img {max-width: 100%; height: auto;}


/* HEADER iz starog CSS-a */
.Relago_app_logo {
    background-image: url(/img/sprite.png);
	background-position: 0px 0px;
	position:relative;
	height: 67px;
	width: 134px;
	float: left;
	padding: 0px;
	margin:0px;
	cursor:pointer;
}
.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;}
.socialicons .nav-item .RSC_facebook:hover{background-position: -101px -282px}
.socialicons .nav-item .RSC_twitter:hover{background-position: -117px -282px}
.socialicons .nav-item .RSC_googleplus:hover{background-position: -151px -282px}
.socialicons .nav-item .RSC_linkedin:hover{background-position: -133px -282px}
.socialicons .nav-item .RSC_youtube:hover{background-position: -168px -282px}
.socialicons .nav-item .RSC_facebook{background-position: -101px -300px;}
.socialicons .nav-item .RSC_twitter{background-position: -117px -300px;}
.socialicons .nav-item .RSC_googleplus{background-position: -151px -300px;}
.socialicons .nav-item .RSC_linkedin{background-position: -133px -300px;}
.socialicons .nav-item .RSC_youtube{background-position: -168px -300px;}

/* DROPDOWN SUBMENU */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
.dropdown-menu{background-color:#001c30; color: #ffffff; border: 2px solid #ffffff}
.dropdown-item:focus, .dropdown-item:hover,.dropdown-item {    color: #ffffff;    text-decoration: none;background-color:#001c30}
.dropdown-item:hover {background-color:#418ad1}
body{padding-top:0}

.breadcrumb-item + .breadcrumb-item::before {color: #fff;}
ol.breadcrumb li.breadcrumb-item a  {color: #fff}

html {
    scroll-behavior: smooth;
}

/* BLOG DORADE */
.BlogPostCategory,.BlogPostCategory_active,.StoreSmallNav,.StoreSmallNav_active{padding:15px; padding-right:40px; background-color:#418AD1; margin-bottom:5px; background-image: url("/img/NavArrow.png"); background-position: right -40px center; background-repeat: no-repeat; color: #FFFFFF; cursor: pointer;
    -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,.StoreSmallNav:hover,.StoreSmallNav_active{background-color:#F7941D; background-position: right 10px center;}

.Relago_GridRow_Showcase_Big {padding-top:20px}

.Relago_GridRow_Showcase_Big_invisible {
    display: none
}

.ShowcaseInfo {
    position: absolute;
    top: -35px;
    right: 0px;
    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 */
}

@media(min-width:576px) {.ShowcaseInfo {right: -22px;}}
@media(min-width:992px) {.ShowcaseInfo {right: -40px;}}

a.SBPTitle{float:left; 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; font-size:80%}
.SBPDate{clear:left}
a.SBPLink{float:right; padding: 10px 20px; background-color:#418AD1; margin:20px 15px 5px; color: #FFFFFF; cursor: pointer; font-weight:normal;}
a.SBPLink:hover{background-color:#F7941D; text-decoration:none}
.SBPTextIntro{clear: left;}

.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;}

.SingleBlogPostContainer{margin-bottom:2rem;}


.RBP_contleft img {
    float: left;
    padding-right: 15px;
    padding-bottom: 15px;
    max-width: 50%;
    height: auto;
}
.RBP_contright img{float:right; padding-left:15px; padding-bottom:15px; max-width:50%; height: auto;}
.RBP_contleft img:first-child{max-width: 100%; clear:both; display:block}
.RBP_contleft > img ~ img {max-width: 50%;}



a.BPBackLink {
    margin: 20px;
    padding: 20px 80px;
    font-size: 24px;
    font-weight: normal;
    background-color: #418ad1;
    color: #fff;
    background-position: 24px 23px;
    background-image: url('/img/NavArrowRew.png');
    background-repeat: no-repeat;
    cursor: pointer;
}
a.BPBackLink:hover {background-color: #f7941d; text-decoration:none}

#slidebox {
    padding: 10px 16px 10px 10px;
    background-color: #fff;
    border-top: 3px solid #f7761f;
    position: fixed;
    bottom: 0;
    right: -450px;
    -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: 0;
    top: -15px;
    width: 26px;
    opacity:1;
}
.BPContent a img{max-width: 100%; height:auto}


/*************************************************************  */
/*------- 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; opacity: 0.5;}}

/*************************************************************  */
/*------- 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-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-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
}

/* Kendo modal window */
.k-window-content{padding-left:0px !important; padding-right:0px !important; display:flex} 
.k-window-titlebar{background-color: #418ad1 !important; color: #ffffff !important}
.k-window-content input.k-textbox{width:100%}
/*textarea.k-textarea{padding: 0.8em 0; border-radius: 4px; border-color: #ccc; text-indent: .8em;border-style: solid; border-width: 1px;}
textarea.k-textarea:hover{border-color: #aeaeae;}
textarea.k-textarea:hover{box-shadow: 0 0 7px 0 #76abd9;}*/
.r-input-valid{border-color: #ccc;}
.r-input-invalid{border-color: #f7941d; color:#f7941d}

/*
.k-window-content .container{max-width:92%}
    */

/* NAČINI 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;}
.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;
    }



.Relago_GridRow_cart_warning {
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #ff7171;
    padding: 15px 50px;
    font-size: 16px;
    margin: 5px 0px;
}

#Odabirnacinaplacanjagumb{background-image: url(/img/SVG/RelagoArrowTransparent1.svg); background-position: right 45px center; background-repeat: no-repeat;
  background-size: 30px 30px;}
#Relago_online_placanje_karticom_button input,#Relago_placanje_po_predracunu_button input{background-image: url(/img/SVG/RelagoArrowTransparent1.svg); background-position: right 45px center; background-repeat: no-repeat;
  background-size: 30px 30px;}
.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;}

.OdabirPlacanja .card-deck .card{border:5px solid #fff; cursor:pointer}
.OdabirPlacanja .card-deck .card:hover{border:5px solid #418ad1;}
.Relago_filled_checkbox_button{min-height:40px;background-image: url(/img/SVG/RelagoArrowTransparent1.svg); background-position:right 0px center; background-repeat: no-repeat; background-size: 45px 45px; webkit-transition: background-position 1s ease; -moz-transition: background-position 1s ease; -o-transition: background-position 1s ease;}
.Relago_empty_checkbox_button{min-height:40px;background-image: url(/img/SVG/RelagoArrowTransparent1.svg); background-position: right -50px center; background-repeat: no-repeat; background-size:  45px 45px; webkit-transition: background-position 1s ease; -moz-transition: background-position 1s ease; -o-transition: background-position 1s ease;}

/*MOJ RELAGO*/

.MyRelagoAdminLinks div a{float:left; background-color: #418ad1;color:#fff; padding: 1rem; text-decoration:none; width:100%; margin:0.5rem;background-image: url(/img/SVG/RelagoArrowTransparent1.svg); background-position: right 10px center; background-repeat: no-repeat; background-size:  35px 35px;}
.MyRelagoAdminLinks div a:hover {background-color: #f7941d}

.img_ident_app_edm,.img_ident_app_putni,.img_ident_app_virmani,.img_ident_app_clanstvo,.img_ident_app_hr,.img_ident_app_racuni,.img_ident_app_misc,.img_ident_app_sfa,.img_ident_app_resourcebooking,.img_ident_app_rb {
    background-repeat: no-repeat; padding:5px;
    background-image: url(/img/SVG/RelagoLogo_EDM.svg)
}
.img_ident_app_putni{background-image: url(/img/SVG/RelagoLogo_PUT.svg)}
.img_ident_app_virmani{background-image: url(/img/SVG/RelagoLogo_CLA.svg)}
.img_ident_app_clanstvo{background-image: url(/img/SVG/RelagoLogo_CLA.svg)}
.img_ident_app_hr{background-image: url(/img/SVG/RelagoLogo_PUT.svg)}
.img_ident_app_racuni{background-image: url(/img/SVG/RelagoLogo_RAC.svg);}
.img_ident_app_misc{background-image: url(/img/SVG/Dove.svg);}
.img_ident_app_sfa{background-image: url(/img/SVG/RelagoLogo_SFA.svg);}
.img_ident_app_resourcebooking{background-image: url(/img/SVG/RelagoLogo_RB.svg);}
.img_ident_app_edm{background-image: url(/img/SVG/RelagoLogo_EDM.svg);}
.img_ident_app_rb{background-image: url(/img/SVG/RelagoLogo_RB.svg);}


.card-activeapp{background-color: #418ad1 !important;border: 2px solid #fff;}
.card-activeapp:hover{border: 2px solid #418ad1;}
.card-activetrial{background-color: #6bbd46 !important;border: 2px solid #fff;}
.card-activetrial:hover{border: 2px solid #6bbd46;}
.card-expiredapp{background-color: #333 !important;border: 2px solid #fff;}
.card-expiredapp:hover{border: 2px solid #333;}
.card-expiredtrialapp{background-color: #2d362d !important;border: 2px solid #fff;}
.card-expiredtrialapp:hover{border: 2px solid #2d362d;}
.card-apptrialavailable{background-color: #6bbd46 !important;border: 2px solid #fff;}
.card-apptrialavailable:hover{border: 2px solid #6bbd46;}
.card-apptrialrejected{background-color: #333 !important;border: 2px solid #fff;}
.card-apptrialrejected:hover{border: 2px solid #333;}
.card-apptrialawaitingtrial{background-color: #f7941d !important;border: 2px solid #fff;}
.card-apptrialawaitingtrial:hover{border: 2px solid #f7941d;}

@media(min-width:1200px) {
    .card-activeapp p.card-text, .card-activetrial p.card-text, .card-expiredapp p.card-text, .card-expiredtrialapp p.card-text, .card-apptrialavailable p.card-text, .card-apptrialrejected p.card-text, .card-apptrialawaitingtrial p.card-text {min-height: 120px}
}
    



.img_ident_trial_or_app_expired img {
    content: url("~/img/SVG/Block.svg");
}
.img_ident_request_trial img{content:url("../img/SVG/Free.svg"); width:50px; height:50px;}


.R2CL_Excluded_Message_Open{ border-left:5px solid #418ad1;clear:both; padding: 5px; margin-bottom:1rem}
.R2CL_Excluded_Message_Closed{ height:1.5rem; padding-left: 5px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; border-left:1px solid #418ad1; clear:both; cursor:pointer; margin-bottom:1rem;}

.Relago_primjer_logo{width:150px; height:70px; background-image: url(/img/sprite.png); background-position: -170px -363px; margin: 5px;}

th.k-header{background-color:#418ad1; color:white}
.k-grid-header .k-link:link{color:white !important}
.k-grid tr td{border:0}
.RelagoBGridActCel{text-align:center;padding: 3px !important; margin:0px}
.RelagoBGridActCel div{background-color: #418ad1;padding: 2px 2px 3px 2px; margin:0px; cursor:pointer}
.RelagoBGridActCel div:hover{background-color: #f7941d;}
/*************************************************************  */
/*----------- Defaultni kendo edit  ----------------------  */
/**************************************************  */
a.k-button.k-button-icontext.k-grid-edit{text-indent:-9999px; min-width:0px; width:100%; color:#fff; border-radius:0px; border: none; background-color: #418ad1;padding: 7px 2px 7px 2px; margin:0px; cursor:pointer}a.k-button.k-button-icontext.k-grid-edit span{margin:1px 5px}a.k-button.k-button-icontext.k-grid-edit:hover{background-color: #f7941d}

/*************************************************************  */
/*--------------- Kendo default window ---------------------------  */
/**************************************************  */
.k-edit-form-container .k-edit-buttons{text-align:center}
.k-edit-buttons a.k-grid-update,.k-edit-buttons a.k-grid-cancel{
    text-indent: -9999px;
}
.k-edit-buttons.k-state-default{text-align:center !important; border: 0px #fff; background-color: #fff}
.k-edit-buttons a.k-button span.k-icon {
    margin-right: 0px;
    margin-left: 0px;
    font-size: 20px
}
.k-edit-buttons a.k-button span.k-i-cancel { font-size:23px}
.k-edit-buttons a.k-button span.k-i-cancel::before { content:"\e11b" }

/*************************************************************  */
/*--------------- Kendo default grid ---------------------------  */
/**************************************************  */
.k-grid td{line-height: 1.2em; padding: .3em .6em; font-size: 0.9em;}
.k-grid-add{background-color:#418ad1 !important; color: white !important;border: 0 !important;border-radius: .25rem !important}
.k-grid-add:hover{background-color:#f7941d !important; color: white !important}
span.k-i-add {display: none;}
.k-grid-top{background-color:white; border:0}

    /*************************************************************  */
    /*----------- 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} 


/*RELAGO PROMOCODE NOTIFICATION DIV  */
.PromoCodeWarning_invisible{display:none;}
.PromoCodeWarning_visible{text-align:center; margin:4px; padding:6px; background-color:#ff7171; color:#fff; font-weight:bold;}


.RelGridRow{background-color:#efefef; padding: 1rem 0 }
.RelGridSave{border:5px solid #fff; position: absolute; top:15%; right:20px}
@media(min-width:576px) {.RelGridSave {top:18%}}
@media(min-width:768px) {.RelGridSave {top:20%}}
@media(min-width:992px) {.RelGridSave {top:25%}}
.RelGridSave:hover{border:5px solid #fff}
/*************************************************************  */
/*--------------- 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}

/*************************************************************  */
/*--------------- MY Relago ---------------------------  */
/**************************************************  */

.CHRCTWD1Left,.CHRCTWD1Right,.CHRCTWD2Left,.CHRCTWD2Right{background-color:transparent; color:#fff;}
.CHRCTWD2Left_Alert,.CHRCTWD2Right_Alert{background-color:#FF6565;}
.RelagoThreadsRow div div:hover{cursor:pointer; background-color: #f7941d}

#Relago_medium_rectangle_banner_container1 a img{max-width: 100%; height: auto; float:right}
#Relago_medium_rectangle_banner_container1 {max-width:50%; margin-right:0px; padding-right:0px; float:left}
div.col-md-6 #Relago_medium_rectangle_banner_container1 {max-width:100%; float:right}
@media(min-width:992px) {#Relago_medium_rectangle_banner_container1 {max-width:33%}}
.Relago_GridRow_Showcase_Big .pull-right img{max-width: 100%; height: auto; float:right}
.Relago_GridRow_Showcase_Big .pull-right {max-width:33%; margin-right:0px; padding-right:0px; float:right}
@media(min-width:576px) {.Relago_GridRow_Showcase_Big .pull-right {max-width:50% !important;}}
#Relago_medium_rectangle_banner_container1.mrbal{max-width:100%;}