.notImplemented { opacity: 0.3;}

input[type="checkbox"] { vertical-align: middle; margin: 0px;}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

div.clear {
    clear:both;
}

.hideMe { display: none;}
.invisible { visibility: hidden; }
.transparent { opacity: 0; }
.opaque { opacity: 1; }


/* Flash Messages */
.flash {
    background: #f7fbad;
    border: 1px solid #e0e4a4;
    padding: 8px 20px;
    margin: 0 20px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}
.flash.success {
    background: #d7ffaf;
    border-color: #478b04;
}
.flash.error {
  background: #ffdede;
  border-color: #9b0000;
}

/* Spinner */
#ajax-spinner {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    padding: 15px;
    border: 2px solid #CCC;
    z-index: 10000;

    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-radius: 5px;
}


/* Info Grid */
.infoGridContainer th { text-align: left;}
.infoGridContainer .gridTabs { border-bottom: 1px solid #ddd; height: 41px; margin: 0px;}
.infoGridContainer .gridTabs a.tabSwitcher { display: inline-block; border: 1px solid #ddd; border-radius: 6px 6px 0 0; border-bottom-color: transparent;  height: 40px;  }
.infoGridContainer .gridTabs a.tabSwitcher.activeTab  { background-color: #FFF;}
.infoGridContainer .gridTabs a.tabSwitcher:hover { background-color: #DDD;}
.infoGridContainer .gridTabs a.tabSwitcher.activeTab:hover { background-color: #FFF;}
.infoGridContainer .gridTabs .infoGridTab { float: left;   padding: 10px;}
.infoGridContainer .tabContent { background-color: #FFF; padding: 2px 5px 2px 15px;; margin: 0px; border: 1px solid #ddd; border-top-color: transparent;}
.infoGridContainer .gridBody { background-color: #FFF; width: 100%; border: 1px solid #ddd; border-top-color: transparent;}
.infoGridContainer .gridBody th { background-color: #aaa; }
.infoGridContainer .gridBody th, .infoGridContainer .gridBody td { padding: 2px 0px 2px 8px;}
.infoGridContainer .gridBody tr { line-height: 24px;}
.infoGridContainer .gridBody tr:nth-child(odd) td { background-color: #ddd;}
.infoGridContainer .gridBody .batchSelectionCell { text-align: center;  width: 20px; text-align: center;}
.infoGridContainer .gridBody .batchSelectionCell input[type="checkbox"] { margin: 0px;}
.infoGridContainer .noDataInGrid { background-color: #d9534f; padding: 14px; margin-bottom: 5px;}
.infoGridContainer .filterOnSign { font-weight: bold; color: #FF0000;}
.infoGridContainer .batchActionSubmit { border-width: 0px; margin-left: 5px;}

/* Paginator */
.paginatorContainer { text-align: center; margin: 2px;}
.paginatorContainer .paginatorContent { display: inline-block;}
.paginatorContainer a:hover { text-decoration: none; background-color: #ddd;}
.paginatorContainer a, .paginatorContainer span { display: block; border: 1px solid #acacac; border-right-width: 0px; line-height: 35px; height: 35px; min-width: 35px; float: left; text-align: center; margin: 0px; background-color: #fff;}
.paginatorContainer span { color: #acacac; cursor: default;}
.paginatorContainer .selectedPage { color: #fff; background-color: #428bca; border-color: #428bca; border-right-width: 1px;}
.paginatorContainer .selectedPage + span, .paginatorContainer span.selectedPage + a { border-left-width: 0px; }
.paginatorContainer .paginatorContent>*:last-child { border-right-width: 1px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.paginatorContainer .paginatorContent>*:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

/* Language Tabs */
.languageTabSelection { height: 30px; }
.languageTabSelection a { display: block; float: left; padding: 5px 10px 5px 12px; color: #fff; text-decoration: none; font-size: 14px; }
.languageTabSelection a.activeTab { background: #5bc0de; color: #2f518a;}
.languageTabSelection a:not(.activeTab):hover { background: #A8D4E0; color: #2f518a; }



/* slider */
.epicSlider { width: 100%; position: relative; z-index: 3;}
.epicSlider .paginatePrevious, .epicSlider .paginateNext { position: absolute; top: 50%; opacity: 0; transition: opacity .7s ease-in-out; }
.epicSlider:not(.onlyOnePage):hover .paginatePrevious, .epicSlider:not(.onlyOnePage):hover .paginateNext {  opacity: 1;}
.epicSlider .paginatePrevious div, .epicSlider .paginateNext div { position: relative; top: -50%; background-repeat: no-repeat; overflow: hidden; width: 52px; height: 76px; background-image: url("/core/images/epicSlider/sliderArrow.png"); }
.epicSlider .paginatePrevious { left: 10px;}
.epicSlider .paginateNext { right: 10px;}
.epicSlider .paginatePrevious div { background-position: 0px 0px;}
.epicSlider .paginateNext div { background-position: 100% 0px;}
.epicSlider .paginatePrevious:hover div { background-position: 0px 100%; cursor: pointer;}
.epicSlider .paginateNext:hover div { background-position: 100% 100%; cursor: pointer;}

.epicSlider .pages { z-index: 2;}
.epicSlider .sliderFoam { visibility: hidden;}
.epicSlider .sliderFoam img, .epicSlider .sliderFoam p { width: 100%; display: block; margin: 0px;}

.epicSlider .pageAnchors { position: absolute; left: 50%; bottom: 0px; height: 50px;}
.epicSlider .pageAnchors ul { position: relative; height: 100%; margin: 0px; list-style: none; left: -50%; padding: 0px;}
.epicSlider .pageAnchors li { border-radius: 50%; border: 2px solid #fff; box-shadow: #999 0px 0px 5px; text-indent: -100%; overflow: hidden; height: 20px; width: 20px; float: left; margin-left: 10px; margin-top: 5px; background-color: #fff; cursor: pointer; transition: background 0.3s; }
.epicSlider .pageAnchors li:last-child { margin-right: 5px;}
.epicSlider .pageAnchors li:not(.active):hover { background-color: #ccc;}
.epicSlider .pageAnchors li.active { background-color: #999;}
.epicSlider.onlyOnePage .pageAnchors { display: none;}

.epicSlider .slideDurationCountdown { width: 50px; height: 50px; position: absolute; right: 5px; top: 5px; cursor: pointer;}
.epicSlider .slideDurationCountdown svg { width: 100%; height: 100%;}
.epicSlider .slideDurationCountdown .pauseSign { opacity: 0; transition: opacity .3s ease-in-out;}
.epicSlider .slideDurationCountdown:hover .pauseSign { opacity: 0.4;}
.epicSlider .slideDurationCountdown.paused .pauseSign { opacity: 1; }
.epicSlider.onlyOnePage .slideDurationCountdown {display: none;}

.epicSlider .page img { width: 100%; position: absolute; left: 0px; top: 0px; display: block;}


/* Forms */
ul.formErrors { color: #DD2222; overflow: hidden;}
ul.formErrors .fieldError { cursor: help;}
.form-error-message { color: #fff; background-color: #ff0000; padding: 3px 10px 3px 10px; border-radius: 5px; margin: 3px; display: inline-block; position: relative; z-index: 1;}
input, textarea, select { transition: box-shadow 0.5s ease-in-out;}
textarea { /* hotfix ensuring error message is always on rigth side or next row */float: left; }

input[type="text"],
input[type="email"],
textarea {border: 1px solid #add5eb;}

input.form-control-error:focus,
textarea.form-control-error:focus,
select.form-control-error:focus { box-shadow: 0 0 6px #E9322D; border: 1px solid #e9322d;  outline: 0; transition: box-shadow 0.5s ease-in-out, transition: border-color 1s ease-in-out;}

textarea:focus:not(.form-control-error):not(.noFocusHighlight),
input[type="text"]:focus:not(.form-control-error):not(.noFocusHighlight),
input[type="email"]:focus:not(.form-control-error):not(.noFocusHighlight),
input[type="password"]:focus:not(.form-control-error):not(.noFocusHighlight) {
    box-shadow: 0 0 6px #51C8F0;
    border: 1px solid #51C8F0;
    outline: 0;
    transition: box-shadow 0.5s ease-in-out, border-color 1s ease-in-out;
}


.inputContainer { display: inline-block; position: relative;}
.inputContainer.required .requiredMark { position: absolute; right: 8px; top: 0px; color: red; font-size: 1.5em; line-height: 1.4; font-weight: bold; cursor: help;}
.inputContainer.required input {padding-right: 22px;}
.inputContainer.hideMe { display: none;}




/* Multi File Upload */
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button { display:block; /* or inline-block */ width: 105px; padding: 7px 0; text-align:center;     background:#880000; border-bottom:1px solid #ddd;color:#fff; }
.qq-upload-button-hover {}
.qq-upload-button-focus {}
.qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; background:#fcffc6; text-align:center;  }
.qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; }
.qq-upload-drop-area-active {background: #f8ff82;}
.qq-upload-list {margin: 15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; }
.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("./images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}