/* Copyright © Enalyzer A/S 2013 */

/* 
//// User defined variables ////
// Text
HEADER: font-family:Arial; font-size:22.0px; font-style:Normal; font-weight:Bold; color:rgba(0,145,218,1.0); 
PARAGRAPH: font-family:Arial; font-size:16.0px; font-style:normal; font-weight:normal; color:rgba(81,95,110,1.0); 
TEXTCOLOR: rgba(81,95,110,1.0)
TEXTCOLOR RGB: 81,95,110
// Background
PAGE: background-color:rgba(228,232,237,1.0)
QUESTION: background-color:rgba(255,255,255,1.0); backgrount-image:6b69a4be-c941-46da-8ef6-6829145eb4b0; background-position:center; 
question-background-color: #FFFFFF
question-font-size: font-size:16.0px; 

section-question-heading-pxvalue: 22.0
question-font-size-px-value: 16.0

// Navigation
FOCUS: rgba(0,145,218,1.0)
focus-rgb: 0,145,218
FOCUS TEXT: #FFFFFF
QUESTION FOCUS: #0091DA
QUESTION FOCUS TEXT: #FFFFFF
STATUSBAR: rgba(0,145,218,1.0)
STATUSBARBACK: rgba(0,0,0,.3)
STATUSBARBORDER: rgba(0,0,0,0.0)

//// Dynamically calculated variables /////
body-element-color: #FFFFFF
body-element-back-color: rgba(0,0,0,.5)
body-element-back-hover-color: rgba(0,0,0,.6)

focus-opacity-quarter: 0.25
focus-opacity-half: 0.5
focus-opacity-merge: 0.75

focus-opacity-10: 0.1
focus-opacity-20: 0.2
focus-opacity-30: 0.3
focus-opacity-40: 0.4
focus-opacity-50: 0.5
focus-opacity-60: 0.6
focus-opacity-70: 0.7
focus-opacity-80: 0.8
focus-opacity-90: 0.9
focus-opacity-100: 1

text-opacity-10: 0.1
text-opacity-20: 0.2
text-opacity-30: 0.3
text-opacity-40: 0.4
text-opacity-50: 0.5
text-opacity-60: 0.6
text-opacity-70: 0.7
text-opacity-80: 0.8
text-opacity-90: 0.9
text-opacity-100: 1
*/


/* use text color on horizontal rule */
hr { border-top-color:rgba(81,95,110,1.0); }

/* background-color, background-image, background-position, background-repeat */
body { background-color:rgba(228,232,237,1.0) }
body, 
label, 
input, 
button, 
select, 
textarea, 
.input-append .add-on, 
.input-prepend .add-on,
.btn-group > .btn, 
.btn-group > .dropdown-menu, 
.btn-group > .popover 
{ font-family:Arial;  font-size:16.0px;  }

body::after { background-image:url(/ajax/File/SurveyBackgroundImage/12b95dad-40d4-4b65-97dc-890ea4021ec6/6b69a4be-c941-46da-8ef6-6829145eb4b0); background-position:center center; background-repeat:no-repeat; background-attachment:scroll; background-size:cover; opacity:1; box-shadow:inset 0 0 0 1000000px rgba(0,0,0,0);  }

/* min/max width, margin-top, background-color */
#main { min-width:320px; max-width:900px;  }

/* text-align */
#header { margin-top:115px; text-align:left;  }
#header * { text-align:inherit; }
#header .logo-wrapper { max-width:236px;  }

/* progress bar */
.progress { background-color:rgba(0,0,0,.3); }
.progress-range .progress::before { border-color:rgba(0,0,0,0.0); }
.progress-range .progress .bar { background-color:rgba(0,145,218,1.0); }

/* background-color, background-image, background-position, background-repeat */
section.question { background-color:rgba(255,255,255,1.0); backgrount-image:6b69a4be-c941-46da-8ef6-6829145eb4b0; background-position:center;  }

/* font-family, font-size, font-style, font-weight, color */
section.question h1, section.question h1 p { font-family:Arial; font-size:22.0px; font-style:Normal; font-weight:Bold; color:rgba(0,145,218,1.0);  }

section.question p, 
section.question figcaption, 
section.question > :not(.modal) span.p, 
section.question a, 
section.question th.matrix-3D-header, 
section.question .dimension, 
section.question h2,
section.question section.question h1
{ font-family:Arial; font-size:16.0px; font-style:normal; font-weight:normal; color:rgba(81,95,110,1.0);  }
html.no-touch .hover.active p, 
html.no-touch .inner.active p
{ color:rgba(81,95,110,1.0); }

		
/**************************************** PRIMARY COLOR START ************************************/

