/*
 * Ermes
 * Copyright(c) 2006, Guillaume Jactat.
 * 
 * This code is licensed under BSD license. Use it as you wish, 
 * but keep this copyright intact.
 */


div.number-spin-btn-container {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  margin: 0;
  padding: 0; }

div.number-spin-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 2px;
  border-color: #ededed #777777 #777777 #ededed;
  border-style: solid;
  background-color: #cccccc;
  width: 1.2em; }
  div.number-spin-btn:hover {
    cursor: pointer; }
  div.number-spin-btn:active {
    border-width: 2px;
    border-color: #5e5e5e #d8d8d8 #d8d8d8 #5e5e5e;
    border-style: solid;
    background-color: #999999; }

div.number-spin-btn-up {
  border-bottom-width: 1px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  height: 18px !important;}
  div.number-spin-btn-up:before {
    border-width: 0 0.3em 0.3em 0.3em;
    border-color: transparent transparent black transparent;
    top: 25%; }
  div.number-spin-btn-up:active {
    border-bottom-width: 1px; }
  div.number-spin-btn-up:active:before {
    border-bottom-color: white;
    top: 26%;
    left: 51%; }

div.number-spin-btn-down {
  border-top-width: 1px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  height: 18px !important;}
  div.number-spin-btn-down:before {
    border-width: 0.3em 0.3em 0 0.3em;
    border-color: black transparent transparent transparent;
    top: 75%; }
  div.number-spin-btn-down:active {
    border-top-width: 1px; }
  div.number-spin-btn-down:active:before {
    border-top-color: white;
    top: 76%;
    left: 51%; }

div.number-spin-btn-up:before,
div.number-spin-btn-down:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 50%;
  margin: -0.15em 0 0 -0.3em;
  padding: 0; }

input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:active, input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:active {
  border-color: #ededed #777777 #777777 #ededed;
  border-style: solid;
  background-color: #cccccc; }
input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:before, input:disabled + div.number-spin-btn-container > div.number-spin-btn-up:active:before {
  border-bottom-color: #999999;
  top: 25%;
  left: 50%; }
input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:before, input:disabled + div.number-spin-btn-container > div.number-spin-btn-down:active:before {
  border-top-color: #999999;
  top: 75%;
  left: 50%; }

.container{
    padding-left: 4px;
    padding-right: 4px;
}

.container > .navbar-header, .container > .navbar-collapse {
    margin-left: 0px;
    margin-right: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 4px;
    padding-right: 4px;
}

.btn-xs {
    padding: 2px 5px;
}

.btn-dark {
  color: #ffffff;
  background-color: #474949;
  border-color: #474949;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
  color: #ffffff;
  background-color: #3a3c3c;
  border-color: #2e2f2f;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #474949;
  border-color: #474949;
}

.btn-action {
    background-color: #CAD732;
    border-color: #CAD732;
    color: #191919;
}
.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    background-color: #C3D231;
    border-color: #C0C949;
    color: #191919;
}

.btn-basket {
    background-color: #E6727B;
    border-color: #E6727B;
    color: #F2F0F1;
}
.btn-basket:hover,
.btn-basket:focus,
.btn-basket:active,
.btn-basket.active,
.btn-basket.disabled,
.btn-basket[disabled] {
    background-color: #DA6A73;
    border-color: #BF5861;
    color: #F2F0F1;
}

.btn-clear {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    color: #191919;
}

.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active,
.btn-clear.active {
  background-color: #EFEFEF;
  border-color: #E0E0E0;
  color: #191919;
}

.btn-clear.disabled,
.btn-clear[disabled],
fieldset[disabled] .btn-clear,
.btn-clear.disabled:hover,
.btn-clear[disabled]:hover,
fieldset[disabled] .btn-clear:hover,
.btn-clear.disabled:focus,
.btn-clear[disabled]:focus,
fieldset[disabled] .btn-clear:focus,
.btn-clear.disabled:active,
.btn-clear[disabled]:active,
fieldset[disabled] .btn-clear:active,
.btn-clear.disabled.active,
.btn-clear[disabled].active,
fieldset[disabled] .btn-clear.active {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}

