body {
    margin-top: 60px;
}

input.hasDatepicker:hover {
    cursor: pointer;
}

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

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

div.flash.danger {
    color: black;
    background: #ff6f6b;
    font-weight: bold;
    border: 1px solid #bd0426;
    padding: 1em;
    margin: 1em 0;
}

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

li.hideListStyle {
    list-style: none;
}

li.hideListStyle input {
    margin-bottom: 10px;
}

#questions-edit h3 a {
    font-size: 16px;
}

li.hideListStyle span.ui-combobox input {
    width: 150px;
}

li.hideListStyle span.ui-combobox a.ui-corner-right {
    margin-left: 159px;
    height: 26px;
    cursor: pointer;
}

li.hideListStyle span.ui-combobox {
    width: 190px;
}

li.ui-menu-item {
    cursor: pointer;
}

.well-small {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

td.action a {
    margin-bottom: 10px;
    display: inline-block;
}

#questions-edit tbody tr td:first-child {
    cursor: move;
}

#questions-edit div.sortablegroup div > h3 {
    cursor: move;
}

.red {
    /*/color: red !important;*/
}

#head-menu .nav a {
    font-weight: bold;
    font-size: 13px
}

div.qgroup {
    margin-bottom: 40px;
}

div.qgroup div.title {
    border-bottom: 2px solid #dadada;
    margin-bottom: 10px;
}

div.qgroup div.title h3 {
    line-height: 25px;
    padding: 0px;
    margin: 0px
}

div.qgroup div.title span {
    font-size: 16px;
    padding: 0px;
    margin: 0px
}

div.qgroup div.title span.changes-red {
    font-size: 28px;
}

textarea {
    width: 930px;
    height: 20px;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
}

div.qtitle strong {
    font-size: 16px;
}

div.questions div.question {
    width: 950px;
    /*padding-bottom: 20px;*/
}

div.questions div.subquestion {
    width: 900px;
    margin-left: 50px;
}

div.questions div.subquestion div.qtitle {
    margin-left: -50px;
}

div.questions div.subquestion textarea {
    width: 880px;
}

div.questions div.question {
    padding-bottom: 5px;
    /*padding-right: 50px;*/
}

div.questions div.question label {
    float: left;
    width: 920px;
}

div.questions div.question input {
    float: left;
    width: 20px;
}

div.questions div.question input.text-number {
    width: 930px;
    float: none;
}


div.questions div.question textarea {
    color: blue;
}

div.questions div.question .response, div.questions div.question .response {
    color: blue;
    padding: 5px;
    /*padding-bottom: 15px;*/
    /*border-top: 1px solid #dadada;*/
    /*min-height: 40px;*/
}

#group-5 li.active, .question input {
    color: blue;
}

.form-header .header-row {
    height: 40px;
}

div.questions div.question .response ul li {
    color: #000;
    font-weight: normal;
}

div.questions div.question .response ul li.active {
    color: blue;
    font-weight: bold;
}

div.questions div.question div.qtitle span.qtitle2 {
    font-size: 20px;
}

div.clear {
    clear: both;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

div.form-header table th {
    text-align: right;
    text-transform: uppercase;
    padding-right: 13px;
}

div.form-header table input, div.form-header table textarea {
    width: 783px;
}

div.form-header table textarea {
    height: 20px;
}

div.form-header div.header-row {
    width: 940px;
}

div.form-header div.header-row div.item strong {
    text-transform: uppercase;
    padding-right: 3px;
}

div.form-header div.header-row div.item {
    float: left;
    padding-right: 23px;
}

div.form-header div.header-row div.itemshort {
    padding-right: 97px;
}

div.form-header .header-row.has-quarter select, div.form-header .header-row.has-quarter input {
    width: 180px !important;
}

div.form-header {
    margin-bottom: 30px;
}

h1 {
    text-transform: uppercase;
    font-size: 40px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #000;
}

h2 {
    color: #000;
}

h3 {
    font-size: 28px;
}

/*p.underh1 {
	margin-bottom: 10px;
}*/
div.motto {
    font-style: italic;
    color: #7d7d7d;
    text-align: justify;
}

div.motto p {
    color: #7d7d7d !important;
}

div.motto div.changes-red {
    color: red !important;
}

p.motto {
    color: #7d7d7d;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right;
}

div#detail-header p.fright {
    margin-top: -49px;
}

