@charset "utf-8";
/* CSS Document Version Blue */


@h1h2color: #33475b;
@color-code:"-red";

@color1: #5595B5;

@color1-dark:#427c99; 
@color1-darkheavy:#2e586d;
@color1-light:#76aac4;
@color1-lightly:#97bfd3;

@border-leftcol: #76aac4;
@border-rightcol: #76aac4;


.btn-red, .btn-danger {
    border:2px solid #c53131 !important;
    background: #c53131 !important;
    color: #fff !important;

	&:hover {
		border:2px solid #c53131 !important;
		color: #c53131 !important;
		background: transparent !important;
	}
	&:focus {
		border:2px solid #c95c5c !important;
		background: #c95c5c !important;
		color: #fff !important;
	}
}

.btn-green-transp {
    border:2px solid #55c862 !important;
    background: transparent !important;
    color: #55c862 !important;

	&:focus, &:active {
		border: 2px solid #79d483 !important;
		background: rgba(255,255,255,.5) !important;
		color: #79d483 !important;
	}
	&:hover {
    	border:2px solid #83d08c !important;
    	color: #fff !important;
    	background: #83d08c !important;
	}
}

.btn-green-2 {
    border: 3px solid #18965f !important;
    background: #18965f !important;
    color: #fff !important;

	&:hover {
		border: 3px solid #18965f;
    	color: #18965f !important;
    	background: transparent !important;
	}
}

.btn.btn-border-rounded {
    border-radius: 40px;
}
.oauth2-login-container .oauth2-login-field button {
    font-size: 16px;
    border-radius: 4px;
}

.btn-blue, .oauth2-login-container .oauth2-login-field button {
    background: #5a92b1 !important;
    color: #fff;
    border: 2px solid #5a92b1 !important;
    cursor: pointer;
	
	&:focus {
		background: #5a92b1 !important;
   		color: #fff !important;
    	border: 2px solid #5a92b1 !important;
	}
	&:hover {
    	background: transparent !important;
    	border: 2px solid #5a92b1 !important;
    	color: #5a92b1 !important;
	}
}
.btn-blue-transp {
    background: transparent !important;
    color: #5a92b1;
    border:2px solid #5a92b1 !important;
	
	&:focus {
		background: #4d7f9b !important;
    	color: #fff !important;
    	border:2px solid #4d7f9b !important;
	}
	&:hover {
		color: #fff !important;
   		background: #5391ae !important;
    	border:2px solid #5391ae !important;
    	color: #fff;
	}
}
.btn-e4jc-blue {
    background: transparent !important;
    color: #5a92b1;
    border:2px solid #5a92b1 !important;

	&:hover {
		background: #5a92b1 !important;
    	color: #fff !important;
    	border:2px solid #5a92b1 !important;
	}
	&:focus, &:active {
		background: rgba(255,255,255, .4) !important;
		color: #5a92b1 !important;
	}
}

.btn-white {
    color: #fff;
    border: 2px solid #fff !important;

	&:hover {
		color: #508EAF;
	}
}

.btn-grey {
    color: #999;
    border:2px solid #999 !important;

	&:focus {
		color: #fff !important;
		border:2px solid #666 !important;
		background: #666 !important;
	}
	&:hover {
		color: #508EAF;
	}
}

.btn-green, .btn.btn-primary {
    border:2px solid #55c862 !important;
    background: #55c862 !important;
    color: #fff !important;

	&:focus {
		border:2px solid #79d483 !important;
		background: #79d483 !important;
		color: #fff !important;
	}
	&:hover {
		border:2px solid #55c862;
		color: #55c862 !important;
		background: transparent !important;
	}
}

.logorounded {
	background:  #333;
	min-width: 194px;
	min-height: 151px;
	padding: 18px 0;
}

.logincolor h3 {
	background-color: @color1!important;
	background-image: url(../../images/user-small-white.png) !important;
	border-color: @color1-dark !important;
}

#slideadv .grey .e4j-menutitle {
	color:#666;
}

#menutitlemob {
	border-left:1px solid @border-leftcol;
	border-right:1px solid @border-leftcol;
	background: @color1  url(../../images/menumobile_white.png);
}

.grid-module > .color {
	background: @color1;
}
.grid-module > .color .e4j-divmenutitle {
	color: #fff !important;
}
.grid-module > .color a {
	color: #333;
}
.grid-module > .color a:hover {
	color: #000;
}


/**** Start ***/

.e4jtran {
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
}
.e4jtran:hover {
	transition:all 400ms ease-in-out 0s;
	-moz-transition:all 400ms ease-in-out 0s;
	-webkit-transition:all 400ms ease-in-out 0s;
	-o-transition:all 400ms ease-in-out 0s;
}