.btn-clear .caret {
    border-top-color: #191919;
}

.panel {
    margin-bottom: 5px;
}

.panel-group {
    margin-bottom: 4px;
}

@media (max-width:767px) {
    .panel-body {
        padding: 8px 5px;
    }

    .form-horizontal .form-group {
        margin-right: inherit;
        margin-left: inherit;
    }

    .nav-tabs {
        clear:both;
        padding-top:5px;
    }
}

.panel-heading, .panel-footer {
    padding: 8px 15px;
}

.panel-heading .resize {
    cursor: pointer;
    font-size: 20px;
}

.panel-title {
    line-height: 18px;
}

.well {
    margin-bottom: 0px;
    min-height: 35px;
}

.well-sm {
    padding: 4px;
}

.pagination > li {
    display: inline-block;
}

.navbar {
    z-index: 50;
}

.navbar-toggle {
    margin-left: 10px;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}


@font-face {
  font-family: 'ermes-font-base';
  src: url('../fonts/ermes-font-base.eot?804934');
  src: url('../fonts/ermes-font-base.eot?804934#iefix') format('embedded-opentype'),
       url('../fonts/ermes-font-base.woff?804934') format('woff'),
       url('../fonts/ermes-font-base.ttf?804934') format('truetype'),
       url('../fonts/ermes-font-base.svg?804934#ermes-font-base') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-"]:before, [class*=" icon-"]:before {
    display: inline-block;
    font-family: 'ermes-font-base';
    font-style: normal;
    font-weight: normal;
    min-width: 1em;
}