/*div.form-header img.logo {
	position: absolute;
	margin-top:-70px;
}*/
/*div.form-header p.filled {
    position: absolute;
    margin-left: 750px;
    margin-top: -50px;

}*/
a.ui-spinner-up, a.ui-spinner-down {
    float: right;
    margin-top: 5px;
    text-decoration: none;
    cursor: pointer;
}

form table th > label {
    text-align: right;
    font-weight: bold;
}

table.form-division {
    width: 100%;
}

table.form-division th {
    width: 138px;
}

table.form-division td {
    padding: 5px 0;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #fff;
}

.ui-combobox {
    position: relative;
    display: inline-block;
}

.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
}

.ui-combobox-input {
    margin: 0;
    padding: 0.2em;
    width: 210px;

}

span.ui-combobox a {
    width: 25px;
    border: 1px solid black;
    /*background-color: black;*/
    margin-left: 218px;
    display: block;
}

div.control {
    width: 250px;
    float: left;
}

.span3-5 {
    width: 250px;
}

span.users_id-tooltip {
    display: absolute !important;
    top: 28px;
    left: 3px;
    width: 238px;
    height: 20px;
    padding: 3px 0;
    background-color: #fff;
    text-align: center;
    border: 1px solid black;
    border-top: 0px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottom-right: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

span.users_id-tooltip:hover {
    color: #fff;
    color: #08C;
    text-decoration: underline;
}

div.answerContainer {
    border: 1px solid black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 0;
    padding: 1px;

}

div.answerContainer .header {
    background-color: #EDEDED;
    padding: 4px;
    border-bottom: 2px solid black;
    min-height: 40px;
}

div.answerContainer .header div {
    float: left;
    height: 35px;

}

div.answerContainer .header div.questionTitle {
    font-weight: bold;
    padding: 0 5px;
    min-width: 140px;
}

div.answerContainer .header div.questionDescription {
    max-width: 775px;
}

div.answerContainer .header div.counter {
    font-weight: bold;

}

div.answerContainer .actualbody {
    /*background-color: #E381B9;*/
    padding: 4px;
}

div.answerContainer .body table {
    margin-bottom: 0px;
}

div.answerContainer .body table th {
    width: 145px;
}

span.icon-pdf {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 25px;
    vertical-align: text-top;
    background-image: url("../images/pdf_32x32.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-top: -5px;
}

#days th {
    width: 200px;
    text-align: right;
}

#days .days-vacation {
    width: 137px;
    text-align: right;
}

#days span, #year span, table.form-division span {
    color: blue;
}

#year .month {
    width: 200px;
    text-align: right;
}

#year .year {
    width: 150px;
    text-align: right;
}

#head-table {
    width: 100%;
}

.aleft {
    text-align: left;
}

.aright {
    text-align: right;
}

#head-table-qform td {
    padding-right: 35px;
}

select.monthpicker > option[disabled] {
    color: gainsboro;
}

tr.unactive-user td {
    background-color: #FFDBDF !important;
}

tr.archived-user td {
    background-color: rgb(255, 252, 219) !important;
}

td.user-action {
    width: 170px;
}

.fright a.btn {
    margin-right: 5px;
}

.fright a.btn:first-child {
    margin-right: 0px;
}

.division-name {
    width: 200px !important;
}

th.division-vision {
    width: 200px;
}

th.division-values {
    width: 200px;
}

th.division-target {
    width: 200px;
}

div.subdivision {
    margin-left: 10px;
}

span.h3 {
    font-size: 20px;
    font-weight: bold;
}

#division-tree, #division-tree ul {
    list-style: none;
}

#division-tree li {
    margin-bottom: 15px;
    padding: 5px;
}

#division-tree p.well {
    margin: 3px;
    padding: 4px;
    margin-left: 22px;
}

#division-tree p.well strong {
    margin-right: 2px;
}

#division-tree {
    margin: 0;
}

#division-tree ul ul {
    margin-left: 50px;

}

#division-tree ul {
    margin-left: 0px;
}

#division-tree ul li:hover {
    background-color: #f4f4f4;
}

#division-tree ul ul li:hover {
    background-color: #fff;
}

#division-tree ul ul ul li:hover {
    background-color: #f4f4f4;
}

#division-tree ul ul ul ul li:hover {
    background-color: #fff;
}

#division-tree #list_1 div i.disabled {
    display: none;
}

