html { overflow: auto; }
body { font-family: "Calibri",Arial,sans-serif; font-weight: 300; background: #E9EAED; border: 0; font-size: 16px; margin: 0; }

section#popup { position: absolute; display: none; width: 100%; height: 100%; z-index: 2; }
section#info, header, nav, footer { margin: 0 auto; max-width: 1000px; }

strong, b, h1, h2, h3, h4 { font-weight: 600; }

.left { float: left; }
.right { float: right; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.top { float: right; }

.white-box { background: #fff; border-radius: 3px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; }

.btn { border: 0; padding: 7px 10px; background: #76a1d4; border-radius: 3px; transition: 0.3s; color: #fff; font-size: 1em; cursor: pointer; }
.btn:hover { background: #6990bc; }
a.btn { text-decoration: none; }

.text-green { color: rgb(92, 174, 50); }
.text-orange { color: rgb(237, 122, 43); }
.text-red { color: rgb(213, 29, 32); }

.icon-left { float: left; width: 35px; margin-right: 10px; }

#page-home #home-title { text-align: center; font-weight: normal; font-size: 2.5em; margin: 0; }
#page-home { position: relative; z-index: 0; }

.content-box { max-width: 1000px; padding: 25px; background: #fff; box-sizing: border-box; margin: 25px auto 0; border-radius: 3px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; position: relative; }

.mce-menu-item-feedback {}
.mce-menu-item-feedback .mce-i-preview-feedback { height: 60px; width: 90px; background-size: contain; background-repeat: no-repeat; background-position: center center; }

/*.-block-image { display: block; }*/
.block-left { float: left; margin-right: 10px; vertical-align: middle; }
.block-right { float: right; margin-left: 10px; vertical-align: middle; }
.block-image { display: none; }

footer { text-align: center; padding: 25px 0; }
footer a { color: #000; }

.radio-btn-header { padding-bottom: 10px; }

form .btn { margin-top: 10px; }
form input[type="text"],
form input[type="password"] { padding: 5px 7px; border-radius: 3px; border: 1px solid rgb(238, 238, 238); box-sizing: border-box; }

.loader { height: 128px; width: 128px; background-size: 128px; display: block; background: url('data:image/gif;base64,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'); }

.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
	#blocks { border-collapse: collapse; }
	#blocks td { padding: 8px; border-bottom: 1px solid #d9d9db; }
	#blocks tr:hover td { background: #d9d9db; }
	#blocks td .btn { padding: 2px 4px; }
	
	.page-admin { margin: 20px auto 0; max-width: 1000px; }
	.page-admin h1 { margin: 0 0 5px; }
	.page-admin .breadcrumbs { font-size: 1.1em; margin-bottom: 20px; }
	.page-admin .breadcrumbs span { font-size: 0.8em; font-weight: normal; }
	.page-admin .breadcrumbs a { color: #333; }
	.page-admin .admin-blocks { position: relative; }
	.page-admin .admin-block .admin-tab { position: absolute; width: 50%; box-sizing: border-box; height: 55px; line-height: 55px; text-align: center; background: #fafafa; font-size: 1.4em; top: 0; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #fff; border-bottom: 0; cursor: pointer; }
	.page-admin .admin-block:first-child .admin-tab { left: 0; border-top-left-radius: 3px; }
	.page-admin .admin-block:last-child .admin-tab { right: 0; border-top-right-radius: 3px; }
	.page-admin .admin-block .admin-content { display: none; padding: 25px; background: #fff; margin-top: 55px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
	.page-admin .admin-block .admin-content h3:first-child { margin-top: 0; }
	
	.page-admin .admin-block.active .admin-tab { height: 56px; background: #fff; } 
	.page-admin .admin-block.active:first-child .admin-tab { border-right: 0; }
	.page-admin .admin-block.active:last-child .admin-tab { border-left: 0; }
	.page-admin .admin-block.active .admin-content { display: block; }
	
	.page-admin .admin-text-blocks { list-style: none; padding: 0; margin: 0; }
	.page-admin .admin-text-blocks li { display: inline-block; width: 49.5%; box-sizing: border-box; padding: 1%; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; margin-top: 1%; }
	.page-admin .admin-text-blocks li:nth-child(0),
	.page-admin .admin-text-blocks li:nth-child(1) { margin-top: 0; }
	.page-admin .admin-text-blocks li:nth-child(odd) { margin-right: 0.5%; }
	.page-admin .admin-text-blocks li:nth-child(even) { margin-left: 0.5%; }
	.page-admin .admin-text-blocks li img { width: 7%; vertical-align: middle; margin-right: 10px; }
	.page-admin .admin-text-blocks li span { font-size: 1.2em; vertical-align: middle; }
	.page-admin .admin-text-blocks li .edit-texts { float: right; }
	
	.company-settings ul { padding: 0; margin: 10px 0 0; list-style: none; }
	.company-settings ul li { margin-top: 10px; }
	.company-settings ul li:first-child { margin-top: 0; }
	.company-settings ul li input[type="text"] { border-radius: 3px; padding: 7px; border: 1px solid #ddd; }
	.company-settings ul li input[type="text"],
	.company-settings ul li input[type="file"] { display: block; margin-top: 10px; }
	
	.tinymce-loader { width: 50px; height: 50px; background-size: 50px; }
header #logo-idewe { width: 209px; margin-top: 15px; }

#header-wrapper { margin-top: 10px; display: none; }
#header-wrapper #logo-app img { height: 91px; border-radius: 3px; }
#header-wrapper #user-feedback { float: right; }
#header-wrapper #user-feedback a { display: block; padding: 10px 15px; border-radius: 3px; font-weight: bold; font-size: 1.17em; text-decoration: none; color: #fff; background: rgb(213, 29, 32); background: rgba(213, 29, 32, 0.5); }
#header-wrapper #user { padding: 8px 10px; background: #fff; margin-top: 10px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-radius: 3px; }
#header-wrapper #user a { padding: 3px 6px; margin-left: 10px; }
#header-wrapper #user span { font-style: italic; }

@media (max-width: 47.5em) {
	#header-wrapper #user-feedback { float: none; clear: both; padding-top: 15px; }
	#header-wrapper #user-feedback a { padding: 7px 11px; font-size: 1em; }
}

.info { margin-top: 20px; position: relative; overflow: hidden; transition: 1s; height: 43px; }
.info .info-content { padding: 5px; height: 32px; line-height: 32px; border-bottom: 1px solid; border-radius: 3px; }
.info .information { background: #76afdc; border-color: #5c8db2; }
.info .success { background: #8ec641; border-color: #80b23a; }
.info .warning { background: #fddb55; border-color: #e8c64e; }
.info .error { background: #F0947B; border-color: #d5684d; }
.info img { height: 32px; width: 32px; border: 0; display: block; position: absolute; }
.info span { font-weight: bold; vertical-align: middle; display: inline-block; font-size: 0.9em; line-height: normal; padding: 0 30px 0 40px; }
.info .information span,
.info .success span { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.info .warning span ,
.info .error span { color: #222; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); }
.info .close-info { position: absolute; background: #555; border-bottom: 1px solid #333; height: 18px; width: 18px; line-height: 16px; text-align: center; top: 12px; right: 12px; color: #ddd; font-weight: bold; cursor: pointer; border-radius: 3px; }
	
.info-small { margin-top: 10px; height: auto; }
.info-small .info-content { padding: 4px 4px 3px; height: auto; line-height: normal; }
.info-small span { font-weight: normal; padding: 0 30px 0 0; }
.info-small .close-info { top: 3px; right: 3px; } 
	#popup { }
	#popup .popup-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
	#popup .popup-shadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0,0,0,0.6); }
	#popup .popup-container { padding: 2%; position: relative; top: 25px; z-index: 1; max-width: 800px; width: 100%; box-sizing: border-box; margin: 0 auto; background: #fff; border-radius: 3px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; }
	#popup .popup-container .popup-close { position: absolute; right: 10px; top: 10px; border-radius: 3px; background: #76a1d4; color: #fff; padding: 2px 7px; cursor: pointer; font-weight: bold; }
	#popup .popup-container .popup-close:hover { background: #6990bc; }
	
	#popup h1 { font-size: 2.5em; font-weight: 300; color: #76a1d4; margin: 0; padding: 0 0 20px; border-bottom: 1px solid rgba(0,0,0,0.1); }
	#popup input[type="text"] { border-radius: 3px; padding: 7px; border: 1px solid #ddd; }
	
	#popup .action-popup h3 { margin-top: 0; }
	#popup .action-popup .btn { margin-right: 10px; }
	
	#popup #popup-block-edit ul { padding: 0; list-style: none; }
	#popup #popup-block-edit ul li { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 10px 0; }
	#popup #popup-block-edit ul li h4 { margin-top: 0; } 
	#popup #popup-block-edit ul li .mce-tinymce { margin: 10px 0;  } 
	#popup #popup-block-edit ul li .btn { padding: 5px 9px; }


.sbl-wrapper { position: absolute;  z-index: 8999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); }

.sbl-wrapper .sbl-loader { position: absolute; width: 128px; height: 128px; left: 50%; top: 50%; margin: -64px 0 0 -64px; }

.sbl-wrapper .sbl-loader img { width: 100%; height: auto; display: block; }

#print-icon { border-radius: 50%; position: absolute; width: 32px; height: 32px; top: 25px; right: 25px; padding: 9px; background: #76a1d4; cursor: pointer; }
#print-icon a,
#print-icon img { display: block; }

#feedback-init { max-width: 500px; text-align: center; }
#feedback-init h2 { margin: 0; }
#feedback-init #feedback-init-loader { margin: 25px auto 0; padding: 25px; width: 128px; height: 128px; position: relative; }
#feedback-init #feedback-init-loader .sbl-wrapper { background: rgba(0,0,0,0.2); border-radius: 3px; }

#feedback-summary h1 { margin: 0; }
#feedback-summary h1,
#feedback-detail h1 { font-size: 2.5em; font-weight: 300; color: #76a1d4; }

#feedback-summary-items { margin-top: 25px; }
#feedback-summary-items h3 { margin: 0 0 9px; }
#feedback-summary-items .feedback-summary-items-block { float: left; }
#feedback-summary-items.feedback-items-grid-1 .feedback-summary-items-block { width: 100%; margin: 0; }
#feedback-summary-items.feedback-items-grid-2 .feedback-summary-items-block { width: 48%; margin: 0 2%; }
#feedback-summary-items.feedback-items-grid-3 .feedback-summary-items-block { width: 31%; margin: 0 1.75%; }
#feedback-summary-items .feedback-summary-items-block:first-child { margin-left: 0; }
#feedback-summary-items .feedback-summary-items-block:last-child { margin-right: 0; }

#feedback-summary-items .item-container { border-radius: 3px; padding: 10px; margin-top: 15px; }
#feedback-summary-items .item-container-red { border: 3px solid rgb(213, 29, 32); }
#feedback-summary-items .item-container-orange { border: 3px solid rgb(237, 122, 43); }
#feedback-summary-items .item-container-green { border: 3px solid rgb(92, 174, 50); }

#feedback-summary-items .item-container ul { list-style: none; padding: 0; margin: 0; }
#feedback-summary-items .item-container ul li:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#feedback-summary-items .item-container ul li { display: inline-block; width: 50%; padding: 1%; cursor: pointer; box-sizing: border-box; margin-top: 5px; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; }
#feedback-summary-items .item-container ul li:first-child { margin-top: 0; }
#feedback-summary-items .item-container ul li:hover { background: rgba(0,0,0,0.1); border-radius: 3px; }
#feedback-summary-items .item-container ul li img { width: 20%; vertical-align: middle; display: inline-block; border-radius: 50%; }
#feedback-summary-items .item-container ul li span { vertical-align: middle; /*display: inline-block;*/ font-size: 1.1em; }

#feedback-summary-items.feedback-items-grid-3 .item-container ul li { width: 100%; }

#feedback-detail { display: none; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; }
#feedback-detail #feedback-detail-shadow { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3); }
#feedback-detail #feedback-detail-content { max-width: 900px; margin: 25px auto 0; }

#feedback-detail-content > ul { list-style: none; padding: 0; margin: 0; }
#feedback-detail-content #feedback-detail-close { border-radius: 3px; padding: 7px 10px; background: #76a1d4; display: inline-block; color: #fff; float: right; margin-top: 10px; font-weight: bold; cursor: pointer; }
#feedback-detail-content .profile-item { display: none; }
#feedback-detail-content .profile-item.active { display: list-item; }
#feedback-detail-content .profile-item h1 { margin: 0; padding-bottom: 15px; vertical-align: middle; border-bottom: 1px solid rgba(0,0,0,0.1); }
#feedback-detail-content .profile-item h1 img { width: 50px; height: 50px; margin-right: 10px; vertical-align: middle; }
#feedback-detail-content .profile-item h1 .top { line-height: 1; display: block; padding: 7px; background: #6799CC; border-radius: 3px; border-bottom: 1px solid #4f769e; font-size: 0.6em; color: #fff; font-weight: normal; text-decoration: none; }

#feedback-detail-content .profile-item .score-relative { padding: 10px 0; }
#feedback-detail-content .profile-item .score-relative .bar { padding: 6px 0; width: 6.5%; float: left; border-style: solid; border-color: transparent; border-width: 2px 0; }
#feedback-detail-content .profile-item .score-relative .bar-selected { border: 2px solid; }
#feedback-detail-content .profile-item .score-relative .bar div { padding: 2px 0; }
#feedback-detail-content .profile-item .score-relative .bar:first-child div { border-top-left-radius: 11px; border-bottom-left-radius: 11px; }
#feedback-detail-content .profile-item .score-relative .bar:last-child div { border-top-right-radius: 11px; border-bottom-right-radius: 11px; }

#feedback-detail-content .profile-item .score-lower .bar-color-1.bar-selected { border-color: rgb(213, 29, 32); border-color: rgba(213, 29, 32, 0.7); }
#feedback-detail-content .profile-item .score-lower .bar-color-2.bar-selected { border-color: rgb(237, 122, 43); border-color: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-lower .bar-color-3.bar-selected { border-color: rgb(237, 122, 43); border-color: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-lower .bar-color-4.bar-selected { border-color: rgb(92, 174, 50); border-color: rgba(92, 174, 50, 0.7); }
#feedback-detail-content .profile-item .score-lower .bar-color-1 div { background: rgb(213, 29, 32); background: rgba(213, 29, 32, 0.7); }
#feedback-detail-content .profile-item .score-lower .bar-color-2 div { background: rgb(237, 122, 43); background: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-lower .bar-color-3 div { background: rgb(237, 122, 43); background: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-lower .bar-color-4 div { background: rgb(92, 174, 50); background: rgba(92, 174, 50, 0.7); }

#feedback-detail-content .profile-item .score-higher .bar-color-1.bar-selected { border-color: rgb(92, 174, 50); border-color: rgba(92, 174, 50, 0.7); }
#feedback-detail-content .profile-item .score-higher .bar-color-2.bar-selected { border-color: rgb(237, 122, 43); border-color: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-higher .bar-color-3.bar-selected { border-color: rgb(237, 122, 43); border-color: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-higher .bar-color-4.bar-selected { border-color: rgb(213, 29, 32); border-color: rgba(213, 29, 32, 0.7); }
#feedback-detail-content .profile-item .score-higher .bar-color-1 div { background: rgb(92, 174, 50); background: rgba(92, 174, 50, 0.7); }
#feedback-detail-content .profile-item .score-higher .bar-color-2 div { background: rgb(237, 122, 43); background: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-higher .bar-color-3 div { background: rgb(237, 122, 43); background: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-higher .bar-color-4 div { background: rgb(213, 29, 32); background: rgba(213, 29, 32, 0.7); }

#feedback-detail-content .profile-item .score-enthusiasm .bar-color-1.bar-selected { border-color: rgb(213, 29, 32); border-color: rgba(213, 29, 32, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-2.bar-selected { border-color: rgb(213, 29, 32); border-color: rgba(213, 29, 32, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-3.bar-selected { border-color: rgb(237, 122, 43); border-color: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-4.bar-selected { border-color: rgb(237, 122, 43); border-color: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-5.bar-selected { border-color: rgb(92, 174, 50); border-color: rgba(92, 174, 50, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-6.bar-selected { border-color: rgb(92, 174, 50); border-color: rgba(92, 174, 50, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-1 div { background: rgb(213, 29, 32); background: rgba(213, 29, 32, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-2 div { background: rgb(213, 29, 32); background: rgba(213, 29, 32, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-3 div { background: rgb(237, 122, 43); background: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-4 div { background: rgb(237, 122, 43); background: rgba(237, 122, 43, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-5 div { background: rgb(92, 174, 50); background: rgba(92, 174, 50, 0.7); }
#feedback-detail-content .profile-item .score-enthusiasm .bar-color-6 div { background: rgb(92, 174, 50); background: rgba(92, 174, 50, 0.7); }

/*
#print-icon { border-radius: 50%; position: absolute; width: 32px; height: 32px; top: 25px; right: 25px; padding: 9px; background: #76a1d4; cursor: pointer; }
#print-icon a,
#print-icon img { display: block; }

#feedback-summary { max-width: 1000px; margin: 0 auto; }

#feedback-detail { display: none; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; }
#feedback-detail #feedback-detail-shadow { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3); }
#feedback-detail #feedback-detail-content { max-width: 900px; margin: 25px auto 0; }

#feedback-summary,
#feedback-detail-content { padding: 25px; background: #fff; box-sizing: border-box; margin-top: 25px; border-radius: 3px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; position: relative; }

#feedback-summary h1,
#feedback-detail-content h1 { font-size: 2.5em; font-weight: 300; color: #76a1d4; margin: 0 0 25px; }

#feedback-summary-items { float: left; width: 55%; }
#feedback-company-info,
#feedback-summary-description { float: left; width: 42%; margin-left: 3%; text-align: justify; padding-top: 21px; }
#feedback-company-info { border-top: 1px solid rgba(0,0,0,0.1); padding-top: 1em; margin-top: 1em; }

#feedback-summary-items > div > h3 { margin-bottom: 9px; }
#feedback-summary-items > div > i { }

#feedback-summary-items .item-container { border-radius: 3px; padding: 15px; margin-top: 15px; }
#feedback-summary-items .item-container-0 { border: 5px solid rgb(213, 29, 32); background: rgba(213, 29, 32, 0.5); }
#feedback-summary-items .item-container-1 { border: 5px solid rgb(237, 122, 43); background: rgba(237, 122, 43, 0.5); }
#feedback-summary-items .item-container-2 { border: 5px solid rgb(92, 174, 50); background: rgba(92, 174, 50, 0.5); }

#feedback-summary-items .item-container ul { list-style: none; padding: 0; margin: 0; }
#feedback-summary-items .item-container ul li:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#feedback-summary-items .item-container ul li { display: inline-block; width: 47%; padding: 1%; font-size: 1.2em; cursor: pointer; }
#feedback-summary-items .item-container ul li:hover { background: rgba(0,0,0,0.1); border-radius: 3px; }
#feedback-summary-items .item-container ul li.item-size-1 { font-size: 1em; }
#feedback-summary-items .item-container ul li.item-size-2 { font-size: 0.8em; }
#feedback-summary-items .item-container ul li img { width: 20%; vertical-align: middle; display: inline-block; border-radius: 50%; }
#feedback-summary-items .item-container ul li span { vertical-align: middle; display: inline-block; width: 57%; padding-left: 3%; }

#feedback-detail-content > h1 { display: none; } 
#feedback-detail-content > ul { list-style: none; padding: 0; margin: 0; }
#feedback-detail-content #feedback-detail-close { border-radius: 3px; padding: 7px 10px; background: #76a1d4; display: inline-block; color: #fff; float: right; margin-top: 10px; font-weight: bold; cursor: pointer; }
#feedback-detail-content .profile-item { display: none; }
#feedback-detail-content .profile-item.active { display: list-item; }
#feedback-detail-content .profile-item h1 { padding-bottom: 15px; vertical-align: middle; border-bottom: 1px solid rgba(0,0,0,0.1); }
#feedback-detail-content .profile-item h1 img { width: 50px; height: 50px; margin-right: 10px; vertical-align: middle; }
#feedback-detail-content .profile-item h1 .top { line-height: 1; display: block; padding: 7px; background: #6799CC; border-radius: 3px; border-bottom: 1px solid #4f769e; font-size: 0.6em; color: #fff; font-weight: normal; text-decoration: none; }
#feedback-detail-content .profile-item .profile-text-blocks { list-style: none; padding: 0; }
#feedback-detail-content .profile-item .profile-text-blocks ul { list-style: square; }
#feedback-detail-content .profile-item .profile-text-blocks ul ul { list-style: circle; }

#feedback-detail-content .profile-item .score-absolute { margin-top: 30px; }
#feedback-detail-content .profile-item .score-absolute .baro { padding: 13px; position: relative; float: left; width: 3%; }
#feedback-detail-content .profile-item .score-absolute .baro:nth-child(2) { border-top-left-radius: 11px; border-bottom-left-radius: 11px; width: 5%; }
#feedback-detail-content .profile-item .score-absolute .baro:last-child { border-top-right-radius: 11px; border-bottom-right-radius: 11px; width: 5%; }
#feedback-detail-content .profile-item .score-absolute .baro-none { width: 0; padding: 0; }
#feedback-detail-content .profile-item .score-absolute .baro-green { background: rgb(92, 174, 50); background: rgba(92, 174, 50, 0.7); }
#feedback-detail-content .profile-item .score-absolute .baro-red { background: rgb(213, 29, 32); background: rgba(213, 29, 32, 0.7); }
#feedback-detail-content .profile-item .score-absolute .baro span { background: #fff; position: absolute; top: -20px; right: -4px; z-index: 1; padding-bottom: 10px; font-size: 0.9em; }
#feedback-detail-content .profile-item .score-absolute .baro-none span { right: -23px }
#feedback-detail-content .profile-item .score-absolute .baro:last-child span { right: 15px; }

#feedback-detail-content .profile-item .score-relative .bar { padding: 6px 0; width: 6.5%; float: left; border-style: solid; border-color: transparent; border-width: 2px 0; }
#feedback-detail-content .profile-item .score-relative .bar-selected { border: 2px solid; }
#feedback-detail-content .profile-item .score-relative .bar div { padding: 2px 0; } 
#feedback-detail-content .profile-item .score-relative .bar-color-1.bar-selected { border-color: rgb(213, 29, 32); border-color: rgba(213, 29, 32, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-2.bar-selected { border-color: rgb(237, 122, 43); border-color: rgba(237, 122, 43, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-3.bar-selected { border-color: rgb(92, 174, 50); border-color: rgba(92, 174, 50, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-4.bar-selected { border-color: rgb(81, 150, 43); border-color: rgba(81, 150, 43, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-5.bar-selected { border-color: rgb(68, 127, 36); border-color: rgba(68, 127, 36, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-1 div { background: rgb(213, 29, 32); background: rgba(213, 29, 32, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-2 div { background: rgb(237, 122, 43); background: rgba(237, 122, 43, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-3 div { background: rgb(92, 174, 50); background: rgba(92, 174, 50, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-4 div { background: rgb(81, 150, 43); background: rgba(81, 150, 43, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar-color-5 div { background: rgb(68, 127, 36); background: rgba(68, 127, 36, 0.7); } 
#feedback-detail-content .profile-item .score-relative .bar:first-child div { border-top-left-radius: 11px; border-bottom-left-radius: 11px; }
#feedback-detail-content .profile-item .score-relative .bar:last-child div { border-top-right-radius: 11px; border-bottom-right-radius: 11px; }

@media (max-width: 47.5em) {
	#feedback-summary-items,
	#feedback-summary-description { float: none; margin: 20px 0 0; width: 100%; }
	#feedback-summary-description h3 { display: none; }
	
	#feedback-detail-content .profile-item .score-absolute .baro-none span { right: -14.5px; }
	#feedback-detail-content .profile-item .score-absolute .baro:last-child span { right: 6.5px; }
	
	#feedback-detail-content .profile-item .score-relative .bar { width: 10%; }
}

@media (max-width: 30em) {
	#print-icon { position: relative; top: 0; right: 0; }
	
	#feedback-summary-items .item-container ul li { width: 97%; margin: 3px 0; }
	#feedback-summary-items .item-container ul li img { width: 10%; }
	
	#feedback-detail-content .profile-item .score-relative .bar { width: 17%; }
}
*/

#login-box { text-align: center; width: 320px; margin: 25px auto 0; border-radius: 3px; box-sizing: border-box; padding: 25px; box-shadow: 0 1px 3px 1px rgba(100,100,100,0.1); background-color: #fff; }
#login-box h2 { margin: 0; }
#login-box input { margin-top: 20px; }
#login-box input[type="text"],
#login-box input[type="password"] { margin-top: 20px; padding: 7px; border: 1px solid #eee; border-radius: 3px; text-align: center; }