.icon-spin:before { content: '\e801'; } 
.icon-list:before { content: '\e812'; } 
.icon-plus:before { content: '\e813'; } 
.icon-minus:before { content: '\e818'; } 
.icon-question:before { content: '\e82c'; } 
.icon-lock:before { content: '\e848'; } 
.icon-unlock:before { content: '\e849'; } 
.icon-eye-open:before { content: '\e82b'; } 
.icon-tag:before { content: '\e837'; } 
.icon-download:before { content: '\e80d'; } 
.icon-game:before { content: '\e850'; } 
.icon-document:before { content: '\e824'; } 
.icon-folder-close:before { content: '\e820'; } 
.icon-folder-open:before { content: '\e821'; } 
.icon-rss:before { content: '\e804'; } 
.icon-menu:before { content: '\e855'; } 
.icon-basket:before { content: '\e810'; } 
.icon-registrations:before { content: '\e856'; } 
.icon-resize-full:before { content: '\e816'; } 
.icon-resize-small:before { content: '\e817'; } 
.icon-web:before { content: '\e84d'; } 
.icon-new:before { content: '\e84c'; } 
.icon-briefcase:before { content: '\e825'; } 
.icon-off:before { content: '\e827'; } 
.icon-asterisk:before { content: '\e83d'; } 
.icon-filter:before { content: '\e81f'; } 
.icon-desc:before { content: '\e84b'; } 
.icon-asc:before { content: '\e84a'; } 
.icon-site:before { content: '\e83e'; } 
.icon-puzzle:before { content: '\e852'; } 
.icon-info:before { content: '\e814'; } 
.icon-return:before { content: '\e83c'; } 
.icon-link:before { content: '\e809'; } 
.icon-capture:before { content: '\e853'; } 
.icon-export:before { content: '\e805'; } 
.icon-time:before { content: '\e82d'; } 
.icon-chevron-left:before { content: '\e832'; } 
.icon-chevron-right:before { content: '\e831'; } 
.icon-arrow-bottom:before { content: '\e854'; } 
.icon-arrow-right:before { content: '\e80e'; } 
.icon-arrow-up:before { content: '\e808'; } 
.icon-magnet:before { content: '\e80f'; } 
.icon-study:before { content: '\e83b'; } 
.icon-search:before { content: '\e828'; } 
.icon-picture:before { content: '\e845'; } 
.icon-bookmark:before { content: '\e80b'; } 
.icon-plans:before { content: '\e851'; } 
.icon-subscription:before { content: '\e847'; } 
.icon-check:before { content: '\e81b'; } 
.icon-fullscreen:before { content: '\e823'; } 
.icon-exchange:before { content: '\e81a'; } 
.icon-edit:before { content: '\e82f'; } 
.icon-print:before { content: '\e826'; } 
.icon-article-alt:before { content: '\e81d'; } 
.icon-tablet:before { content: '\e83a'; } 
.icon-book:before { content: '\e815'; } 
.icon-easel:before { content: '\e81c'; } 
.icon-star:before { content: '\e819'; } 
.icon-star-empty:before { content: '\e83f'; } 
.icon-user:before { content: '\e80c'; } 
.icon-remove:before { content: '\e822'; } 
.icon-author:before { content: '\e842'; } 
.icon-spread:before { content: '\e833'; } 
.icon-art:before { content: '\e846'; } 
.icon-cinema:before { content: '\e803'; } 
.icon-post:before { content: '\e834'; } 
.icon-trash:before { content: '\e807'; } 
.icon-acrobat:before { content: '\e800'; } 
.icon-listen:before { content: '\e802'; } 
.icon-post-open:before { content: '\e841'; } 
.icon-pencil:before { content: '\e82a'; } 
.icon-bell:before { content: '\e806'; } 
.icon-map:before { content: '\e844'; } 
.icon-wrench:before { content: '\e829'; } 
.icon-basket-empty:before { content: '\e843'; } 
.icon-calendar:before { content: '\e81e'; } 
.icon-music:before { content: '\e84e'; } 
.icon-ban-circle:before { content: '\e82e'; } 
.icon-desktop:before { content: '\e835'; } 
.icon-publisher:before { content: '\e84f'; } 
.icon-wallet:before { content: '\e836'; } 
.icon-ok:before { content: '\e838'; } 
.icon-comment:before { content: '\e811'; } 
.icon-warning:before { content: '\e839'; } 
.icon-cog:before { content: '\e80a'; } 
.icon-exit:before { content: '\e840'; } 
.icon-megaphone:before { content: '\e830'; } 
.icon-play:before { content: '\e859'; } 
.icon-pause:before { content: '\e85a'; } 
.icon-refresh:before { content: '\e858'; }
.icon-home:before { content: '\e857'; }

.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}




 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

body {
	background: #ececec;
}

form.formular, .validationEngineContainer {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;
	border: 1px solid #A5A8B8;
	width: 300px;
	margin: 0 auto;
}
.formular fieldset {
	margin-top: 20px;
	padding: 15px;
	border: 1px solid #B5B8C8;
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	display:block;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input,.formular select,.formular textarea {
	display: block;  
	margin-bottom: 5px;
}

.formular .text-input {
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular textarea {
	width: 250px;
	height: 70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox, .formular .radio {
	display: inline;
}

.formular .submit {
	
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}

.formular input[data-prompt-position="inline"] {
	display: inline;
}

.footnote {
	font-size: 11px;
	color: #666;
	font-style: italic;
}

.prompt-target {
	border: 1px dotted #666;
	min-height: 21px;
}

.inline-prompts label>span{
	display: inline-block;
	width: 250px;
}

.inline-prompts .text-input+.formError{
	margin-left: 10px;
}

.prompt-summary .inline {
	display: block;
}


.ekko-lightbox-container {
  position: relative;
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  padding-top: 45%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.ekko-lightbox .modal-footer {
  text-align: left;
}

.ekko-lightbox .modal-header
{
    padding-top: 10px;
    border-bottom:0;
	min-height: 0;
}
.ekko-lightbox .modal-body{
	padding-top:0;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	clear:both;
}
.ekko-lightbox{
overflow: auto; 
}
.ekko-lightbox.fade{
 transition: none 0s ease 0s;
}
.ekko-lightbox .modal-dialog{
width: 155px;
}