body {
	background: #fff;
}
h1, h2 {
	color: @h1h2color;
}
body a {
	color: @color1-dark;
	.e4jtran

	& a:hover {
		color:@color1;
		.e4jtran
	}
}
.vhd-docsrc-index-wrapper ul a:hover {
	color: @color1;
}

.breadcrumbs .last {
	color:@color1;
}
.breadcrumbs a:hover {
	color:@color1;
}
.createdby a {
	color:@color1;
}
.search-btn {
	background: url("../../images/search-btn@{color-code}.png") left center no-repeat;
}
input.mod-submit-btn {
	background: @color1;
	color: #fff;
	.e4jtran
}
input.mod-submit-btn:hover {
	background: @color1-dark;
	color: #fff;
	.e4jtran
}
.upmenu-content a {
	color: #fff;
}
#e4j-language-selector li ul li a {
	color: #444;
}
#e4j-language-selector li ul li a:hover {
	color: #1ccbff;
}
.topmenu li > .l-block li {
	border-bottom: 1px dashed #555;
}
.l-inline > div > ul > li.active a,
.l-inline > div > ul > li:hover a {
	color: #eee;
	.e4jtran
}
.l-inline .topmenu > ul > li.active > a, 
.l-inline .topmenu > ul > li > a:hover, 
.l-inline .topmenu > ul > li > span:hover {
	color: #5ad4f8;
	.e4jtran
}
#mainmenu .l-inline > div > ul > li a {
	border:0;
}
#mainmenu .l-inline > div > ul > li > span {
	color: #eee;
	.e4jtran
}
.l-inline li .l-block > div {
	background: #333333;
}
#mainmenu .l-inline li .l-block > div {
	background: #fff;
	box-shadow: 0 2px 5px rgba(31, 33, 41, 0.2);
    border-radius: 8px;
}
.spt-menu li .l-block > div {
	background: #ddd;
	color: #444;
}
.l-inline li .l-block li a {
	color: #444;
	.e4jtran
}
.l-inline li .l-block li a:hover {
	color: #999;
	.e4jtran
}
#mainmenu .l-inline li .l-block li a:hover {
	color: #1ccbff !important;
}
.l-inline li:hover .e4j-menusubtitle {
	color: #999;
}
.moduletable_menu > ul > li > a,
#mainmenu .moduletable > ul > li > a {
	color: #fff;
}
#mainmenu .moduletable_menu > ul > li > a:hover,
#mainmenu .moduletable > ul > li > a:hover {
	color: #1ccbff !important;
}
.mmenu ul > li.parent .l-block li.active > a {
	color: #1ccbff !important;
}
.loginmenu h3:hover .e4j-menutitle {
	color:@color1;
	.e4jtran
}
.moduletable a.readmore:hover, .moduletable a.readmore:hover {
	color:#999;
}
.tags > span > a, .pagenav li a, .pagination li > a  {
	color: #8ca7b5;
	background: transparent;
	border: 1px solid #fff;
}
.tags > span > a:hover, .pagenav li a:hover, .pagination li:hover > *, .pagination li > span{
	color: #1388c0;
	background: #daf3ff;
	border: 1px solid #1388c0;
	.e4jtran
}
.pagination .pagination-prev span, .pagination .pagination-next span, .pagination .pagination-start span, .pagination .pagination-end span {
  color: #8ca7b5;
  background: transparent;
  border: 1px solid #fff;
}
.readmore a, .vamodservices-detailsbox > .vamodservices-view > a {
	background:@color1;
	.e4jtran
}
.readmore a:hover, .vamodservices-view > a:hover {
	background:@color1-dark;
	color: #fff;
	.e4jtran
}
.vamodservices-detailsbox > .vamodservices-view > a {
	border:1px solid @border-leftcol;
}
.blog .items-more a:hover {
	color: @color1;
}
.categories-list .item-title a {
	color: @color1;
}
.categories-list .item-title a:hover {
	color: #666;
}
.itemtitle h3 a {
	color: #fff !important;
}
.tsendiscr span, .tsinit span, .tsend span {
	color: @color1 !important;
}
.item-page h2, .blog-featured h2, .blog h2 {
	color: @h1h2color;
}
.item-page h2 a, .blog-featured h2 a, .blog h2 a,
.item-page h2, .blog-featured h2, .blog h2 {
	color: @h1h2color;
}
.item-page .article-info dd a, .blog-featured .article-info dd a, .blog .article-info dd a {
	color:@color1;
}
.item-page .article-info dd a:hover, .blog-featured .article-info dd a:hover, .blog .article-info dd a:hover{
	color:#666;
}
.search input.button,
#finder-search button.button {
	background: @color1;
	border:1px solid @color1 !important;
}
.search input.button:hover,
#finder-search button.button:hover {
	background: @color1;
}
.search #searchForm fieldset a {
	color:@color1;
}
.search #searchForm fieldset a:hover {
	color:#999;
}
.search .search-results a {
	color:@color1;
	font-weight:bold;
}
.h-search .moduletable {
	background-color: rgba(149,20,20,0.8);
}
#advanced-search-toggle {
	color:@color1;
}
#advanced-search-toggle:hover {
	color:@color1;
}
span.highlight {
	color:@color1;
}
.titloc {
	color:@color1;
}
.blog .items-more h3 {
	color: @color1;	
}
.modsearch input.button {
}
.moduletable-login {
	background: none repeat scroll 0 0 #F2F2F2;
    box-shadow: 0 0 2px 0 #000000;
}
.moduletable-login h3 {
	background:url(../../images/locked.png) 15px center no-repeat;
	font-weight:normal !important;
}
input.inputbox, button.button {
	.e4jtran
}
input.inputbox:hover, input.inputbox:focus, #login-form-e4j input:focus, 
form.email input:focus, form.email textarea:focus {
	border:1px solid @color1;
	.e4jtran
}
button.button:hover {
	background:@color1-dark;
	.e4jtran
}

