1html, body { height: 101%; margin: 0px; padding: 0px; width: 100%; }

html, body, input, table, select, textarea, button, option { font-family: 'Verdana', 'Arial', sans-serif; font-size: 16px; }

.tablesmall { font-size: 12px; }
.tablesmall input, .tablesmall textarea { font-size: 12px; }

#container { text-align: left; }

#header { padding-top: 10px; padding-bottom: 30px; border-bottom: 1px dotted #ccc; }

#content { padding: 20px; }

#footer { padding: 20px; border-top: 1px dotted #ccc; }

#server_message { display: none; font-size: 16px; padding-top: 10px; padding-bottom: 10px; text-align: center; vertical-align: middle; background: #ffc; top: 0; left: 0; overflow: hidden; opacity: 0.9; border-bottom: 1px solid #ccc; cursor: pointer; z-index: 2000; width: 100%; position: absolute; }

table.results { border-collapse: collapse; }
table.results tr td, table.results tr th { border: 1px solid #ccc; padding: 10px; }

.dialog-behavior { font-family: 'Verdana', 'Arial', sans-serif; font-size: 16px; text-align: left; }

#logged { position: absolute; top: 10px; right: 20px; }

td.center { text-align: center; }

#tree, #tree_giz { width: 300px; float: left; }

#content_tree { float: left; margin-left: 20px; border: 1px solid #ccc; background: #fff; padding: 0 20px 20px 20px; width: 700px; }

.results .col1 { width: 45px; } 
.results .col2 { width: 40px; } 
.results .col3 { width: 110px; } 
.results .col4 { width: 40px; }

.tablereport { width: 980px; }

a img { text-decoration: none; border: 0; }

div#menu { position: absolute; top: 103px; left: 90px; line-height: 1.4 }

.sf-menu li { background: none;  }
.sf-menu > li { margin-right: 20px; }

img#img_smsg { position: absolute; top: 3px; right: 3px; }

table.template-instruction tr td { padding: 5px; padding-top: 0; padding-right: 10px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { _cursor: pointer; }

table.centered_header tr th { text-align: center; } 

.col_assigned { background: #cfc; } 
.col_finished { background: #ffc; } 

div.loading { width: 20px; height: 20px; background: url(/images/ajax-loader.gif) center no-repeat !important; }

th.red { color: red; }
th.blue { color: blue; }
th.green { color: green; }

.manager-form-survey { width: 900px; }
.manager-form-survey, .manager-form-survey table tr td, .manager-form-survey table tr th { font-size: 12px; }
.manager-form-survey .results { _width: auto; }
.manager-form-survey .manager-question { width: 300px; }

.score-org { width: 60px; }

.score_numeric { width: 50px; }

fieldset { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 20px; }

span.txt_score_cls { font-size: 11px; }


.sweet-alert { width: 400px; }
.sweet-alert h2 { font-size: 16px; margin: 10px 0; }
.sweet-alert fieldset { margin-bottom: 0; }
.sweet-alert button { margin: 0; font-size: 15px; }

button { margin-top: 0; }

input.skor { width: 50px; }

.mobile-layout { width: 600px;  }
#quick_pulse { position: absolute; top: 10px; right: 100px; font-size: 36px; font-weight: bold; }
#quick_pulse2 { position: absolute; top: 10px; right: 0; font-size: 36px; font-weight: bold; }
#quick_pulse3 { position: absolute; top: 10px; right: -150px; font-size: 36px; font-weight: bold; }
#quick_pulse_tbl { position: absolute; top: -30px; right: 100px; font-size: 36px;  }
#report-container { position: relative; width: 700px;}

#box-legend { border: 1px solid #ccc; padding: 4px; margin-top: 20px; min-width: 200px; }

.results2 { font-size: 12px; }
/* .results2 tr td, .results2 tr th { padding-left: 2px; padding-right: 2px; width: 10px; } */

span.header-quick { font-size: 14px; }

.tbl-summary-post { font-size: 13px; border-collapse: collapse; }
.tbl-summary-post tr td, .tbl-summary-post tr th { border: 1px solid #ccc; padding: 4px; text-align: center; width: 50px; }
button { background: #8B618C; color: #fff;}