/** * Theme Name: VSurv * Theme URI: http://devpress.com/themes/news * Description: An advanced news theme created to highlight articles, videos, slideshows, and other media. It features multiple sidebars and custom templates while being child-theme friendly. * Version: 0.1 * Author: DevPress * Author URI: http://devpress.com * Tags: theme-options, custom-menu, threaded-comments, microformats, translation-ready, rtl-language-support, two-columns, fixed-width * License: GNU General Public License v2.0 * License URI: http://www.gnu.org/licenses/gpl-2.0.html * * Copyright (c) 2010 DevPress LLC. All rights reserved. * http://devpress.com */ img { border: none; } /* Layout. */ html, body { height: 100%; } body { background: #fcfcfc; color: #444; font: 12px/2 Tahoma, Arial, Helvetica, Sans-serif; font-size: .75rem; /* 12/16 */ margin: 0 0; } h1 { font-size: 2em; } h2 { font-size: 1.75em; } h3 { font-size: 1.5em; } h4 { font-size: 1.25em; } h5, h6 { font-size: 1em; } h1, h2 { font-weight: normal; line-height: 1; margin: 0 0 1em; padding: 5px 0; } .transparent { background: transparent !important; } span.small { font-size: .6em; } a { color: #00458B; text-decoration: underline; } a:hover { color: #66ABEE; } h1.select-report-type a { font-size: 14px; padding: 5px 10px; background: #EEE; text-decoration: none; color: #000; border-radius: 8px; } h1.select-report-type a.active { background: url(../../../Dashboard/img/header-bg_v2.jpg) repeat-x 0 0; font-weight: normal; color: #FFF; } h1.select-report-type a:hover { background: #043056; color: #FFF; } p, hr { margin-bottom: 1em; } #header-container, #menu-container, #body-container { margin: 0 auto; position: relative; width: 960px; } #footer-container { margin: 0 auto; position: relative; width: 960px; text-align:center; } #body-container { margin: 0 auto 1.667em; } /* 20/12 */ label { line-height: 2; } input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], select, textarea { background: #fff; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 2px #f1f1f1 inset; color: #333; letter-spacing: 0.2pt; padding: 5px; word-spacing: 0.4pt; } .form-inputs input[type="text"], .form-inputs input[type="email"], .form-inputs input[type="password"], .form-inputs input[type="url"], .form-inputs input[type="tel"] { width: 95%; } select, body select.ui-wizard-content { padding: 5px !important; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="tel"]:focus, select:focus, textarea:focus { box-shadow: 0 0 3px #BFE2F2; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month { font-size: 11px; font-size: .6875rem; /* 11/16 */ padding: 0 !important; } .form-box { border-bottom: 2px solid #ddd; margin: 0 0 20px; padding: 20px; } .form-field { clear: both; overflow: hidden; padding: 5px 0; } .form-field .note { clear: both; } .form-box label { float: left; font-weight: bold; text-align: right; width: 30%; } .form-box label.inline { padding-left: 20%; text-align: left; width: 100% } .form-box .inputs { float: right; width: 66%; } .form-box input.half-input { width: 50%; } .form-box input.full-input { width: 95%; } .form-box .append-bottom-1 { overflow: hidden; } .form-box .append-bottom-1 input, .form-box .append-bottom-1 select { width: 90%; } .form-box .third_left { float: left; width: 33%; } .form-box .third_mid { float: left; width: 33%; } .form-box .third_right { float: right; width: 33%; } .form-field .note { display: block; color: #666; font-size: 11px; font-size: .6875rem; /* 11/16 */ } select#assignedemail { width: 100%; } select#choose-survey.email { width: 396px; min-height: 100px; margin-top: 15px; } .insert-item.floatright { margin-top: 35px; } /* Utility. */ #utility ul { position: absolute; top: 80px; right: 50px; list-style: none; font-size: 12px; line-height: 14px; margin: 0; text-align: right; } #utility ul li { display: inline; } #utility ul li.middle { border-right: 1px solid #13558A; border-left: 1px solid #13558A; padding: 0 10px; margin: 0 10px; } #utility ul li a { text-decoration: none; color: #13558A; } #utility ul li a:hover { text-decoration: underline; color: #13558A; } /* Header. */ #header-container { height: 149px; border-radius: 8px; -moz-box-shadow: 0 0 2px #AAA; -webkit-box-shadow: 0 0 2px #AAA; box-shadow: 0 0 2px #AAA; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; margin-bottom: 20px; border-right: 1px solid #CCC\9; border-left: 1px solid #CCC\9; } #header { background: #fff; border-top: 6px solid #13558A; color: #043056; height: 121px; margin: 0; font-size: 1em; line-height: 1.2em; } .header-logo { max-height: 71px; margin: 25px 0 25px 25px; } .header-left { padding-top: 15px; padding-left: 6px; } .header-logo-img { background: url(../images/vsmart-logo.png) no-repeat; width: 266px; height: 73px; } .hospital-name { float: right; margin-right: 50px; margin-top: 35px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #d88267; color: #13558A; font-size: 1.4em; line-height: 1.4em; font-weight: bold; text-align: right; min-width: 242px; } #site-title { font-size: 24px; font-size: 1.5rem; /* 24/16 */ font-weight: normal; line-height: 1.5; margin: 0; width: 360px; } /* Navigation */ #menu-primary ul{ margin: 0; padding: 0; list-style: none; } #menu-primary li li, #page-nav li li { margin-right: 0; } /* Drop-downs style */ #menu-primary li:hover ul, #menu-primary li.sfHover ul, #page-nav li:hover ul, #page-nav li.sfHover ul { top: 20px; } #menu-primary li li a { background: #fff; border: 1px solid #ccc;; color: #000; margin-right: 0; } #menu-primary li li a:hover { background: #eee; } #menu-primary li ul { background: #fff; } #menu-primary li li:hover ul, #menu-primary li li.sfHover ul, #menu-primary li li li:hover ul, #menu-primary li li li.sfHover ul, #page-nav li li:hover ul, #page-nav li li.sfHover ul , #page-nav li li li:hover ul, #page-nav li li li.sfHover ul { top: -1px; } #menu-primary li li li, #page-nav li li li { margin-left: -1px; } /* Menu. */ #menu-primary, #menu-footer, .menu-item a { background-color: #a4a4a4; background-image: -moz-linear-gradient(top, #a4a4a4 20%, #909090 50%, #a4a4a4 80%); background-image: -ms-linear-gradient(top, #a4a4a4 20%, #909090 50%, #a4a4a4 80%); background-image: -o-linear-gradient(top, #a4a4a4 20%, #909090 50%, #a4a4a4 80%); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.2, #a4a4a4), color-stop(0.5, #909090), color-stop(0.8, #a4a4a4)); background-image: -webkit-linear-gradient(top, #a4a4a4 20%, #909090 50%, #a4a4a4 80%); background-image: linear-gradient(top, #a4a4a4 20%, #909090 50%, #a4a4a4 80%); } #menu-primary, #menu-footer { border-radius: 0 0 4px 4px; /* height: 22px; */ margin: 0 0 25px; } #menu-footer { border-radius: 4px; } .menu { list-style: none; margin: 0; padding: 0;} .menu-item { position: relative; display: inline-block; float: left; margin: 0 1px 0 0; } .menu-item a { border-right: 1px solid #FFF; color: #fff; display: block; line-height: 1.818; /* 20/11 */ padding: 0 20px; text-decoration: none; } .menu-item.active a, .menu-item a:hover { background-color: #13558A; background-image: -moz-linear-gradient(top, #13558A 20%, #043056 50%, #13558A 80%); background-image: -ms-linear-gradient(top, #13558A 20%, #043056 50%, #13558A 80%); background-image: -o-linear-gradient(top, #13558A 20%, #043056 50%, #13558A 80%); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.2, #13558A), color-stop(0.5, #043056), color-stop(0.8, #13558A)); background-image: -webkit-linear-gradient(top, #13558A 20%, #043056 50%, #13558A 80%); background-image: linear-gradient(top, #13558A 20%, #043056 50%, #13558A 80%); } .menu-item.current-item a { font-weight: bold; } .menu-item:first-child a { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .menu-item .nav-indicator { display: none; width: 0; height: 0; position: absolute; left: 50%; margin-left: -6px; top: 100%; background: transparent; border: 6px solid transparent; border-top-color: #13558a; } .menu-item.active .nav-indicator { display: block; } .menu-item .alerts-badge { background: #c84040; border: 1px solid #fff; min-width: 14px; height: 14px; line-height: 14px; padding: 4px; text-align: center; color: #FFF; font-size: .9em; position: absolute; left: 88%; bottom: 40%; border-radius: 12px; box-shadow: 0px 2px 3px rgba(0,0,0,.5); } .alerts-badge { background: #c84040; border: 1px solid #fff; min-width: 14px; height: 14px; line-height: 14px; padding: 4px; text-align: center; color: #FFF; font-size: .9em; position: absolute; left: 88%; border-radius: 12px; box-shadow: 0px 2px 3px rgba(0,0,0,.5); } /* Body. */ #content { border-radius: 8px; -moz-box-shadow: 0 0 2px #AAA; -webkit-box-shadow: 0 0 2px #AAA; box-shadow: 0 0 2px #AAA; overflow: hidden; padding: 20px; position: relative; border: 1px solid #CCC\9; background: #fff; } #content.borderless { box-shadow: none; padding-top: 0px; } #rule { height: 400px; width: 700px; } /* tables */ table th { background: #CCC; color: #000; font: bold 8.5pt/1em Arial,Geneva,sans-serif; text-align: left; padding: 10px; } table ul { padding-left: 17px; } table ul li { margin-bottom: 10px; } .answer-column { max-width: 450px; } ul.individual-report-answers { list-style-type: none; padding: 0; } ul.individual-report-answers li { margin-bottom: 5px; padding: 0; } ul.individual-report-answers li span.selected { color: #13558A; display: block; padding: 5px 10px; margin: 0 -10px; border: 1px solid #13558A; } .view-alerts { font-size: .8em; font-weight: normal; padding: 3px 5px; background: #902828; color: #FFF; margin-right: 5px; cursor: pointer; } fieldset.report-filter { float: right; max-width: 60%; } select#surveyfilter { width: 200px; } input.report-from, input.report-to { width: 60px; } .dataTables_info { margin-top: 20px; } .dataTables_filter { margin-top: -15px; } .dataTables_filter label { color: transparent; } .dataTables_filter label input { z-index: 1; margin-left: -45px; width: 263px; } .dataTables_length { display: none; } .dataTables_length label { color: transparent; } .dataTables_length label select { z-index: 2; } table.tablesorter { font-family:arial; background-color: #ccc; margin:10px 0pt 15px; font-size: 8pt; font-size: .5rem; /* 8/16 */ width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; font-size: .5rem; /* 8/16 */ padding: 4px; } table.tablesorter thead tr .header { background-image: url('../images/tablesorter/bg.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; background-color: #FFF; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#eee; } table.tablesorter thead tr .headerSortUp { background-image: url('../images/tablesorter/asc.gif'); color: #fff; } table.tablesorter thead tr .headerSortDown { background-image: url('../images/tablesorter/desc.gif'); color: #fff; } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; } table.fixed {table-layout: fixed} table.dynamic, table.fixed { margin: 0; width: 100%; background: #fff; border-spacing: 0px; } table.dynamic caption, table.fixed caption { font: normal normal normal 13px/25px Arial, Verdana, sans-serif; color: #ce3000; } table.dynamic tr td, table.dynamic tr th, table.fixed tr th, table.fixed tr td { border-bottom: 1px solid #ddd; padding: 10px; } table .row-order, table.fixed .row-order { width: 15px; } table.dynamic .col-edit, table.fixed .col-edit { width: 40px; } table.dynamic td, table.fixed td { color: #666; empty-cells: show; font: 8.5pt/1em verdana,arial,sans-serif; border-bottom: 1px solid #ddd; } table.dynamic tr:nth-child(odd) td, table.fixed tr:nth-child(odd) td{ background-color: #eee; } table.dynamic tr:hover td, table.fixed tr:hover td { background: #ddd; } table.dynamic td input[type="text"], table.fixed td input[type="text"]{ margin: 6px 0 6px 11px; padding: 8px; } table.dynamic td.col-rule-order input[type="text"], table.fixed td.col-rule-order input[type="text"] { width: 2.5em; } table.dynamic a, table.fixed a { text-decoration: underline; } .row-actions, .cell-actions { padding: 5px 0 0; visibility: hidden; } table tr:hover .row-actions, table td:hover .cell-actions { visibility: visible; } fieldset { border: 1px solid #ddd; clear: left; padding: 20px; } legend { color: #000; font: 18px/25px "Georgia", "Times New Roman", Times, Serif; margin: 0 0 0 10px; padding: 0 5px 3px; } .col-rule-title { width: 45%; } .col-rule-created { width: 20%; } .col-rule-modified { width: 20%; } .col-rule-trash { width: 5%; } td.col-rule-trash { text-align: center; } .comment-stamp { width: 80px; text-align: center; } .comment-time { display: none; } tr:hover .comment-time { display: block; } tr:hover .comment-date { display: none; } .required { color: #902828; } .button-control, input[type="text"].button-control, .button-back, .button-next, input.finish { background-color: #ddd; background-image: -moz-linear-gradient(top,#FAFAFA, #DADADA); background-image: -ms-linear-gradient(top,#FAFAFA, #DADADA); background-image: -o-linear-gradient(top,#FAFAFA, #DADADA); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#DADADA)); background-image: -webkit-linear-gradient(top,#FAFAFA, #DADADA); background-image: linear-gradient(top,#FAFAFA, #DADADA);border: 1px solid #C7C7C7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,.1) inset, -1px -1px 0 rgba(255,255,255,.1) inset; -moz-box-shadow: 1px 1px 0 rgba(255,255,255,.1) inset, -1px -1px 0 rgba(255,255,255,.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,.1) inset, -1px -1px 0 rgba(255,255,255,.1) inset; color: #666; cursor: pointer; display: inline-block; font: bold 13px/2 Arial, sans-serif; font-size: .8125rem; min-width: 50px; padding: .25em .75em; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #F2F2F2; vertical-align: middle; zoom: 1; } .large.button-control { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255,255,255,.9); } .button-control:hover { border: 1px solid #999; } .button-control small { font-weight: normal; } .button-control.highlight { background-color: #13558A; background-image: -moz-linear-gradient(top, #13558A, #043056); background-image: -ms-linear-gradient(top, #13558A, #043056); background-image: -o-linear-gradient(top, #13558A, #043056); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#13558A), to(#043056)); background-image: -webkit-linear-gradient(top, #13558A, #043056); background-image: linear-gradient(top, #13558A, #043056); border: 1px solid #043056; color: #fff; text-shadow: none; } .button-control.highlight:hover { border: 1px solid #FFF; background-color: #043056; background-image: -moz-linear-gradient(top, #043056, #13558A); background-image: -ms-linear-gradient(top, #043056, #13558A); background-image: -o-linear-gradient(top, #043056, #13558A); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#043056), to(#13558A)); background-image: -webkit-linear-gradient(top, #043056, #13558A); background-image: linear-gradient(top, #043056, #13558A); } .button-control.floatright { margin-left: 20px; } .pagination { margin: 0 0 20px; text-align: center; } .page-numbers { border: 1px solid #D9D5BE; display: inline-block; padding: 2px 10px; } .page-numbers.current { background: #D9D5BE; } .icon { display: inline-block; height: 17px; text-indent: -9999px; width: 16px; } .icon-report { background: url('../images/chart_bar.png') no-repeat; } .icon-clients { background: url('../images/group.png') no-repeat; } .icon-client { background: url('../images/user.png') no-repeat; } .icon-question { background: url('../images/questions.png') no-repeat; } .icon-add { background: url('../images/add.png') no-repeat; } .icon-delete, .icon-remove { background: url('../images/delete.png') no-repeat; } .icon:active { background-position: 0 1px; } /* #user-alerts ul { border-top: 1px solid #D9D5BE; list-style: none; margin: 0 0 20px; } #user-alerts ul li { border-bottom: 1px solid #D9D5BE; padding: 10px; word-wrap: break-word; width: 440px; }*/ #fancybox-content { border-radius: 8px; } .modal { width: 450px; } .full-page-module { margin-bottom: 0; } /* .alerts-box .entries { border-top: 1px solid #D9D5BE; margin: 0 0 25px; overflow: hidden; padding: 10px; }*/ .alert, .warning, .error, .validation-summary-errors { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; -moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; } .alert { background: #eee; border: 1px solid #ccc; color: #666; line-height: 1.667; /* 20/12 */ margin: 20px 0; padding: 10px; } .warning { background: #FFF298; border: 1px solid #ECD852; color: #424242; } .error,.validation-summary-errors { background: #F2CDCD; border: 1px solid #EA8A8A; color: #902828; } .error ul { margin-bottom: 0px; } .alert ul { margin: 0; padding-left: 20px; } .alert p { margin: 0; } .alert.urgent { background-color: #902828; color: #FFF; position: relative; } .add-question-indicator { position: absolute; bottom: -6px; height: 20px; width: 20px; right: 310px; background-image: url('../images/add_question_indicator.png'); background-size: 20px; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url('images/star.gif') no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ #survey-title { font: 18px/25px Tahoma,Arial,Helvetica,Sans-serif; padding: 5px; width: 38%; } #assign-email { clear: both; padding: 10px 0; } .question { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; -moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; background: #f9f9f9; border: 1px solid #eee; color: #424242; line-height: 1.667; /* 20/12 */ margin: 20px 0; overflow: hidden; padding: 10px; position: relative; } .item-selected { border: 5px dashed #ddd; height: 100px; } .survey-placement { border: 1px solid #000; height: 1px; } .item-sortable {cursor: move; } .ui-sortable-helper { -moz-opacity: .85; opacity: .85; } .toggle-this-question { color: #ccc; font: bold 48px/48px Arial, Helvetica, Sans-serif; position: absolute; right: 10px; text-decoration: none; text-shadow: -1px -1px #999; top: 0; } .question p { margin: 0 0 10px; } input.question-number { background: none !important; border: none !important; box-shadow: none; font: 32px/32px "Georgia", "Times New Roman", Times, Serif; margin: 0 10px 10px 0; padding: 0 !important; width: 40px !important; } .question-text { line-height: 2.667; /* 32/12 */ } .question table { width: 99%; } .question th { border-bottom: 2px solid #ccc; padding: 5px; } .question td { border-bottom: 1px solid #ccc; padding: 5px; } .question .choices { width: 68%; } #questions tr td, #surveyquestions tr td { vertical-align: top; } table.dynamic .toggle-choices { color: #666; display: block; width: 1em; height: 1em; text-align: center; font-size: 8px; font-size: .5rem; /* 8/16 */ text-decoration: none; /* -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; */ -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; } table.dynamic .toggle-choices.toggled { -webkit-transform: rotate( .5turn ); -moz-transform: rotate( .5turn ); transform: rotate( .5turn ); } .question-choices { display: none; } .question-choices ol { line-height: 1.333; /* 16/12 */ margin: 10px 0 10px 20px; } #new-survey { margin: 0 0 20px; overflow: hidden; position: relative; } .or { background: #fff; border: 1px solid #ddd; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #ccc; font: italic 32px/32px "Georgia", "Times New Roman", Times, Serif; left: 434px; padding: 10px; position: absolute; top: 80px; } .survey-option { border: 1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 150px; padding: 30px 40px; text-decoration: none; width: 377px; } .survey-option:hover { background: #eee; } #new-survey .title { color: #000; display: block; font: italic 24px/32px "Georgia", "Times New Roman", Times, Serif; margin: 20px 0; text-align: center; } #new-survey .description { color: #000; display: block; font: italic 16px/20px "Georgia", "Times New Roman", Times, Serif; text-align: left; } #survey-wizard { margin: 0 0 20px; padding: 20px; } .columns { overflow: hidden; } .columns-2 .column { width: 46%; } .columns .column { border-right: 1px solid #ccc; float: left; padding: 15px 30px; } .columns .column-first { padding: 15px 30px 15px 0; } .columns .column-last { border-right: none; margin-right: 0; padding: 15px 0 15px 30px; } /* Sidebar. */ #sidebar { background: #eee; border-radius: 8px; box-shadow: 0 0 5px rgba(0,0,0,0.15); height: 150px; left: -240px; overflow: hidden; padding: 20px 20px 0; position: absolute; top: 0; width: 180px; } .hidden { display: none; } .strong { font-weight: bold; } a.active { font-weight: bold; } a.inactive { font-weight: normal; } table.dataTable { width: 100%; clear: both; } table#surveyqueue, table#percentage-report-table { margin-top: 20px; } table#alerts-table, table#news-table { margin-top: 40px; } /* JB'S STYLES */ .intro, .table-filters { border-bottom: 1px solid #ccc; margin-bottom: 2em; padding-bottom: 2em; } .agent-info { width: 50%; } .agent-info h2 { margin: .25em 0; } .agent-info h2:before { background: #eee url(../images/vcard.png) center center no-repeat; border: 1px solid #ccc; content: ''; display: block; float: left; margin: 0 1em 1em 0; padding: .5em; position: relative; top: -.25em; width: 2em; height: 2em; } .role { color: #999; line-height: 1.5; } .role ul { list-style-position: inside; margin-top: 0; } .role .item-count { font-size: 1em; font-weight: bold; line-height: 1.5; } .items-assigned { position: absolute; right: 20px; top: 20px; } .items-assigned .button-control {display: block; font-size: 12px; font-size: .75rem; /* 12/16 */ font-weight: normal; line-height: 1.2; padding: 1em 1.5em; text-align: center; } .items-assigned span, .items-assigned em { display: block; font-weight: bold; } .items-assigned em { font-style: normal; } .item-count { font-size: 3em; line-height: 1; } .button-control.active { border-color: #999; color: #000; } .item * { line-height: 1.5; } .item td > p { margin: 0; } .col.survey-question { width: 40%; } .col.assignee, .col.status { width: 10%; } .survey-question-wrapper { position: relative; margin: -10px 0; /* .survey-question has a padding of 10px */ width: 100%; height: 100%; } .survey-question .full-content { background: #eee; background: rgba(255,255,255,.95); border: 3px solid #444; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #666; line-height: 1.25; padding: 0; z-index: 10; position: absolute; left: 10%; top: -67%; width: 100%; visibility: hidden; } .survey-question:hover .full-content, .survey-question.hover .full-content { visibility: visible; } .full-content h3, .full-content h4 { font-size: 1em; line-height: 1.25; } .full-content h3 { background: #666; color: #fff; padding: .75em 1em; margin: 0; } .full-content p, .full-content h4 { margin: 1em 0; padding: 0 1em; } .full-content h3 span { font-weight: normal; } .latest-comment { border-top: 1px solid #999; color: #999; margin: 1em; } .latest-comment h4, .latest-comment p { padding: 0; } table a { color: #aaa; } table tr:hover a { color: #888; } table tr a:hover { color: #00458B; } /* .home form { display: none; } */ td.client .cell-actions { display: none; } /* dataTables */ form.filters select { margin-left: .25em; margin-right: 1.5em; } form.filters p { margin-top: 0; } form.filters p:last-child { margin-bottom: 0; } .daterange .button-control.submit { margin-left: 1em; padding-top: 0; padding-bottom: 0; position: relative; top: -2px; } .table-filters > div { float: left; margin-left: 5%; width: 30%; } .table-filters > div:first-child { margin-left: 0; } .table-filters .left { text-align: left; } .table-filters .center { text-align: center; } .table-filters .right { text-align: right; } .dataTables_paginate a { display: inline-block; zoom: 1; *display: inline; padding: 0 .5em .5em; min-width: 1.5em; height: 1.5em; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #888; text-decoration: none; line-height: 2; margin-right: .5em; background-color: #ffffff; text-align: center; } .dataTables_paginate a:hover, .dataTables_paginate .paginate_active { color: #666; border-color: #999; } .report h2.survey-title { border-bottom: 1px solid #ddd; padding-bottom: 2em; margin-bottom: 0; } .report .dataTables_wrapper { position: relative; } .report .dataTables_wrapper .info { position: absolute; top: 2.25em; left: 0; } .report .survey-item td { border-bottom: 1px solid #ddd; color: #444; padding: 2em 1em; } .survey-question { width: 48%; margin-right: 10%; } .report .survey-question > p { font-size: 120%; margin: 0 0 3em; } .survey-question .alert { margin-bottom: 0; } .survey-question .alert.alt { background-color: #eee; } .survey-responses { color: #666; list-style-type: none; margin-top: 0; width: 42%; padding-left: 0; } .survey-responses li { border-bottom: 1px solid #eee; padding: .25em .25em .25em 3.15em; } .survey-responses li:first-child { border-top: 1px solid #ddd; } .survey-responses li:nth-child(odd) { background-color: #eee; } .survey-responses .chosen { font-weight: bold; background-image: url(../img/check.png); background-repeat: no-repeat; background-position: 1em 50%; } .report .bottom.table-filters { color: #666; padding: 2em 0 1em; margin: 0; border-bottom: none; } .fancybox, .fancybox-launch { display: none; } .fancybox-overlay .fancybox { display: block; } .fancybox-inner h3 { font-weight: normal; margin: 0; } .fancybox-inner h3 + p { margin: 0 0 1.5em; } .fancybox-inner textarea { color: #888; width: 95%; height: 120px; padding: 2.25%; margin-bottom: 1em; } /* helper classes */ .floatright { float: right; } .floatleft { float: left; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .col-survey-priority {display: none;} table th.subject {width: 55%; } table th.actions {width: 15%} table td.subject {overflow:hidden} label#lblsurvey-title {display:block} /* this is for the ViewIndividualClientSurveyReport page */ select.choose-report { float: right; width: 200px; } select.choose-survey, select.choose-provider { width: 150px; } .seen-by { margin-bottom: 10px; } .seen-by span:last-child { display: none; } .blue { color: #00458B; font-weight: normal; } table.individual-client-survey-report { width: 100%; margin-bottom: 20px; border-spacing: 0; } table.individual-client-survey-report tbody tr td { padding: 10px; border-bottom: 1px solid #CCC; } h3.individual-client-survey-report { margin: 0px; padding-top: 0px; line-height: 1em; } p.individual-client-survey-report { margin-top: 0px; margin-bottom: 30px; } table tbody tr td ol li { margin-bottom: 5px; line-height: 1em; margin-left: 0px; color: #902828; } td table.alerts-table { width: 100%; border-spacing: 0; } td table.alerts-table tr td { border-bottom-color: #902828; color: #902828; background: transparent; padding: 10px; } td table.alerts-table tr:last-child td { border-bottom: none; } td .show-alerts-notification { background-image: url('../images/show_alerts_indicator.png'); background-size: 20px; height: 20px; width: 20px; margin-top: -20px; margin-left: 15px; } .top_alert_controls .dataTables_length, .top_alert_controls .dataTables_filter { float: left; margin-right: 10px; } .top_alert_controls .dataTables_filter { margin-left: 55px; } .top_alert_controls #bulk-status, .top_alert_controls #bulk-assign { float: right; margin-left: 10px; } .top_alert_controls #bulk-assign:disabled, .top_alert_controls #bulk-status:disabled { color: #ccc; } .top_alert_controls #status-filter{ clear:both; text-align: center; } .top_alert_controls { overflow: auto; float:right; margin-bottom: 10px; margin-top: 40px; width: 97.5%; } .bottom_alert_controls .dataTables_info { margin-top: 3px; float: left; } .bottom_alert_controls .dataTables_paginate { float:right; } .bottom_alert_controls { overflow:auto; margin-top: 10px; width: 97.5%; } .bulk-methods select { margin-left: 15px; } .bulk-methods select:disabled { color: #ccc; } /* this is the end of ViewIndividualClientSurveyReport */ /* this is for the ERRORS pages */ .permissions-error { text-align: center; width: 100%; background-image: url('../images/permissions_error_spacer.png'); background-repeat: repeat-x; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 600px; overflow: hidden; } /* this is the end of the ERRORS pages */ /* this is for the TOOLTIPS */ .tooltip { cursor: pointer; } .tooltip-pop { position: absolute; width: 200px; color: #FFF; font-size: 1em; line-height: 1.2em; display: none; padding: 15px; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #043056; } /* this is the end of the TOOLTIPS */ #login { width: 200px; margin: 50px auto; background: #DDD; padding: 10px 30px 20px 30px; } #login h2 { font-weight: bold; color: #043056; margin: 10px 0; } #login input { width: 188px; height: 30px; } #login input[type="submit"] { width: 200px; height: 40px; margin: 10px 0; } #forgot-password { display: none; } #forgot-password h2 { margin-top: 20px; } #forgot-password input { width: 120px; display: inline-block; } #forgot-password input[type="submit"] { width: 60px; display: inline-block; margin-top: 7px; } .hidden { display: none; } .center { text-align: center; } .light { font-weight: normal; } .bold { font-weight: bold; } .answervalue, div.answerweight { width: 66px; text-align: center; } div.answerweight, div.answertext { padding: 0 6px; display: inline-block; text-align: center;} .answertext { width: 200px; } input.answertext { margin: 0 5px; } .margin-bottom-20 { margin-bottom: 20px; } /* undoing some stuff from up top */ fieldset.report-filter { float: none; max-width: none; } .dataTables_filter { margin-top: 0; } .dataTables_length { display: block; } .dataTables_length label { color: inherit; } .dataTables_length label select { z-index: 2; } /* provider reports redux */ #header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; color: #13558a; position: relative; height: auto; min-height: 121px; background: #fff; } .header-left { float: left; max-width: 30%; } .header-right { float: right; max-width: 65%; padding-top: 5px; } .page-name { font-weight: bold; line-height: 58px; } .page-name, .report-type { margin: 0; } /* this was when we were selecting the report from a