@color-foreground: #1c6082;
@color-foreground-green: #395e4b;
@color-foreground-red: #5e3939;
@color-foreground-yellow: #5e5539;

@color-background: #f3f4f5;
@color-background-panel: #ffffff;
@color-background-sub-panel: #f6f7f8;
@color-background-sub-panel-yellow: #fdfdfd;
@color-background-sub-panel-green: #fdfdfd;

@color-border-panel: #bbc4ce;
@color-border-panel-yellow: #d3ccb6;
@color-border-panel-green: #b6d3c4;

@mask-opacity: 0.30;

.gradient-background-panel {
    background: rgb(243,244,245); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(243,244,245,1) 0%, rgba(255,255,255,1) 50%, rgba(243,244,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(243,244,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(243,244,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(243,244,245,1) 0%,rgba(255,255,255,1) 50%,rgba(243,244,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(243,244,245,1) 0%,rgba(255,255,255,1) 50%,rgba(243,244,245,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(243,244,245,1) 0%,rgba(255,255,255,1) 50%,rgba(243,244,245,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(243,244,245,1) 0%,rgba(255,255,255,1) 50%,rgba(243,244,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f5', endColorstr='#f3f4f5',GradientType=1 ); /* IE6-9 */
}

.gradient-background-panel-yellow {
    background: rgb(243,241,236); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(243,241,236,1) 0%, rgba(251,250,249,1) 50%, rgba(243,241,236,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(243,241,236,1)), color-stop(50%,rgba(251,250,249,1)), color-stop(100%,rgba(243,241,236,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(243,241,236,1) 0%,rgba(251,250,249,1) 50%,rgba(243,241,236,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(243,241,236,1) 0%,rgba(251,250,249,1) 50%,rgba(243,241,236,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(243,241,236,1) 0%,rgba(251,250,249,1) 50%,rgba(243,241,236,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(243,241,236,1) 0%,rgba(251,250,249,1) 50%,rgba(243,241,236,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1ec', endColorstr='#f3f1ec',GradientType=1 ); /* IE6-9 */
}

.gradient-background-panel-green {
    background: rgb(236,243,239); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(236,243,239,1) 0%, rgba(249,251,250,1) 50%, rgba(236,243,239,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(236,243,239,1)), color-stop(50%,rgba(249,251,250,1)), color-stop(100%,rgba(236,243,239,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(236,243,239,1) 0%,rgba(249,251,250,1) 50%,rgba(236,243,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(236,243,239,1) 0%,rgba(249,251,250,1) 50%,rgba(236,243,239,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(236,243,239,1) 0%,rgba(249,251,250,1) 50%,rgba(236,243,239,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(236,243,239,1) 0%,rgba(249,251,250,1) 50%,rgba(236,243,239,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf3ef', endColorstr='#ecf3ef',GradientType=1 ); /* IE6-9 */
}

.gradient-background-panel-red {
    background: rgb(247,242,242); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(247,242,242,1) 0%, rgba(254,254,254,1) 50%, rgba(247,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,242,242,1)), color-stop(50%,rgba(254,254,254,1)), color-stop(100%,rgba(247,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(247,242,242,1) 0%,rgba(254,254,254,1) 50%,rgba(247,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(247,242,242,1) 0%,rgba(254,254,254,1) 50%,rgba(247,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(247,242,242,1) 0%,rgba(254,254,254,1) 50%,rgba(247,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(247,242,242,1) 0%,rgba(254,254,254,1) 50%,rgba(247,242,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f2f2', endColorstr='#f7f2f2',GradientType=1 ); /* IE6-9 */
}

.field_error {
    background: rgba(255, 0, 0, 0.10);
}

.badge {
    display:none;
    position:absolute; 
    top:12px; 
    right:-18px; 
    background:#1a305d; 
    color:#FFF; 
    font-size:14px; 
    text-align:center; 
    padding:8px 40px;
    -webkit-box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.25);
    cursor: default;
}

div.arrow-right {
    display:inline-block;
	width: 0; 
	height: 0; 
	border-bottom: 5px solid transparent;  /* left arrow slant */
	border-top: 5px solid transparent; /* right arrow slant */
	border-left: 5px solid #164c7b; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
}

.mask_fade_in
{
    opacity: @mask-opacity;
}

.mask_fade_out
{
    opacity: 0;
}

@media print  { .noprint  { display: none; } }
@media screen { .noscreen { display: none; } }