div.subdivision h4.lvl4 {
    margin-left: 20px;
}

div.subdivision ul.lvl4 {
    margin-left: 40px;
}

div.subdivision h4.lvl5 {
    margin-left: 40px;
}

div.subdivision ul.lvl5 {
    margin-left: 60px;
}

.u {
    text-decoration: underline;
}

div.subdivision form label, div.well form label {
    font-weight: normal;
}

form.udivisions input.udivisions-submit {
    margin-left: 30px;
}

.navbar .nav > li > a {
    padding: 10px 5px 10px;
}

ul.users-list li {
    list-style: none;
    width: 160px;
}

.nonactive-users span.hidden {
    display: none;
}

.nonactive-users th, .active-users th, .active-division th, .next-gremi th {
    width: 120px;
}

.active-division td select {
    width: 250px;
}

.nonactive-users td {
    text-align: left;
}

table.active-users, table.nonactive-users, table.next-gremi {
    margin-bottom: 5px;
}

table.active-division {
    margin-bottom: 15px;
}

div.body th.title label {
    text-align: left;
    font-size: 22px;
}

table.hidden {
    display: none;
}

#frmgform-activeDivision option {
    color: blue !important;
}

#frmgform-activeDivision option:disabled {
    color: red !important;
}

table.table-tasks .status select {
    width: 90px;
}

table.table-tasks .date {
    text-align: center;
}

table.table-tasks .date input {
    width: 80px;
    text-align: center;
}

textarea.task {
    width: 580px;
}

/* GRAMY detail */
table.users-list h4 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}

table.users-list {
    margin-bottom: 5px;
}

table.users-list td span {
    text-align: left;
}

table.users-list th {
    width: 100px;
}

#gForm div.body {
    margin-top: 20px;
}

table.gramy-division-title th {
    width: 680px;
    margin: 0px;
    padding: 0 0 0 5px;
}

table.gramy-division-title td {
    width: 115px;
    text-align: right;
}

table.gramy-division-title, table.gramy-division-data {
    margin-bottom: 0px;
}

table.gramy-division-data th {
    width: 50px;
    margin: 0px;
    padding: 5px 0 0 5px;
}

table.gramy-division-data td {
    width: 745px;
    text-align: left;
}

table.gramy-division-task {
    margin-bottom: 20px;
}

table.gramy-division-task th.root-task {
    width: 50px;
    margin: 0px;
    padding: 5px 0 0 5px;
}

table.gramy-division-task th.task {
    width: 750px;
    margin: 0px;
    padding: 5px 0 0 5px;
}

table.gramy-division-task td.task {
    color: red;
}

table.gramy-division-task td.task-id {
    width: 20px;
    margin: 0px;
    text-align: right;
    padding-right: 3px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

table.gramy-division-task th.date {
    width: 100px;
    margin: 0px;
    padding: 5px 0 0 5px;

}

table.gramy-division-task td.date {
    text-align: center;
}

table.gramy-division-task th.status {
    width: 60px;
    margin: 0px;
    padding: 5px 0 0 5px;
}

/* END Gramy detail*/

/** TESTY **/
td.handle i.icon-move {
    cursor: pointer;
}

table.test-admin th.rank {
    width: 50px;
}

table.test-admin th.response {
    width: 720px;
}

table.test-admin th.action {
    width: 60px;
}

table.question-admin th.rank {
    width: 50px;
}

table.question-admin th.name {
    width: 400px;
}

table.question-admin th.responses {
    width: 400px;
}

table.question-admin th.action {
    width: 60px;
}

table.table-test th.name {
    width: 520px;
}

table.table-test th.users {
    width: 200px;
}

table.table-test th.status {
    width: 90px;
}

table.table-test th.action {
    width: 60px;
}

td.alert-success {
    background-color: #dff0d8 !important;
}

td.alert-warning {
    background-color: #fcf8e3 !important;
}

td.alert-danger {
    background-color: #f2dede !important;
}

#frm-respondents label {
    display: inline-block;
}

#frm-testForm label {
    display: inline-block;
    margin-left: 5px;
}

#test-response-view ul li.answered {
    font-weight: bold;
    text-decoration: underline;
}

#respondents-summary i {
    cursor: help;
}

/** END TESTY **/

.span1-5 {
    width: 96px;
}

#task-grid tr.active td, span.active {
    background-color: #d8f5ff;
    border: 1px solid #1abdf6;
    font-size: 18px;
    text-decoration: underline;
}