#adminForm table .cat-list-row1 td a, #adminForm table .cat-list-row0 td a {
	color:@color1 !important;
}
#contact-slider .panel h3 a span {
	color:@color1;
}
footer {
	color:#fff;
	background: #333;
}
footer a {
	color:#999;
}
footer .moduletable a:hover, footer .moduletable li.active a {
	color:@color1-lightly !important;
}
footer h2, footer h3{
	font-weight:bold;
	color:#fff;
}

/**** Moduli ****/
/*** NewsFlash ***/
.newsflash-title, .newsflash-title a {
	color: #33475b;
}
.newsflash-title a:hover {
	color: @color1;
}

/**** Vik Widget Kit ***/
.spinner {
	border-color:#ccc !important;
}
footer form.email input, footer form.email textarea {
	background: @color1-darkheavy;
	border:1px solid @color1-dark;
}
form.email input.send {
	background: @color1-darkheavy;
}
form.email input.send {
	background: @color1-darkheavy !important;
	border:1px solid @color1;
}
form.email input.send:hover {
	background: @color1-darkheavy;
}


/************* SUBTITLES STYLES ****/
/**** substyle1 ***/
#cnt-container .e4j-divmenutitle{
	color: #222;
}
#cnt-container .e4j-menusubtitle{
	color: #666;
}

#subfooter ul li a:hover {
	color: @color1;
}

/***** Styles ****/

.noborder {
	border:0 !important;
}

.grid-module > .border {
	border-color: #ddd;
}

.grid-module > .color-light {
	background: @color1-lightly;
}
.grid-module > .color {
	background: @color1-light;
}
.grid-module > .color {
	color: #eee;
}
.grid-module > .title-color > h3 {
	color: @color1;
}
.grid-module > .title-color > h3 .e4j-divmenutitle {
    color: @color1 !important;
}
.blog .com-content-category-blog__item .item-content .page-header a:hover {
	color: @color1;
}

/**** override system message ****/

.errore {
	width: 80%;
	display: table;
	margin: 0 auto;
}
#system-message {
	margin: 0 0 30px;
}
#system-message > .message > ul {
	padding: 25px 10px !important;
}
#system-message > dd > ul > li {
	font-size: 20px;
    font-weight: 300;
    text-align: center;
    padding-left: 55px;
}
#system-message > dd > ul {
	border-bottom:1px dotted #999 !important;
	border-top:1px dotted #999 !important;
	margin:3px !important;
}
#system-message > .message.message > ul {
	color: #999900;
	background: #fff url(../../images/success-msg.png) no-repeat 15px center !important;
}
#system-message > .error.message > ul {
	color: #CC0000;
	background: #fff url(../../images/error-msg.png) no-repeat 15px center !important;
}
#system-message > .notice.message > ul {
	color: #CC9900;
	background: #fff url(../../images/warning-msg.png) no-repeat 15px center !important;
}

.com-users-registration__register {
	.btn-green
}
.bringfriend-form-column input:focus, .bringfriend-form-column textarea:focus, .bringfriend-form-column input:focus-visible, .bringfriend-form-column textarea:focus-visible {
    border-color: @color1;
}
.com-users-login__options .list-group-item:hover, .com-users-login__options .list-group-item:hover, .login + div .nav.nav-tabs li a:hover {
	color: @color1;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: @color1 !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: @color1 !important;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: @color1 !important;
}

@import "../config.less";