/* form fields */
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.select-mod.btn-group .btn
{ border-color:rgba(81,95,110,1.0); font-size:16.0px;  }

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus,
.select-mod.btn-group .btn:focus
{ border-color:rgba(81,95,110,1.0); box-shadow:0 0 0 2px rgba(81,95,110,1.0); background-color:#FFFFFF; }

.select-mod.btn-group.open .btn:not(:focus)
{ border-color:rgba(81,95,110,1.0); box-shadow:inset 0 -1px rgba(81,95,110,1.0); background-color:#FFFFFF; }

.select-mod > .dropdown-menu
{ border-color:rgba(81,95,110,1.0); background-color:#FFFFFF; }

/* text color for textarea counter; section.question .inline-select a neccessary since ie7 does not support the css inherit property */
span.counter, 
html.no-touch .hover.disabled:hover p 
{ color:rgba(81,95,110,1.0); }

/* progress bar, primary button & custom select hover color */
html.no-touch .hover:hover, 
.badge-primary, 
ol.priority li, 
ul.collection li
{ background-color:rgba(81,95,110, 0.2); }

html.no-touch .hover .inline-checkbox .styledCheckbox.checked, 
html.no-touch .hover .inline-radio .styledRadio.checked
{ background-color:rgba(255, 255, 255, 0.7); }

html.no-touch .hover:hover .inline-checkbox .styledCheckbox.checked, 
html.no-touch .hover:hover .inline-radio .styledRadio.checked
{ background-color:#FFFFFF; }

.inline-checkbox-wrap.hover:focus .inline-checkbox .styledCheckbox, 
.inline-radio-wrap.hover:focus .inline-radio .styledRadio
{ box-shadow:0 0 0 2px rgba(81,95,110,1.0); }

.styledCheckbox, .styledRadio,
.row-fluid.matrix.rating.button td .inner.hover-static,
.row-fluid.matrix.nps.button td .inner.hover-static
{ border-color:rgba(81,95,110,1.0); }

.row-fluid.matrix.button td .inner.hover-static * { color:#FFFFFF; }
.row-fluid.matrix.button td .inner.hover-static:focus * { color:#FFFFFF; }


.row-fluid.matrix th.range-begin p:not(.rating-number) span,
.row-fluid.matrix th.range-end p:not(.rating-number) span
{ border-color:rgba(81,95,110, 0.2); }
.label-pointer::before
{ border-color:rgba(81,95,110, 0.2) transparent transparent; }
.label-pointer::after
{ border-color:#FFFFFF transparent transparent; }

/* focus color */
.page-wrapper section > :not(.modal) .btn.primary-button,
.page-wrapper #footer .btn.primary-button
{ background-color:rgba(0,145,218,1.0) !important; color:#FFFFFF !important; }

html.no-touch .page-wrapper section > :not(.modal) .btn.primary-button:hover,
html.no-touch .page-wrapper #footer .btn.primary-button:hover
{ background-color:rgba(0,145,218, 0.7) !important; color:#FFFFFF !important; }

.page-wrapper section > :not(.modal) .btn.primary-button:focus,
.page-wrapper #footer .btn.primary-button:focus
{ box-shadow:0 0 0 2px #FFFFFF, 0 0 0 3px rgba(0,145,218,1.0); }

section.question a.survey-content-link, 
section.question p a, 
section.question .inline-label a 
{ border-color: rgba(81,95,110,1.0); }

.ext-link-icon::before { font-size:calc(16.0px * 0.75) !important; }

/* standard button */
.page-wrapper .btn:not(.dropdown-toggle) { background-color:rgba(0,0,0,.5); color:#FFFFFF; }
html.no-touch .page-wrapper .btn:not(.dropdown-toggle):hover,
.page-wrapper .btn:not(.dropdown-toggle):focus
{ background-color:rgba(0,0,0,.6); color:#FFFFFF; }

.page-wrapper .btn:not(.dropdown-toggle):focus
{ box-shadow:0 0 0 2px #FFFFFF, 0 0 0 3px rgba(0,0,0,.6); }

.page-wrapper .question .btn:not(.dropdown-toggle) { background-color:rgba(81,95,110, 0.2); color:rgba(81,95,110,1.0); }
html.no-touch .page-wrapper .question .btn:not(.dropdown-toggle):hover
{ background-color:rgba(81,95,110, 0.2); color:rgba(81,95,110,1.0); }

.page-wrapper .question .btn:not(.dropdown-toggle):focus
{ box-shadow:0 0 0 3px rgba(81,95,110,1.0); }

.page-wrapper .modal .btn:not(.dropdown-toggle) { background-color:rgba(0,0,0,0.10) !important; color:#FFFFFF !important; }
html.no-touch .page-wrapper .modal .btn:not(.dropdown-toggle):hover,
.page-wrapper .modal .btn:not(.dropdown-toggle):focus
{ background-color:rgba(0,0,0,0.20) !important; color:#FFFFFF !important; }

.page-wrapper .modal .btn:not(.dropdown-toggle):focus
{ box-shadow:0 0 0 2px #FFFFFF, 0 0 0 3px rgba(0,0,0,0.20); }

.page-wrapper .modal .btn.btn-primary:not(.dropdown-toggle) { background-color:#666666 !important; }
html.no-touch .page-wrapper .modal .btn.btn-primary:not(.dropdown-toggle):hover,
.page-wrapper .modal .btn.btn-primary:not(.dropdown-toggle):focus
{ background-color:#555555 !important; }


.page-wrapper .modal .btn.btn-primary:not(.dropdown-toggle):focus
{ box-shadow:0 0 0 2px #FFFFFF, 0 0 0 3px #555555; }

/* text color for hover */
html.no-touch .hover:hover p,
.hover-static p,  
html.no-touch ol.priority li:hover, 
html.no-touch ul.collection li:hover
{ background-position:0 0; background-image:none; }

/* file and image upload */
.file-name { background-color: rgba(81,95,110, 0.1); }
.upload-label { color: rgba(81,95,110,1.0); border-color: rgba(81,95,110,1.0); }
html.no-touch .upload-label:hover
{ background-color: rgba(81,95,110, 0.1); }
a.remove-file::before { color: rgba(81,95,110,1.0); }
a.remove-file:hover::before
{ background-color: rgba(81,95,110, 0.2); }
.file-size { color: rgba(81,95,110, 0.7) !important; }

.uploaded-image { background-color: rgba(81,95,110, 0.1); }
.image-upload-label-text { color: rgba(81,95,110,1.0); }
.image-upload-label { border-color:rgba(81,95,110,1.0); }
html.no-touch .upload-container:hover .image-upload-label
{ background-color: rgba(81,95,110, 0.1); }

/* matrix hover text  color */
.matrix .hover-static p:not(.rating-number) { color: #FFFFFF; }
html.no-touch .matrix.hover:hover { background-color:rgba(81,95,110,0.2); }

/* nps score */
.row-fluid.matrix.nps td .inner { border-color:rgba(81,95,110,1.0); }
html.no-touch .row-fluid.matrix.nps td:hover .inner:not(.hover-static) { background-color:rgba(81,95,110,0.2); }
.row-fluid.matrix.nps td .inner.hover-static { background-color:#0091DA; color:#FFFFFF; }

/* rating scale */
.row-fluid.matrix.button td .inner { border-color:rgba(81,95,110,1.0); }
html.no-touch .row-fluid.matrix.button td .inner:hover:not(.styledRadio):not(.tooltip):not(.hover-static)
{ background-color:rgba(81,95,110,0.2); }
.row-fluid.matrix.button td .inner:focus:not(.styledRadio):not(.tooltip)
{ box-shadow:0 0 0 2px rgba(81,95,110,1.0); }
.row-fluid.matrix.button td .inner.hover-static { background-color:#0091DA; color:#FFFFFF; }
html.no-touch .row-fluid.matrix.button td .inner.hover-static:hover
{ background-color:rgba(0, 145, 218, 0.7); }

/* smiley scale */
.black-and-white.row-fluid.matrix.smiley .inner [class^="icon-smiley"]::before { color:rgba(81,95,110,1.0); }
/*.row-fluid.matrix.smiley td .inner { border-color:rgba(81,95,110,0.5); }*/
/*html.no-touch .row-fluid.matrix.smiley td:hover .inner:not(.hover-static) { background-color:rgba(81,95,110,0.2); }
.row-fluid.matrix.smiley td .inner.hover-static { background-color:rgba(0,145,218,1.0); }*/

/* icon scale */
.rating.icons .styledRadio::before { color:rgba(81,95,110,1.0); }
.rating.icons .styledRadio::after { color:#0091DA; }
.rating.icons .styledRadio.checked::after,
.rating.icons [role='radio'][aria-checked='true'] ~ [role='radio'] .styledRadio::after 
{ color:#0091DA; }
.row-fluid.matrix.icons + .dont-know-option label { color:rgba(81,95,110,1.0); } 
html.no-touch .rating.icons.unchecked [role='radio']:hover .styledRadio::after,
.rating.icons.unchecked [role='radio']:focus .styledRadio::after,
html.no-touch .rating.icons [role='radio'][aria-checked='true'] ~ [role='radio']:hover .styledRadio::after,
.rating.icons [role='radio'][aria-checked='true'] ~ [role='radio']:focus .styledRadio::after
{ color:rgba(81,95,110,1.0); }

/* opacity on hover background color */
.hover .inner.hover-static .styledCheckbox, 
.hover .inner.hover-static .styledRadio 
{ background-color:#0091DA !important; color:#FFFFFF !important; }
.hover .inner.hover-static:hover .styledCheckbox,
.hover .inner.hover-static:hover .styledRadio
{ background-color:rgba(0, 145, 218, 0.7) !important; }
.hover .inner:focus .styledCheckbox,
.hover .inner:focus .styledRadio
{ box-shadow:0 0 0 2px rgba(81,95,110,1.0); }

.styledRadio::before { background-color: #FFFFFF; }
.styledCheckbox::before { color: #FFFFFF; }

.matrix .hover .inner.hover-static .styledCheckbox::before,
.matrix .hover .inner.hover-static .styledRadio::before 
{ background-color:#FFFFFF; }

.styledCheckbox.checked, .styledRadio.checked { background-color:#0091DA !important; }

.inline-area .image-inner-wrap [for].icon-checkmark { border-color:transparent #0091DA transparent transparent; }
.inline-area .image-inner-wrap [for].icon-checkmark::before { color:#FFFFFF; }
.inline-area .image-inner-wrap:focus::after { border-color:#FFFFFF; }

.inline-area .image-inner-wrap[role="radio"]:focus,
.inline-area .image-inner-wrap[role="checkbox"]:focus {
	box-shadow: 0 0 0 3px rgba(81,95,110,1.0);
}

/* sortable testing aka prioritization */
ol.priority.dashed, 
ul.collection.dashed,
.placeholder
{ border-color:rgba(81,95,110,1.0); }

ol.priority li, 
ol.priority li *, 
ol.priority li.hover-static, 
ol.priority li.hover-static *
{ color:rgba(81,95,110,1.0) }

ol.priority li.rounded { border-color:rgba(81,95,110,1.0); }

ol.priority li .navigator a { position:relative; }
html.no-touch ol.priority li .navigator a:hover::before
{ background-color:rgba(81,95,110, 0.1) !important; }

ol.priority li.hover-static { background-color:transparent !important; }
ul.collection li.hover { background-color:transparent !important; }

html.no-touch ul.collection li.hover:hover, 
html.no-touch ul.collection li.hover:hover a 
{ background-color:rgba(81,95,110, 1); }

.powered-by-enalyzer * { color:#FFFFFF; }


/* Background color for hover on ranked items. Do not move this */
html.no-touch ol.priority li:hover,
html.no-touch ol.priority li.hover-static:hover,
ol.priority li.rounded.active[style*='absolute']
{ background-color:rgba(81,95,110,0.1) !important; }

a.remove-image::before { color:#FFFFFF; background-color: #0091DA; }
html.no-touch a.remove-image:hover::before
{ background-color:rgba(0, 145, 218, 0.7); }
a.remove-image:focus::before
{ box-shadow:0 0 0 2px #FFFFFF, 0 0 0 3px #0091DA; }


html.no-touch ul.social-block li a.social-channel:focus {
	box-shadow:0 0 0 3px rgba(81,95,110,1.0);
}

/**************************************** PRIMARY COLOR END ************************************/


/************************************ RTL OVERRIDES *************************************/

/* font-family, font-size, font-style, font-weight, color */
.language-RTL section.question h1, section.question h1 p { font-size:calc(22.0px * 1.2); }
			
/* font-family, font-size, font-style, font-weight, color */
.language-RTL section.question p, 
.language-RTL section.question span.p, 
.language-RTL section.question a, 
.language-RTL section.question th.matrix-3D-header, 
.language-RTL section.question .dimension, 
.language-RTL section.question h2,
.language-RTL section.question section.question h1
{ font-size:calc(16.0px * 1.2); }

.language-RTL section.question [class^="icon-"]::before { font-size:16.0px; }

/********************************** RTL OVERRIDES END ***********************************/