#task-grid tr.finished td, span.finished {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

#task-grid tr.out-of-date td, span.out-of-date {
    background-color: #f2dede;
    border-color: #eed3d7;
}

#task-grid span.legend {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid black;
}

#task-grid ul.legend li {
    list-style-type: none;
    float: left;
    width: 200px;
}

#multiform textarea {
    width: 98%;
    height: 40px;
}

#multiform .name {
    width: 710px;
}

#multiform .time {
    width: 110px;
}

#multiform .rank {
    width: 60px;
}

input.span05 {
    width: 28px;
}

#multiform .handle {
    width: 15px;
    float: left;
    cursor: pointer;
}

div.flashh {
    color: black;
    padding: 1em;
    margin: 1em 0;
    position: fixed;
    right: 20px;
    top: 70px;
    text-align: center;
    border: 1px solid #000000;
    z-index: 10000;
}

#outlines-filter form {
    margin: 0
}

#outlines-filter input {
    margin-top: -10px
}

#outlines-grid .time {
    width: 60px;
}

#outlines-grid .division-moderator {
    width: 150px;
}

#outlines-grid th.time {
    text-align: center;
}

#outlines-grid th.rank {
    width: 10px;
}

.textright {
    text-align: right !important;
}

.dropdown-menu li.active a {
    background: #72cdfa; /* Old browsers */
    background: -moz-linear-gradient(top, #72cdfa 0%, #39a0d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #72cdfa), color-stop(100%, #39a0d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #72cdfa 0%, #39a0d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #72cdfa 0%, #39a0d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #72cdfa 0%, #39a0d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #72cdfa 0%, #39a0d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72cdfa', endColorstr='#39a0d3', GradientType=0); /* IE6-9 */
    background-image: linear-gradient(rgb(114, 205, 250), rgb(57, 160, 211));
}

div.flash.error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    font-size: 22px;
}

#userList td.user-name {
    width: 110px;
}

#userList td.user-email {
    width: 200px;
}

#userList td.user-division {
    width: 190px;
}

#group-5, #group-5 li, .red {
    /*color: red;*/
}

.saved {
    position: fixed;
    right: 10px;
    top: 40px;
}

.formNottFilled {
    color: red;
}

/*.subquery {
    width: 450px !important;
    float: left;

}

.subquery .qtitle {
    text-align: left;
}

.subquery.left {
    margin-right: 30px;
}

.subquery textarea {
    width: 100%;
}
.subquery input.text-number {
    width: 100% !important;
}
.subquery-title {
    padding-bottom: 5px !important;
}

.subquery-title .response {
    min-height: 10px !important;
    height: 10 !important;
}

.question.right .response {
    text-align: left;
}

.q23c .response li {
    float: left;
    width: 80px;
}

.q23c label {
    width: 75px !important;
}

.q23c input {
    margin-left: -2px;
}

.q23c2 .qtitle {
    display: none;
}

.q23d {
    margin-top: -50px;
}

.q23d .qtitle {
    margin-bottom: 8px;
}

.q22b .qtitle {
    padding-bottom: 20px;
}

textarea {
    margin-bottom: 5px;
}

.question.radio .qtitle {
    margin-left: -21px;
}

.question.radio label {
    width: 980px !important;
    float: none !important;
}

#notification-checklist label {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.division-checkbox {
    padding-left: 10px;
}
#notification-checklist .accordion-group {
    margin-left: 20px;
}
h3#group-h3-1, h3#group-h3-4 {
      color: red;
}

#group-h3-4 > span.red {
    font-size: 28px;
}

.changes-red {
    color: red !important;
}
.q26s .choices {
    float:  left;
}

.q26s li {
    float: left;
    width: 50px;
}
.q26s li.active {
    color: blue !important;
}
.q26s .qtitle {
    margin-right: 30px;
}
.q26s td.result, td.total {
    border: 1px solid black;
    width: 30px;
    min-height: 24px;
    padding: 2px;
}
.q26s td.result,td.total {
    text-align: center;
}
.q26s td.td-choices {
    width: 150px;
}
.totalrow {
    border-top: 1px solid black;
}
table.bool-table {
    margin-bottom: 10px;
}
.q26s label {
    display: inline-block;
    width: auto !important;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 10px;
}*/
table.qtable {
    width: 100%;
    position: relative;
}

