﻿body { background-color: #eff3f8; }
body.slot-staging, body.slot-staging .page-content-wrapper .page-content { background-color: #edf5e1; }
body.slot-local, body.slot-local .page-content-wrapper .page-content { background-color: #d3e3fc; }

.container-fluid { padding-left: 30px; padding-right: 30px; }

.row.display-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.row.display-flex > [class*='col-'] { display: flex; flex-direction: column; }
.row.display-flex:before, .row.display-flex:after { display: none; }

@media (max-width: 767px) {
	.page-container .page-content-wrapper .page-content { padding-top: 0px; }
	.page-container .page-content-wrapper .page-content > .container { padding-left: 0px; padding-right: 0px; }
	.page-container .page-content-wrapper .page-content > .container-fluid { padding-left: 0px; padding-right: 0px; overflow-x: hidden; }
}

.alert-success { background-color: #c0edf1; border-color: #c0edf1; color: #27a4b0; }

.visible-export { display: none; }

.top-menu { float: none !important; }
.top-menu .navbar-default { background-color: transparent; border: none; }
.top-menu .navbar-default .container-fluid { padding-left: 0px; padding-right: 0px; }
.top-menu .navbar-default .navbar-brand { padding: 5px 15px; }
.top-menu .navbar-default .navbar-client-logo { height: 55px; margin-right: 8px; margin-top: 8px; }
.top-menu .navbar-default ul.nav { display: block !important; }
.top-menu .navbar-default ul.nav > li.dropdown { height: auto !important; }
.top-menu .navbar-default ul.nav > li.dropdown .username-container { display: inline-block; }
.top-menu .navbar-default ul.nav > li.dropdown .username-container .client { color: #3598DC; }
.top-menu .navbar-default ul.nav > li.dropdown > .dropdown-menu { margin-top: 0px !important; }
.top-menu .navbar-default ul.nav > li.dropdown > .dropdown-menu.scrollable-menu { height: auto; max-height: 250px; overflow-x: hidden; }
.top-menu .navbar-default ul.nav > li .dropdown-toggle > img { height: 40px; margin-right: 8px; margin-top: -20px; }

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.icon-settings { font-size: 20px; }
.page-header .top-menu .menu-filter { padding: 0px 13px 6px 13px; }
.page-header .top-menu .menu-filter input { border: 1px solid #555; background-color: transparent; }
.page-header .top-menu .menu-filter .btn { background-color: transparent; }
.page-header .top-menu .divider { background-color: #3b434c; }

.dropdown-dark .dropdown-menu > li.active:hover > a, .dropdown-dark .dropdown-menu > li.active > a, .dropdown-dark .dropdown-menu > li:hover > a { background-color: #373e47; }

@media (min-width: 768px) {
	.top-menu .navbar-default ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
	.top-menu .navbar-default ul.nav .dropdown-submenu:hover > .dropdown-menu { display: block; }

	.page-header .top-menu .menu-filter input { color: #aaafb7; }
}

@media (max-width: 767px) {
	.top-menu .navbar-default ul.nav { float: none !important; }
	.top-menu .navbar-default ul.nav > li.dropdown { display: block !important; float: none; border-bottom: 1px solid #ddd; }
	.top-menu .navbar-collapse { margin-top: 10px; }

	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark a .icon { margin-right: 20px; }
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu { background: none; }
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu::after { border: none; }
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu li a { color: #777 !important; font-weight: 400 !important; }
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li a:hover { background-color: #f6f6f6 !important; }
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.icon-settings { font-size: 27px; margin-right: 8px; }

	.navbar-nav .open .dropdown-menu { float: none; position: static; box-shadow: none; }
	.navbar-nav .dropdown-menu { margin-left: 20px; }
	.navbar-nav .dropdown-submenu .dropdown-menu { margin-left: 20px !important; }

	.dropdown-dark .dropdown-menu > li.active:hover > a, .dropdown-dark .dropdown-menu > li.active > a, .dropdown-dark .dropdown-menu > li:hover > a { background-color: #f6f6f6; }

	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user { clear: both; overflow: hidden; }
}

.gutter-0 > [class*='col-'] { padding-right: 0px; padding-left: 0px; }
.gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }

.vcenter { display: inline-block; vertical-align: middle; float: none; }

.checkbox-list { }
.checkbox-list ul { margin: 0px; padding: 0px; list-style-type: none; }
.checkbox-list ul li { margin: 0px; padding: 2px 4px; }
.checkbox-list ul li input { margin: 0px 5px 0px 0px; }

.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background-color: transparent; cursor: inherit; display: block; }

.form-group .portlet { padding-left: 0px; padding-right: 0px; }

.form h4.form-section { font-weight: 500; }

.table.table-reorderable { }
.table.table-reorderable tr.dragged { background-color: #FFFFFF !important; box-shadow: 5px 5px rgba(102,102,102,.1); cursor: move; }
.table.table-reorderable td.handle { text-align: center; cursor: move; }
.table.table-reorderable tr.dragged .reorderable-hidden, .table.table-reorderable tr.dragged .handle { display: none }
.table-bordered > tbody > tr > td { vertical-align: middle; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: transparent; }

.lowercase { text-transform: lowercase !important; }

.font-grey-dark { color: #8896a0 !important; }

a.edit { }
a.delete { color: #D05454; }

.portlet .inputs { margin-right: 10px; }
.portlet .portlet-title.no-border { border: none; }
.portlet .portlet-title.auto-height { height: auto; min-height: initial; max-height: initial; }
.portlet .portlet-title.auto-height .actions { padding-bottom: 0px; }

.input-icon.right > a { float: right; left: auto; right: 8px; }
.input-icon > a { font-size: 16px; left: 0; margin: 4px 4px; position: absolute; text-align: center; width: 16px; z-index: 3; }

.page-header { box-shadow: 0 1px 3px 0 rgba(50,50,50,.2); background: #fff; height: auto; position: relative; }
.page-header .page-header-top { height: auto; }
.page-header .page-header-top .page-logo .logo-default { margin-top: 15px; }

.page-content-wrapper { background-color: #eff3f8; }
.page-content-wrapper .page-title { margin: 0px 0px 15px 0px; }
.page-content-wrapper .page-title h1 { margin: 0px; font-size: 22px; font-weight: 400; color: #697882; }

/** Specific page styles */

/*** Login page ***/
/* bg color */
.login { background-color: #364150 !important; }
.login .logo { margin: 20px auto 30px auto; padding: 0px; text-align: center; }
.login .content { background-color: #eceef1; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; width: 400px; margin: 100px auto 10px auto; padding: 30px; padding-top: 10px; overflow: hidden; position: relative; }
.login .content h3 { color: #4db3a5; text-align: center; font-size: 20px; }
.login .content h4 { color: #555; }
.login .content .hint { color: #999; padding: 0; margin: 15px 0 7px 0; }
.login .content .login-form,
.login .content .forget-form { padding: 0px; margin: 0px; }
.login .content .form-control { border: none; background-color: #FFFFFF; height: 43px; color: #8290a3; border: 1px solid #dde3ec; }
.login .content .form-control:focus,
.login .content .form-control:active { border: 1px solid #c3ccda; }
.login .content .form-control::-moz-placeholder { color: #8290a3; opacity: 1; }
.login .content .form-control:-ms-input-placeholder { color: #8290a3; }
.login .content .form-control::-webkit-input-placeholder { color: #8290a3; }
.login .content select.form-control { padding-left: 9px; padding-right: 9px; }
.login .content .forget-form { display: none; }
.login .content .register-form { display: none; }
.login .content .form-title { font-size: 16px; font-weight: 700; margin-bottom: 25px; }
.login .content .form-actions { clear: both; border: 0px; border-bottom: 1px solid #eee; padding: 5px 30px 5px 30px; margin-left: -30px; margin-right: -30px; text-align: center; }
.login .content .form-actions .checkbox { margin-left: 0; padding-left: 0; }
.login .content .forget-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 20px; }
.login .content .register-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 0px; }
.login .content .form-actions .btn { margin-top: 1px; }
.login .content .form-actions .btn { font-weight: 600; padding: 10px 20px !important; }
.login .content .form-actions .btn-default { font-weight: 600; padding: 10px 25px !important; color: #6c7a8d; background-color: #ffffff; border: none; }
.login .content .form-actions .btn-default:hover { background-color: #fafaff; color: #45b6af; }
.login .content .forget-password { font-size: 14px; float: right; display: inline-block; margin-top: 10px; }
.login .content .check { color: #8290a3; }
.login .content .rememberme { margin-left: 8px; margin-top: 10px; }
.login .content .create-account { margin: 0 -40px -30px -40px; padding: 15px 0 17px 0; text-align: center; background-color: #6c7a8d; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -ms-border-radius: 0 0 7px 7px; -o-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; }
.login .content .create-account > p { margin: 0; }
.login .content .create-account p a { font-weight: 600; font-size: 14px; color: #c3cedd; }
.login .content .create-account a { display: inline-block; margin-top: 5px; }

.login-options { margin-bottom: 30px; overflow: hidden; }
.login-options h4 { float: left; font-weight: 600; font-size: 15px; color: #7d91aa !important; }
.login-options .social-icons { float: right; padding-top: 3px; }
.login-options .social-icons li a { border-radius: 15px 15px 15px 15px !important; -moz-border-radius: 15px 15px 15px 15px !important; -webkit-border-radius: 15px 15px 15px 15px !important; }

/* footer copyright */
.login .copyright { text-align: center; margin: 0 auto 30px 0; padding: 10px; color: #7a8ca5; font-size: 13px; }

@media (max-width: 440px) {
	.login .logo { margin-top: 10px; }
	.login .content { width: 280px; margin-top: 10px; }
	.login .content h3 { font-size: 22px; }
	.login .checkbox { font-size: 13px; }

	.forget-password { display: inline-block; margin-top: 20px; }
	.login-options .social-icons { float: left; padding-top: 3px; }
}

.social-icons li .google { background: rgba(0, 0, 0, 0) url("../img/social/google.png") no-repeat scroll 0 0; }
.social-icons li .microsoft { background: rgba(0, 0, 0, 0) url("../img/social/microsoft.png") no-repeat scroll 0 0; }


/*** Profile Page ***/
.profile-sidebar { float: left; width: 300px; margin-right: 20px; }
.profile-content { overflow: hidden; }

/* PROFILE SIDEBAR */
.profile-sidebar-portlet { padding: 30px 0 0 0 !important; }
.profile-userpic img { float: none; margin: 0 auto; width: 50%; height: 50%; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; }
.profile-usertitle { text-align: center; margin-top: 20px; }
.profile-usertitle-name { color: #5a7391; font-size: 20px; font-weight: 600; margin-bottom: 7px; }
.profile-usertitle-job { text-transform: uppercase; color: #5b9bd1; font-size: 13px; font-weight: 800; margin-bottom: 7px; }
.profile-userbuttons { text-align: center; margin-top: 10px; }
.profile-userbuttons .btn { margin-right: 5px; }
.profile-userbuttons .btn:last-child { margin-right: 0; }
.profile-userbuttons button { text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 6px 15px; }
.profile-usermenu { margin-top: 30px; padding-bottom: 20px; }
.profile-usermenu ul li { border-bottom: 1px solid #f0f4f7; }
.profile-usermenu ul li:last-child { border-bottom: none; }
.profile-usermenu ul li a { color: #93a3b5; font-size: 16px; font-weight: 400; }
.profile-usermenu ul li a i { margin-right: 8px; font-size: 16px; }
.profile-usermenu ul li a:hover { background-color: #fafcfd; color: #5b9bd1; }
.profile-usermenu ul li.active a { color: #5b9bd1; background-color: #f6f9fb; border-left: 2px solid #5b9bd1; margin-left: -2px; }
.profile-usermenu ul.list-group li { border: none; padding: 4px 0px 4px 0px; }
.profile-usermenu h4.block { padding: 0px; margin: 0px 0px 10px 0px; }
.profile-stat { padding-bottom: 20px; border-bottom: 1px solid #f0f4f7; }
.profile-stat-title { color: #7f90a4; font-size: 25px; text-align: center; }
.profile-stat-text { color: #5b9bd1; font-size: 11px; font-weight: 800; text-align: center; }
.profile-desc-title { color: #7f90a4; font-size: 17px; font-weight: 600; }
.profile-desc-text { color: #7e8c9e; font-size: 14px; }
.profile-desc-link i { width: 22px; font-size: 19px; color: #abb6c4; margin-right: 5px; }
.profile-desc-link a { font-size: 14px; font-weight: 600; color: #5b9bd1; }

/* END PROFILE SIDEBAR */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
	.profile-sidebar { float: none; width: 100% !important; margin: 0; }
	.profile-sidebar > .portlet { margin-bottom: 20px; }
	.profile-content { overflow: visible; }
}

/* sortable tables */
table.table-sortable { }
table.table-sortable thead tr .header, table.table-sortable thead tr:hover .header { background-image: url(../img/sort_both.png); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.table-sortable thead tr .headerSortUp, table.table-sortable thead tr:hover .headerSortUp { background-image: url(../img/sort_desc.png); }
table.table-sortable thead tr .headerSortDown, table.table-sortable thead tr:hover .headerSortDown { background-image: url(../img/sort_asc.png); }

/* related files */
.relatedfiles-container { }
.relatedfiles-container .file-item { position: relative; text-align: center; margin-bottom: 20px; background-color: #EEEEEE; padding: 10px; }
.relatedfiles-container .file-item .relation-type { display: none; }
.relatedfiles-container .file-item .file-preview { margin-bottom: 5px; }
.relatedfiles-container .file-item .file-preview img { max-height: 300px; }
.relatedfiles-container .file-item .filename { margin-bottom: 10px; }
.relatedfiles-container .file-item .actions { position: absolute; top: -10px; right: -10px; }
.relatedfiles-container .file-item .actions .btn { margin: 0px; padding: 8px 10px; font-size: 12px; line-height: 1.5; border-radius: 30px; }


/* REPORTS */
.bg-r1 { background-color: #ED1C24; }
.bg-r2 { background-color: #F5821F; }
.bg-r3 { background-color: #FEC10D; }
.bg-r4 { background-color: #8CC63E; }
.bg-r5 { background-color: #008F4C; }

.reports-container { }
.reports-container .portlet, .chart { page-break-inside: avoid; }
.reports-container .breadcrumb { font-size: 16px; }
.reports-container .breadcrumb .fa { font-size: 12px; }
.reports-container .scores-container span { font-size: 36px; color: #838FA1; }
.reports-container .scores-container h3 { margin-bottom: 0px; }
.reports-container .portlet .caption-helper { padding-left: 20px !important; }

@media (max-width: 767px) {
	.reports-container .portlet .caption-helper { padding-left: 0px !important; display: block; margin-top: 10px !important; }
}

.reports-container .portlet { position: relative; }
.reports-container .portlet .portlet-title { border: none !important; }
.reports-container .portlet .portlet-title .tools { margin-left: 10px; }
.reports-container .portlet .portlet-title .tools a.show { background-image: url(../img/portlet-collapse-icon.png); background-repeat: no-repeat; width: 14px; display: none !important; }
.reports-container .portlet .portlet-title .tools a.hide { background-image: url(../img/portlet-remove-icon.png); background-repeat: no-repeat; width: 11px; display: inline-block !important; }
.reports-container .portlet .portlet-title input[type=checkbox] { margin-right: 8px; }
.reports-container .portlet .portlet-body .metric-selection { margin-bottom: 15px; }
.reports-container .portlet .portlet-body .metric-selection .caption { display: inline-block; color: #32c5d2 !important; margin-right: 15px; text-align: left; text-transform: uppercase; }
.reports-container .portlet .portlet-body .metric-selection .caption a, .reports-container .portlet .portlet-body .metric-selection .caption a:hover, .reports-container .portlet .portlet-body .metric-selection .caption a:visited { text-decoration: none; }
.reports-container .portlet .portlet-body .metric-selection .caption .dropdown-menu { text-transform: none; }
.reports-container .portlet .portlet-body .metric-selection .metric-select-container { display: inline-block; }
.reports-container .portlet.collapsed { }
.reports-container .portlet.collapsed > .portlet-title { border-bottom: none; margin-bottom: 0px; min-height: initial; }
.reports-container .portlet.collapsed > .portlet-title .actions { display: none; }
.reports-container .portlet.collapsed > .portlet-title .tools { }
.reports-container .portlet.collapsed > .portlet-title .inputs { display: none; }
.reports-container .portlet.collapsed > .portlet-title .tools a.show { display: inline-block !important; }
.reports-container .portlet.collapsed > .portlet-title .tools a.hide { display: none !important; }
.reports-container .selectors-container { padding: 10px 0px 10px 10px; margin-bottom: 20px; background-color: #3598DC; }
.reports-container .selectors-container .area-selectors { margin-top: 15px; }
.reports-container .portlet .inputs { }
.reports-container .portlet .inputs .search-container { padding: 2px; border: 1px solid #CCC; }
.reports-container .portlet .inputs .search-container .tags-container { display: inline; }
.reports-container .portlet .inputs .search-container .tags-container .tag { padding: 3px 5px; background-color: #EEEEEE; color: #000000; margin: 2px 2px; display: inline-block; }
.reports-container .portlet .inputs .search-container .tags-container .tag .fa { margin-left: 5px; cursor: pointer; }
.reports-container .portlet .inputs .search-container input.search { color: #555555; background-color: transparent; border: none; padding: 0px; }
.reports-container .portlet .inputs .search-container input.search:focus { border: none; outline: none; }
.reports-container .portlet .inputs .search-container .typeahead.dropdown-menu { min-width: 320px; box-shadow: 0 6px 12px rgba(0,0,0,.175); left: auto !important; right: 0px; }
.reports-container .portlet .inputs .search-container .typeahead.dropdown-menu li { margin: 4px 8px; }
.reports-container .portlet .inputs .search-container .typeahead.dropdown-menu li a { padding: 8px 10px; }
.reports-container .portlet .inputs .search-container .typeahead.dropdown-menu li.dropdown-header { color: #9AA4B3; font-weight: bold; background-color: #EEF1F5; padding: 8px 10px; }
.reports-container .portlet .inputs .search-container .typeahead.dropdown-menu li.divider { display: none; }
.reports-container .portlet .inputs .search-container .typeahead.dropdown-menu.dropup { bottom: 100% !important; top: auto !important; }
.reports-container .table-sortable { }
.reports-container .table-sortable > tbody > tr > td, .reports-container .table-sortable > tbody > tr > th,
.reports-container .table-sortable > tfoot > tr > td, .reports-container .table-sortable > tfoot > tr > th,
.reports-container .table-sortable > thead > tr > td, .reports-container .table-sortable > thead > tr > th { padding: 6px; }
.reports-container .table-sortable > thead > tr > th { font-weight: bold; padding-right: 15px; padding-bottom: 10px; }
.reports-container .table-sortable td.compare { width: 34px; }
.reports-container .table-sortable td.compare div[class*="icheckbox_"] { margin-right: 0px; }
.reports-container .table-sortable td.index { width: 40px; }
.reports-container .table-sortable td.graph { width: 80px; }
.reports-container .table-sortable td.graph > div { height: 14px; float: left; }
.reports-container .table-sortable tr.static td { background-color: #eff3f8; padding-top: 4px; padding-bottom: 4px; text-transform: uppercase; font-size: 12px; }
.reports-container .table-sortable td .row { margin-left: -6px; margin-right: -6px; }
.reports-container .table-sortable td .comparison { font-style: italic; }
.reports-container .table-sortable td .row .col-xs-8, .reports-container .table-sortable td .row .col-xs-4 { padding-left: 6px; padding-right: 6px; }

@media (max-width: 991px) {
	.reports-container .selectors-container .area-selectors { margin-top: 0px; }
	.reports-container .portlet .portlet-body .metric-selection .text-right { text-align: left; }
}

.reports-container .selectors-container .area-selectors input.typeahead { width: 100%; color: #FFFFFF; background-color: transparent; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #FFFFFF; }
.reports-container .selectors-container .area-selectors input.typeahead:focus { background-color: #1C699F; }
.reports-container .selectors-container .area-selectors input.typeahead:-moz-placeholder { color: #FFFFFF; }
.reports-container .selectors-container .area-selectors input.typeahead::-moz-placeholder { color: #FFFFFF; }
.reports-container .selectors-container .area-selectors input.typeahead:-ms-input-placeholder { color: #FFFFFF; }
.reports-container .selectors-container .area-selectors input.typeahead::-webkit-input-placeholder { color: #FFFFFF; }
.reports-container .selectors-container .area-selectors .typeahead.dropdown-menu { min-width: 320px; box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.reports-container .selectors-container .area-selectors .typeahead.dropdown-menu li { margin: 4px 8px; }
.reports-container .selectors-container .area-selectors .typeahead.dropdown-menu li a { padding: 8px 10px; }
.reports-container .selectors-container .area-selectors .typeahead.dropdown-menu li.dropdown-header { color: #9AA4B3; font-weight: bold; background-color: #EEF1F5; padding: 8px 10px; }
.reports-container .selectors-container .area-selectors .typeahead.dropdown-menu li.divider { display: none; }
.reports-container .selectors-container .area-selectors .btn { }
.reports-container .selectors-container .area-selectors .links { }
.reports-container .selectors-container .area-selectors .links a { display: inline-block; margin-top: 4px; padding: 5px 7px; color: #FFFFFF; }
.reports-container .selectors-container .area-selectors .links a:hover { background-color: #1C699F; text-decoration: none; }
.reports-container .selectors-container .area-selectors .btn { border-bottom: 1px solid #FFF; }
.reports-container .selectors-container .filter-selectors { padding-top: 15px; padding-bottom: 15px; text-align: center; }
.reports-container .selectors-container .filter-selectors label { color: #FFFFFF; padding-right: 12px; }
.reports-container .selectors-container .date-selectors { text-align: right; }

@media (max-width: 991px) {
	.reports-container .selectors-container .filter-selectors { text-align: left; }
	.reports-container .selectors-container .filter-selectors label { padding-left: 12px; }
}

@media (max-width: 767px) {
	.reports-container .selectors-container .date-selectors { text-align: left; }
}


.reports-container .question-header-box { position: relative; background-color: #FFFFFF; border: 1px solid #e7ecf1; margin-bottom: 15px; }
.reports-container .question-header-box .portlet-title { position: absolute; top: 15px; right: 15px; z-index: 1; }
.reports-container .question-header-box .portlet-title .tools { padding: 0px; }
.reports-container .question-header-box .question-container { }
.reports-container .question-header-box .question-container h3 { margin: 0px 0px 20px 0px; }
.reports-container .question-header-box .question-container .item-count { font-size: 15px; margin: 0px 0px 20px 0px; }
.reports-container .question-header-box .question-container .item-count span { padding-right: 8px; }
.reports-container .question-header-box .question-container .actions-container { }
.reports-container .question-header-box .question-container .actions-container .btn-group { margin-bottom: 10px; }
.reports-container .question-header-box .score-container { display: table; width: 90%; margin: auto; }
.reports-container .question-header-box .score-container .text-container { display: table-cell; vertical-align: middle; padding-right: 15px; text-align: left; }
.reports-container .question-header-box .score-container .text-container h3 { font-size: 20px; margin: 0px 0px 5px 0px; font-weight: 300; }
.reports-container .question-header-box .score-container .text-container h1 { margin: 0px 0px 5px 0px; font-weight: 600; }
.reports-container .question-header-box .score-container .gauge-container { display: table-cell; vertical-align: middle; position: relative; width: 160px; height: 130px; }
.reports-container .question-header-box .score-container .gauge-container > div { position: absolute; top: 0px; left: 0px; width: 160px; height: 160px; }
.reports-container .question-header-box .score-container .gauge-container .amcharts-pie-label { fill: #333333; }
.reports-container .question-header-box .score-container h4 { font-size: 14px; margin: 0px; font-weight: bold; }
.reports-container .question-header-box .score-container h4 span { font-size: 14px; font-weight: normal; font-style: italic; color: inherit; }
.reports-container .question-header-box .ratings-container { margin: auto 0px; }
.reports-container .question-header-box .ratings-container h1, .reports-container .question-header-box .ratings-container h2, .reports-container .question-header-box .ratings-container h3, .reports-container .question-header-box .ratings-container h4, .reports-container .question-header-box .ratings-container h5 { margin: 0px 0px 5px 0px; font-weight: 500; }
.reports-container .question-header-box .ratings-container h3 { text-transform: uppercase; font-size: 20px; font-weight: 300; }
.reports-container .question-header-box .ratings-container h1 { font-weight: 600; }
.reports-container .question-header-box .ratings-container .rating-count { margin: auto 0px; }
.reports-container .question-header-box .ratings-container .rating-count h4 { font-size: 14px; margin: 0px; font-weight: bold; }
.reports-container .question-header-box .ratings-container .rating-count h4 span { font-size: 14px; font-weight: normal; font-style: italic; color: inherit; }
.reports-container .question-header-box .ratings-container .ratings-person-item { white-space: nowrap; display: table; }
.reports-container .question-header-box .ratings-container .ratings-person-item .ratings-person-image { display: table-cell; vertical-align: top; }
.reports-container .question-header-box .ratings-container .ratings-person-item .ratings-person-data { display: table-cell; text-align: left; padding-top: 8px; padding-left: 10px; vertical-align: top; }
.reports-container .question-header-box .ratings-container .ratings-person-item .ratings-person-data h3 { text-transform: uppercase; font-size: 14px; margin-top: 0px; }
.reports-container .question-header-box .ratings-container .ratings-person-item .ratings-person-data h4 { font-size: 14px; margin: 0px; font-weight: bold; }
.reports-container .question-header-box .ratings-container .ratings-person-item .ratings-person-data h4 span { font-size: 14px; font-weight: normal; font-style: italic; color: inherit; }
.reports-container .question-header-box .ratings-container .ratings-person-item .ratings-person-data .ratings-person-data-percent { font-size: 32px; line-height: 34px; }
.reports-container .question-header-box .ratings-container .ratings-person-item .ratings-person-data .ratings-person-data-count { font-size: 20px; }
.reports-container .question-header-box.collapsed .portlet-body { display: block !important; }
.reports-container .question-header-box.collapsed .full-collapsed { width: 100%; }
.reports-container .question-header-box.collapsed .hide-collapsed { display: none; }
.reports-container .question-header-box.collapsed .question-container { min-height: auto; }
.reports-container .question-header-box.collapsed .question-container h3 { margin-right: 20px; display: inline-block; }
.reports-container .question-header-box.collapsed .question-container .item-count { display: inline-block; margin-right: 15px; }
.reports-container .question-header-box.collapsed .question-container .actions-container { display: inline-block; }

@media (max-width: 767px) {
	.reports-container .question-header-box .ratings-container .rating-count { margin-bottom: 20px; }
}

@media (max-width: 1199px) {
	.reports-container .question-header-box .ratings-container { padding-left: 20px; }
	.reports-container .question-header-box .score-container { margin-bottom: 20px; }
}

@media (min-width: 1200px) {
	.reports-container .question-header-box .side-borders { border-left: 1px solid #E7ECF1; border-right: 1px solid #E7ECF1; }
}

.reports-container.question-list-container { }
.reports-container.question-list-container .selectors-container { }
.reports-container.question-list-container .selectors-container .links { display: none; }

.reports-container.survey-results-container { }
.reports-container.survey-results-container .selectors-container { }
.reports-container.survey-results-container .selectors-container .links { display: none; }

.reports-container .survey-overview-box { }
.reports-container .survey-overview-box > .portlet-title { background-color: #D6DCE6; }
.reports-container .survey-overview-box > .portlet-title .tools { margin-top: 5px; }
.reports-container .survey-overview-box > .portlet-title .tools a.show { background-image: none; background-color: #A7ACB3; border: none; width: auto; height: auto; }
.reports-container .survey-overview-box > .portlet-title .tools a.hide { background-image: none; background-color: #A7ACB3; border: none; width: auto; height: auto; }
.reports-container .survey-overview-box > .portlet-title .caption { color: #333333; font-size: 16px; }
.reports-container .survey-overview-box > .portlet-title .item-count { margin-top: 10px; font-size: 14px; }
.reports-container .survey-overview-box.single-question > .portlet-title .tools { display: none; }
.reports-container .survey-overview-box .question-header-box { background-color: transparent; border: none; margin: 0px 0px 30px 0px; }
.reports-container .survey-overview-box.single-question .question-header-box { margin: 0px; }
.reports-container .survey-overview-box .question-header-box .question-container h3 { font-size: 20px; color: #337ab7; }
.reports-container .survey-overview-box .choice-questions-container { }
.reports-container .survey-overview-box .choice-questions-container .portlet { }
.reports-container .survey-overview-box .choice-questions-container .portlet .portlet-title { margin-bottom: 0px; }
.reports-container .survey-overview-box .choice-questions-container .portlet .portlet-body { padding-top: 0px; }
.reports-container .survey-overview-box .choice-questions-container .portlet .portlet-body .pie-container { position: relative; width: 100%; height: 270px; margin: 0px auto 0px auto; }
.reports-container .survey-overview-box .choice-questions-container .portlet .portlet-body .pie-container.pie-container-1 { height: 390px; }
.reports-container .survey-overview-box .choice-questions-container .portlet .portlet-body .pie-container.pie-container-2 { height: 330px; }
.reports-container .survey-overview-box .choice-questions-container .portlet .portlet-body .pie-container .amcharts-pie-label { fill: #333333; }
.reports-container .survey-overview-box .rated-questions-container { }
.reports-container .survey-overview-box .rated-questions-container > .portlet { padding-top: 0px; padding-bottom: 0px; }
.reports-container .survey-overview-box .rated-questions-container > .portlet > .portlet-body { padding: 0px; }
.reports-container .survey-overview-box .rated-questions-container > .portlet > .portlet-body .table-scrollable { margin: 0px !important; }
.reports-container .survey-overview-box .rated-questions-container > .portlet > .portlet-body .table-scrollable td { padding: 20px 0px; }
.reports-container .survey-overview-box .rated-questions-container .title { font-size: 18px; padding-right: 10px !important; }
.reports-container .survey-overview-box .rated-questions-container .score img { width: 30px; margin-right: 10px; }
.reports-container .survey-overview-box .rated-questions-container .score h3 { display: inline; margin: 0px; font-size: 16px; font-weight: bold; color: #333; }
.reports-container .survey-overview-box .rated-questions-container .total { font-size: 16px; color: #333; }
.reports-container .survey-overview-box .survey-sessions-container { }
.reports-container .survey-overview-box .survey-sessions-container > .portlet > .portlet-title > .caption { font-size: 16px; }
.reports-container .survey-overview-box .survey-sessions-container .survey-session { height: 100%; }
.reports-container .survey-overview-box .survey-sessions-container .survey-session .portlet-title { min-height: unset; }
.reports-container .survey-overview-box .survey-sessions-container .survey-session .score { margin-right: 15px; }
.reports-container .survey-overview-box .survey-sessions-container .survey-session .score h3 { margin: 10px 0px 0px 0px; text-align: center; font-size: 18px; font-weight: bold; }
.reports-container .survey-overview-box .survey-sessions-container .survey-session .table { margin-bottom: 0px; }
.reports-container .survey-overview-box .survey-sessions-container .survey-session .table td { border: none; padding: 4px 8px; }
.reports-container .survey-overview-box .responses-by-section { }
.reports-container .survey-overview-box .responses-by-section .portlet { height: 100%; }
.reports-container .survey-overview-box .responses-by-section .portlet > .portlet-body { }
.reports-container .survey-overview-box .section-questions-container { }
.reports-container .survey-overview-box .section-questions-container .portlet-title { position: relative; }
.reports-container .survey-overview-box .section-questions-container .portlet-title .caption { width: calc(100% - 110px); }
.reports-container .survey-overview-box .section-questions-container .portlet-title .caption .caption-subject { text-transform: uppercase; }
.reports-container .survey-overview-box .section-questions-container .portlet-title .tools { margin-top: 0px; float: right; text-align: right; padding: 0px; margin: 5px 0px 0px 0px; width: 110px; }
.reports-container .survey-overview-box .section-questions-container .portlet-title .tools img { width: 30px; margin-right: 10px; vertical-align: top; }
.reports-container .survey-overview-box .section-questions-container .portlet-title .tools span { font-size: 24px; line-height: 28px; font-weight: 600; color: #333333; }
.reports-container .survey-overview-box .section-questions-container .question { margin-bottom: 20px; }
.reports-container .survey-overview-box .section-questions-container .question .percentage-bar { width: 100%; background-color: #F5F5F5; margin-bottom: 5px; }
.reports-container .survey-overview-box .section-questions-container .question .percentage-bar span { display: block; height: 6px; }
.reports-container .survey-overview-box .section-questions-container.section-negative .question .percentage-bar span { background-color: #EC1C24; }
.reports-container .survey-overview-box .section-questions-container.section-neutral .question .percentage-bar span { background-color: #FFC10E; }
.reports-container .survey-overview-box .section-questions-container.section-positive .question .percentage-bar span { background-color: #008F4C; }
.reports-container .survey-overview-box .section-questions-container .question .title { clear: both; overflow: hidden; }
.reports-container .survey-overview-box .section-questions-container .question .title h4 { float: left; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; }
.reports-container .survey-overview-box .section-questions-container .question .title span { float: right; color: #8896A0; }
.reports-container .survey-overview-box .customer-satisfaction-box { display: table; margin: 15px auto; }
.reports-container .survey-overview-box .customer-satisfaction-box .chart-container { display: table-cell; margin: 0px auto; }
.reports-container .survey-overview-box .customer-satisfaction-box .chart-container > div { width: 160px; height: 160px; }
.reports-container .survey-overview-box .customer-satisfaction-box .chart-container.negative { background: url('/Assets//img/customer-satisfaction-emoticon-negative.png') center center no-repeat }
.reports-container .survey-overview-box .customer-satisfaction-box .chart-container.neutral { }
.reports-container .survey-overview-box .customer-satisfaction-box .chart-container.positive { background: url('/Assets//img/customer-satisfaction-emoticon-positive.png') center center no-repeat }
.reports-container .survey-overview-box .customer-satisfaction-box .text-container { display: table-cell; padding-left: 40px; vertical-align: middle; text-align: left; }
.reports-container .survey-overview-box .customer-satisfaction-box h3 { margin: 0px; text-transform: uppercase; font-size: 22px; }
.reports-container .survey-overview-box .customer-satisfaction-box h1 { margin: 5px 0px; font-size: 36px; font-weight: 600; }
.reports-container .survey-overview-box .customer-satisfaction-box h4 { font-size: 14px; margin: 0px; font-weight: bold; }
.reports-container .survey-overview-box .customer-satisfaction-box h4 span { font-weight: normal; font-style: italic; }
.reports-container .survey-overview-box .customer-satisfaction-box h5 { font-weight: normal; }
.reports-container .survey-overview-box.collapsed > .portlet-body > .box { display: none; }
.reports-container .survey-overview-box.collapsed > .portlet-body > .box.question-header-box { display: block; }
.reports-container .survey-overview-box.multiple-rating-questions.collapsed > .portlet-body > .box.responses-by-section { display: block; }

@media (min-width: 1200px) and (max-width:1650px) {
	.reports-container .survey-overview-box .responses-by-section .col-lg-3 > .portlet .customer-satisfaction-box { display: block; margin: 0px; }
	.reports-container .survey-overview-box .responses-by-section .col-lg-3 > .portlet .customer-satisfaction-box .chart-container { display: inline-block; }
	.reports-container .survey-overview-box .responses-by-section .col-lg-3 > .portlet .customer-satisfaction-box .text-container { display: inline-block; text-align: center; padding-left: 0px; }
}

.reports-container .text-md { font-size: 16px; }
.reports-container .text-lg { font-size: 20px; }
.reports-container .selectors-container .bs-select { }
.reports-container .selectors-container .bs-select .dropdown-header { background-color: #eef1f5; color: #8692a3; font-weight: bold; margin: 5px 8px; padding: 10px 8px; }
.reports-container .selectors-container .bs-select .dropdown-header a { font-weight: normal; }
.reports-container .selectors-container .bs-select .divider { display: none; }
.reports-container .selectors-container .bs-select li a.opt { padding-left: 14px; }
.reports-container .metric-select-container .checkbox-inline, .reports-container .metric-select-container .radio-inline { padding-left: 16px; }
.reports-container .metric-select-container .checkbox-inline:first-child, .reports-container .metric-select-container .radio-inline:first-child { padding-left: 0px; }

@media (max-width: 767px) {
	.reports-container .metric-select-container .checkbox-inline, .reports-container .metric-select-container .radio-inline { display: block; margin-left: 0px !important; margin-bottom: 10px; padding-left: 0px !important; float: left; width: 105px; }
}

.reports-container .survey-results-box { }
.reports-container .survey-results-box .table { }
.reports-container .survey-results-box .table td { padding: 15px 8px; }
.reports-container .survey-results-box .table .score { white-space: nowrap; }
.reports-container .survey-results-box .table .score img { width: 40px; margin-right: 10px; }
.reports-container .survey-results-box .table .score h3 { display: inline; margin: 0px; font-size: 14px; font-weight: bold; }
.reports-container .survey-results-box .table .text-content { max-width: 200px; }
.reports-container .survey-results-box .table .text-content span { display: inline-block; }
.reports-container .survey-results-box .table .text-content span.more { height: 60px; overflow: hidden; position: relative; }
.reports-container .survey-results-box .table .text-content span.less { height: auto; overflow: hidden; position: relative; }
.reports-container .survey-results-box .table .text-content span .morelink, .reports-container .survey-results-box .table .text-content span .lesslink { display: none; }
.reports-container .survey-results-box .table .text-content span.more .morelink { display: block; position: absolute; bottom: 0px; right: 0px; background-color: #FFFFFF; padding-left: 5px; }
.reports-container .survey-results-box .table .text-content span.less .lesslink { display: inline-block; position: relative; background-color: #FFFFFF; padding-left: 5px; }
.reports-container .survey-results-box .page-size { margin: 20px 0px; }
.reports-container .survey-results-box .page-size select { width: auto; display: inline-block; margin-left: 10px; }

/* AmCharts */
.amcharts-chart-div .amcharts-graph-bullet { transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; }
.amcharts-chart-div .amcharts-graph-bullet:hover { fill-opacity: 0.8; stroke-opacity: 1; stroke-width: 7px; }
.amcharts-chart-div .amcharts-map-image:hover { }
.amcharts-chart-div .amcharts-axis-label { }
.amcharts-chart-div .amcharts-axis-label tspan:nth-child(3n+3) { display: none; }

.amcharts-balloon-bg { display: none; }

.amcharts-balloon-div { border: 1px solid #8896A0; background-color: rgba(255, 255, 255, 0.9); padding: 10px; }
.amcharts-balloon-div[style*="pointer"] { display: none; }
.amcharts-balloon-div table { width: 100%; }
.amcharts-balloon-div table tr td { text-align: center; }
.amcharts-balloon-div table tr td.date { text-align: left; }
.amcharts-balloon-div table tr td.bar { text-align: right; }
.amcharts-balloon-div table tr td .item { padding: 5px; font-size: 12px; display: inline-block; }
.amcharts-balloon-div table tr td .item .label { color: #8896a0; }
.amcharts-balloon-div table tr td .item .value { color: #000000; font-weight: bold; }
.amcharts-balloon-div table tr td .item.selected { background-color: #8E9BAE; }
.amcharts-balloon-div table tr td .item.selected .label { color: #FFFFFF; }
.amcharts-balloon-div table tr td .item.selected .value { color: #FFFFFF; }
.amcharts-balloon-div table tr td.bar .item { width: 80px; }
.amcharts-balloon-div table tr td.bar .item table div { width: 100%; height: 14px; }
.amcharts-balloon-div table.header { margin-bottom: 10px; }
.amcharts-balloon-div.left { left: 10px !important; right: auto !important; }
.amcharts-balloon-div.right { left: auto !important; right: 10px !important; }
.portlet-body > .amcharts-balloon-div, .modal-content > .amcharts-balloon-div { display: block; position: absolute; top: 10px !important; }
#map_areas .amcharts-balloon-div, .pie-container .amcharts-balloon-div { display: block; }

.chart-container { position: relative; }
.chart-container .curtain { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; }
.chart-container .curtain span { display: block; position: absolute; top: 45%; width: 100%; text-align: center; }
.chart-container .curtain.loading { display: block; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 25px; }
.chart-container .curtain.nodata { display: block; color: #000; font-size: 25px; }
.chart-container .curtain.loading span:after { content: "Chart is loading..."; }
.chart-container .curtain.nodata span:after { content: "No data to display"; }

.chart-container .chart-legend-container { color: #8896a0; font-size: 13px; }
.chart-container .chart-legend-container .legend-item { display: inline-block; }
.chart-container .chart-legend-container .marker { display: inline-block; }
.chart-container .chart-legend-container .metrics-container { text-align: left; }
.chart-container .chart-legend-container .metrics-container .legend-item { margin-right: 15px; }
.chart-container .chart-legend-container .indexes-container .legend-item { margin-left: 15px; }
.chart-container .chart-legend-container .indexes-container { text-align: right; }
.chart-container .chart-legend-container .metrics-container .marker { width: 24px; height: 2px; margin: 0px 3px 3px 0px; }
.chart-container .chart-legend-container .indexes-container .marker { width: 10px; height: 10px; margin: 0px 3px 0px 0px; }

.chart-modal { }
.chart-modal .modal-header { position: relative; }
.chart-modal .modal-header h4 { font-size: 16px; }
.chart-modal .modal-header .modal-navigation { }
.chart-modal .modal-header .modal-navigation a { color: #8896a0; font-weight: bold; }
.chart-modal .modal-header .modal-navigation a.disabled { color: transparent; }
.chart-modal .modal-header .modal-navigation span { margin: 0px 10px; color: #8896a0; font-weight: bold; }

.nodata-container { }
.nodata-container h4 { padding: 50px 0px 300px 0px; text-align: center; }

.daterangepicker .ranges { width: auto; }
.daterangepicker .ranges .section-title { font-size: 13px; color: #32c5d2; text-transform: uppercase; padding: 5px 0px 10px 5px; font-weight: bold; }
.daterangepicker .ranges ul { width: 300px; }
.daterangepicker .ranges ul li { }
.daterangepicker .ranges ul li span { float: right; color: #888888; pointer-events: none; }
.daterangepicker .ranges ul li.active span, .daterangepicker .ranges ul li:hover span { color: #FFFFFF; }
.daterangepicker .ranges .hide-days { }
.daterangepicker .ranges .hide-days label { display: inline-block; padding-left: 10px; }
.daterangepicker .ranges .hide-days label > div { display: block; }

.daterangepicker.daterangepicker-comp .ranges ul { width: 350px; }
.daterangepicker.daterangepicker-comp .ranges .section-title-hidedays, .daterangepicker.daterangepicker-comp .ranges .hide-days { display: none; }


@media print {
	a, a:visited { text-decoration: underline; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img, div.portlet { page-break-inside: avoid; }
	.reports-container .portlet, .chart { page-break-inside: avoid; }
	.reports-container .area-selectors { display: none; }
	.page-breadcrumb { display: block; }
	img { max-width: 100% !important; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	.navbar { display: none; }
	.btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
	.label { border: 1px solid #000; }
	.table { border-collapse: collapse !important; }
	.table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
	.page-break { page-break-after: always !important; }
}

.page-export .visible-export { display: block; }
.page-export .hidden-export { display: none; }
.page-export .page-break { page-break-after: always !important; }
.page-export, .page-export .page-content-wrapper, .page-export .page-content { background-color: transparent !important; }
.page-export .row.display-flex, .page-export .row.display-flex > [class*='col-'] { display: block; }
.page-export .page-header { box-shadow: none; margin-bottom: 10px; }
.page-export .page-header,
.page-export .page-header .page-header-top,
.page-export .page-header .page-header-top .page-logo { height: auto; }
.page-export .page-header .page-header-top .page-logo .logo-default { margin: 0px; }
.page-export .page-header .top-menu { display: none; }
.page-export .reports-container .portlet.collapsed { display: none; }
.page-export .reports-container .area-selectors > div { display: none; }
.page-export .reports-container .selectors-container { display: none; }
.page-export .reports-container .selectors-header .dates { display: inline-block; text-align: right; font-size: 1.2em; }
.page-export .reports-container .selectors-header .client-logo { display: inline-block; }
.page-export .reports-container .selectors-header .client-logo img { vertical-align: bottom; }
.page-export .reports-container .selectors-header .dates .dates-current { font-weight: bold; }
.page-export .reports-container .selectors-header .dates .dates-comp { }
.page-export .reports-container .selectors-header .client-logo img { height: 55px; margin-right: 8px; margin-top: 8px; }
.page-export, .page-export h1, .page-export h2, .page-export h3, .page-export h4, .page-export h5, .page-export h6 { font-family: sans-serif; }
.page-export .reports-container .question-header-box { border: none !important; padding: 0px; }
.page-export .reports-container .question-header-box .side-borders { border: none; }
.page-export .reports-container .question-header-box .ratings-container .rating-count { margin-top: 30px; }
.page-export .reports-container .question-header-box .question-container .actions-container { display: none; }
.page-export .reports-container .portlet .portlet-title .tools, .page-export .reports-container .portlet .portlet-title .actions, .page-export .reports-container .portlet .portlet-title .inputs { display: none; }
.page-export .reports-container .portlet .metric-selection { display: none; }
.page-export .reports-container .portlet .more { display: none; }
.page-export .reports-container table.table-sortable thead tr .header { background-image: none; }
.page-export .reports-container table.table th.compare, .page-export .reports-container table.table td.compare { display: none; }
.page-export .reports-container .table-scrollable { overflow-x: hidden; }
.page-export .reports-container .page-size { display: none; }
.page-export .reports-container .amcharts-chart-div .amcharts-axis-grid { stroke: #E5E5E5; stroke-opacity: 1; }