table.subquery-table {
    text-align: left;
}

table.subquery-table td.title {
    width: 50%;
    padding-right: 5px;
}

table.qtable input[type="text"], table.qtable textarea {
    width: 100%;
}

table.subquery-table textarea, table.subquery-table input[type="text"] {
    width: 98%;
    text-align: left;
}

.q23c input {
    margin-right: 3px;
}

.q23c label, .q23c input, .q23c .response li {
    display: inline-block;
}

.q23c label, .q23c .response li {
    margin-right: 10px;
}

#question-40 {
    margin-top: -20px;
}

.printable #question-40 {
    margin-top: -10px;
}

#question-25 input, #question-25 label {
    display: inline-block;
    float: none;
    margin-left: 0px;
    color: black;
}

#question-25 label {
    margin-left: 10px;
    width: 97%;
}

td.rightcol {
    padding-left: 15px;
}


.q26s .choices {
    float: left;
}

.q26s li {
    float: left;
    width: 50px;
}

.q26s li.active, .q23c .response li, .response {
    color: blue;
}

.response.changes-red {
    color: red;
}

.response.changes-red .lispan {
    color: #000000;
}

.response.changes-red .lispan.active {
    color: blue;
}

.q26s .qtitle {
    margin-right: 30px;
}

.q26s td.result, td.total {
    border: 1px solid black;
    width: 30px;
    min-height: 24px;
    padding: 2px;
}

.q26s td.result, td.total {
    text-align: center;
}

.q26s td.td-choices {
    width: 150px;
}

.totalrow {
    border-top: 1px solid black;
}

table.bool-table {
    margin-bottom: 10px;
    border-collapse: collapse;
}

.q26s label {
    display: inline-block;
    width: auto !important;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 10px;
}

.qtable .response.blue {
    color: blue;
    font-weight: normal;
}

.qtable li.active, div.lispan.active, .td-choices span.active {
    color: blue;
    font-weight: bold;
}

span.active {
    color: blue;
}

div.lispan {
    display: block;
    width: 100%;
    font-weight: normal;
}

#question-38 div.lispan {
    width: auto;
}


#notification-checklist label {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.division-checkbox {
    padding-left: 10px;
}

#notification-checklist .accordion-group {
    margin-left: 20px;
}

#qtitle39 .qtitle {
    display: none;
}

body.body-fill-blue textarea, body.body-fill-blue input[type="text"], body.body-fill-blue select {
    color: blue;
}

.changes-red {
    color: red;
}

.hexagonChange {
    color: blue;
}

.octagon-error-message {
    font-weight: bold;
    font-size: 20px;
    color: red;
}

.radio-list--110 {
    margin-bottom: 16px;
}

.radio-list--110 label {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 3px 10px;
    cursor: pointer;
}

.radio-list--110 label:hover {
    background-color: #d8f5ff;
}

.radio-list--110 label:nth-last-child(2) {
    border-left: 1px solid #cccccc;
    padding-left: 16px;
}

.radio-list--110 label:nth-last-child(3) {
    padding-right: 16px;
}

.radio-list--110 label input {
    margin: -1px 5px 0 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}

.qtable hr {
    width: 80%;
    margin: 10px 0 16px 9px;
}

.radio-list--110 hr {
    width: 80%;
    margin: 16px 0 10px 9px;
}

.radio-list--110 .help-block {
    color: #dc3545;
    font-size: 14px;
    position: absolute;
    bottom: 0;
}

.question-type--3 .qtitle {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 24px;
}

.title-question {
    margin-bottom: 20px;
    font-weight: bold;
}

.mb20 {
    margin-bottom: 20px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb100 {
    margin-bottom: 100px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.qform--unregistered-user label {
    padding-right: 25px;
    margin-top: -18px;
}

.qform--unregistered-user td {
    position: relative;
}

.qform--unregistered-user input {
    max-width: 250px;
    margin-bottom: 23px;
}

.qform--unregistered-user .help-block {
    color: #dc3545;
    font-size: 14px;
    position: absolute;
    bottom: -5px;
}

.qdesc {
    font-size: 14px;
    font-style: italic;
}

textarea {
    margin-top: 5px;
    resize: vertical !important;
    height: 80px;
}

.stats table {
    max-width: 1000px;
    margin: auto;
    text-align: left;
}

.stats table, .stats th, .stats td {
    border: 1px solid #ddd;
}