/**
 * @file CSS file for gff_leadercalc.module
 * */
#gff-leadercalc-form select { width : 150px; }
#gff_leadercalc_form_fields { width : 75%; margin-top: 0; }
#gff-leadercalc-form .form-item { float: left; margin: 0; margin-right: 20px; }
#gff-leadercalc-form .form-submit { margin-bottom: 20px; }
#gff-leadercalc-form .lc_drawing .lc_segment { background-color: #99ccff; display: inline-block; border-left: 4px solid #ffffff; margin: auto 0; vertical-align: middle; }
#gff-leadercalc-form .lc_drawing .lc_segment_0 { background-color: #336699; }
#gff-leadercalc-form .lc_drawing .lc_segment_1 { background-color: #3f6f9f; }
#gff-leadercalc-form .lc_drawing .lc_segment_2 { background-color: #4477aa; }
#gff-leadercalc-form .lc_drawing .lc_segment_3 { background-color: #4f7faf; }
#gff-leadercalc-form .lc_drawing .lc_segment_4 { background-color: #5588bb; }
#gff-leadercalc-form .lc_drawing .lc_segment_5 { background-color: #5f8fbf; }
#gff-leadercalc-form .lc_drawing .lc_segment_6 { background-color: #6699cc; }
#gff-leadercalc-form .lc_drawing .lc_segment_7 { background-color: #6f9fcf; }
#gff-leadercalc-form .lc_drawing .lc_segment_8 { background-color: #77aadd; }
#gff-leadercalc-form .lc_drawing .lc_segment_9 { background-color: #7fafdf; }
#gff-leadercalc-form .lc_drawing .lc_segment_10 { background-color: #88bbee; }
#gff-leadercalc-form .lc_drawing .lc_segment_11 { background-color: #8fbfef; }
#gff-leadercalc-form .lc_drawing .lc_segment_12 { background-color: #99ccff; }
#gff-leadercalc-form .lc_drawing .special { background-color: #ccccff; border: 1px #000000 dashed; border-left: 0; }
.void-lc_sum { border-top : 1px solid #999999; border-bottom: 3px double #999999; }
#gff-leadercalc-form tr td { border: 1px solid #cccccc; }
#gff-leadercalc-form tr th { border: 2px solid #999999; padding : 2px 4px; }
#gff-leadercalc-form tr th { width : 120px; }
#gff-leadercalc-form tr th.number { width: auto; }
#gff-leadercalc-form tr th.name { width: 300px; }
#gff-leadercalc-form tr th.formula { width : 200px; }
#gff-leadercalc-form tr.lc-is-mine td { }
#gff-leadercalc-form tr td { background-color: #f8f8f8; }
#gff-leadercalc-form tr.lc_spacer td { border: 0; height: 20px; background-color: #ffffff; }
#gff-leadercalc-form tr.lc_drawing td { padding: 10px; }
#gff-leadercalc-form table { border-collapse:collapse; width: 100%; margin-bottom: 30px; }
table.sticky-header { margin-top: 30px; margin-left: 0px; }
#gff-leadercalc-form .form-item-metric-english,
.form-item-metric-english { float: right; background-color: #99cc33; padding: 10px; border-radius: 0 0px 0 10px; margin: 0; margin-top: -40px; margin-bottom: 4px;  }
.page-leadercalc h1 { max-width : 750px; }
.page-leadercalc-leader #gff-leadercalc-metric-english-form .form-item-metric-english,
.page-leadercalc-my-leaders #gff-leadercalc-form .form-item-metric-english { margin-top: -12px; margin-right: 0; }
.lc_links img.lc_logo { position: absolute; top: 220px; margin-left: 830px; /* float: right; top: 60px; */ }
.block .lc_logo { float : right; margin-top: -20px; }
.lc_links ul li { display: inline; list-style: none; margin : 0; padding: 0; font-family: 'Open Sans'; font-size: 90% }
.lc_links ul li a { padding : 2px 6px; }
#gff-leadercalc-form .form-item.lc_links { float: none; }
#gff-leadercalc-form .form-item.lc_links { margin: 0; }
.form-item.lc_links { padding-left: 10px; margin: 0; background-color: #99cc33; border-radius: 0 10px 0 10px; }
.lc_print { font-size: 90%; font-family: Georgia; color: #000000; }
.form-item.lc_links .active { background-color: #669900; color: #ffffff; }
ul.lc_names li { list-style: none; margin-left: 6px; padding-left: 22px; text-indent: -22px; }
ul.lc_column_list,
.page-leadercalc-categories .region-content ul.lc_names,
#lc_sections > div,
ul.lc_names { column-count:2; -moz-column-count:2; -webkit-column-count:2; }
.page-leadercalc-categories h3 { margin : 10px 0; }

.gff_leadercalc-gff_leadercalc_links { float: right; border: 1px solid #99cc33; border-radius: 0 10px 0 10px; padding: 10px; margin: 0 0 1em 1em; width : 360px; }
.gff_leadercalc-gff_leadercalc_links .active { }
#lc-checkmark { position: absolute; font-size: 300%; color: green; margin-top: -50px; margin-left: 105px; }

/*
.page-leadercalc-lines ul.lc_xes, 
.page-leadercalc-lengths ul.lc_xes, 
.page-leadercalc-tippets ul.lc_xes { margin: 0 0 20px 0; }
*/

#block-gff-leadercalc-gff-leadercalc-links a.active { font-weight: bold; }

.lc_columns h3 { border-top: 2px solid #cccccc; margin-top: 10px; }
h3.random,
#gff-leadercalc-form.random { }
.page-leadercalc-categories .region-content li,
.page-leadercalc-categories .region-content li li,
ul.lc_xes li { overflow: hidden; /* Fix for firefox and IE 10-11  */
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Deprecated Firefox */
-moz-column-break-inside:avoid; /* Current Firefox */
column-break-inside:avoid;
break-inside: avoid; /* IE 10+ */
break-inside: avoid-column; }

.lc_my_link { float: right; }
.lc_my_link.edit { margin-left: 1em; }

#gff_leadercalc_my_count { position: absolute; display: inline-block; margin-top: -6px; margin-left: -14px; background-color: #336699; color : white; width : 20px; text-align: center; border-radius: 0 6px 0 6px; font-size: 70%; padding-top: 0px; line-height: 1.5em; }

#lc_sections > div li { list-style: none; margin-left: 6px; }
#lc_sections > div li:before,
ul.lc_names li:before,
.page-leadercalc-categories .region-content li li:before,
ul.lc_xes li:before { content: "- "; } 

.lc_anchors { background-color: #99cc33; float: right; border-radius: 0 0px 0 10px; padding: 0 1em; margin-top: -12px; font-family: 'Open Sans'; font-size: 90% }
.lc_anchors a { margin-right: 0.5em; }
h3.lc_anchor { padding : 0 5px; transition: .5s; margin-bottom : 5px; }
h3.lc_anchor:hover { background-color: #efefef; }

#lc_collapse_all,
#lc_expand_all,
.lc_anchor { cursor: pointer; }
.lc_counter { display : inline; font-size : 80%; margin-left : 2em; }
#lc_collapse_all { display : none; }

ul.lc_column_list { font-family : 'Open Sans', sans-serif; font-weight: bold; }
ul.lc_column_list > li { list-style: none; margin-left: 0px; margin-bottom : 10px; }
ul.lc_column_list ul { font-family : Georgia; font-weight : normal; }
ul.lc_column_list > li { background-color : #efefef; padding: 5px; display: inline-block; width:100%; }

/* Edit styles */
#gff-leadercalc-edit .form-item.form-item-min-line,
#gff-leadercalc-edit .form-item.form-item-max-line,
#gff-leadercalc-edit .form-item.form-item-tippet { width : 30%; float : left; }
#gff-leadercalc-edit fieldset.lc_percent .form-item { width : 30%; float: left; border: 1px solid #999999; margin: 0 10px 0 0; padding: 5px; }
#gff-leadercalc-edit fieldset.lc_percentages { column-count:3; -moz-column-count:3; -webkit-column-count:3; }
#gff-leadercalc-edit fieldset.lc_percentages .form-item { width : 98%; float: none; display: inline-block; }
#gff-leadercalc-edit fieldset.lc_percent label { display: inline; }
#gff-leadercalc-edit fieldset.lc_percentages label { font-weight: normal; }
#gff-leadercalc-edit fieldset.lc_percent .form-item input { width : 90px; display: inline; float: right; }

.leadercalc-pct-form .form-type-textfield input { width : 200px; }
.leadercalc-pct-form .form-item { display: inline; }
.leadercalc-pct-form fieldset.lc_percentages select { width : 200px; }

.page-leaders #content-sidebar { margin-top: 200px; margin-left: 20px; z-index: 100; }
.page-leadercalc #content-sidebar { position: absolute; margin-left: 620px; margin-top: 100px; z-index: 100; }
.page-leaders .node .field-name-field-tags { top: auto; }


/*
#content a:link, #content a:visited { border-bottom: 2px solid #eeeeee; }
#content a:hover { border-bottom: 2px solid #999999; }
*/

/* Labels */
body.page-leadercalc-print-labels { margin: 0; padding: 0; border: 0; }
#edit-labels-info,
#edit-your-info,
#edit-leader-info { width: 400px; }
#gff-leadercalc-labels-form #edit-notes { width: 300px; }
#gff-leadercalc-labels-form .form-type-textarea .grippie { display: none; }
#gff-leadercalc-labels-form .form-item { background-color: #eeeeee; min-height: 80px; padding: 5px; margin: 0 0 0.5em 0; }
#edit-labels-info .form-item { float: left; margin-right: 20px; }
#edit-labels-info .fieldset-description { width : 250px; }
#gff-leadercalc-labels-form .form-item-line-min,
#gff-leadercalc-labels-form .form-item-line-max { display: inline; }
/* #gff-leadercalc-labels-form .form-item-line-min label { margin-top: -25px; }*/
#gff-leadercalc-labels-form .form-item-width { margin-right:0; clear: both; }
#gff-leadercalc-labels-form .label-press-note,
#gff-leadercalc-labels-form .extra-submit { clear: both; }
#xgff-leadercalc-labels-form #edit-labels-info .form-submit { position: absolute; margin: 100px 0 0 0; }
#gff-leadercalc-labels-form .label-help { float: right; margin-top : -60px; }
#gff-leadercalc-labels-form .form-item-bw { }
#gff-leadercalc-labels-form .form-item.lc_links { background-color: #99cc33; min-height: 0; height: 26px; padding: 0 0 0 0.5em; }
#gff-leadercalc-labels-form .form-type-checkbox .description { margin: 0; }

#gff-leadercalc-labels-form .form-item.line-weight  { float: left; width: 160px; }
#gff-leadercalc-labels-form .form-item.form-item-length { float: left; width: 90px; }

.leadercalc-label-overlay { position: absolute; background-color: #dddddd; opacity: 0.7; font-size: 200%; text-align: center; margin-left: -8px; margin-top: -6px; border: 2px dashed #000000; }
table.leadercalc-label tr td .leadercalc-label-overlay h3 { margin-top: 100px; color: #000000; line-height: 1.6em; }
.leadercalc-label-overlay:hover { opacity: 0; transition: 1s; }
.leadercalc-label-overlay { transition: 1s; }
@keyframes highlight {
  0% { background-color: #99cc33; box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2); }
  100% { background-color: #dddddd; box-shadow: none; }
}

.leadercalc-sample .leadercalc-label-overlay,
.leadercalc-generate-button input {
  animation: highlight 1s;
}

table.leadercalc-label { border: 2px solid #000000; float: left; text-align: left;  page-break-inside : avoid; font-size: 80%; }
.leadercalc-sample table.leadercalc-label { float: none; }
.leadercalc-sample .leadercalc-label,
.leadercalc-sample leadercalc-label-overlay { margin: 0 auto; }
.leadercalc-sample { float: right; text-align: center; }
table.leadercalc-label h4 { margin: 0; padding: 0; font-size: 110%; }
table.leadercalc-label tr td { border: 1px solid #000000; line-height: 1.5em; }
table.leadercalc-label tr td.type,
table.leadercalc-label tr td.title { background-color: #336699 !important; text-align: center; color: #ffffff; height : 40px; }
table.leadercalc-label.bw tr td.type,
table.leadercalc-label.bw tr td.title,
table.leadercalc-label.bw tr td.footer { background-color: #ffffff !important; color: #000000; }
table tr.leadercalc-data td { height: 60px; }
table.leadercalc-label tr td.footer { background-color: #99cc33 !important; height : 50px; }
table.leadercalc-label tr td h2, 
table.leadercalc-label tr td h3 { color: #ffffff; }
table.leadercalc-label tr td { width : 33.333%; }
table.leadercalc-label.bw tr td h4,
table.leadercalc-label.bw tr td h5,
table.leadercalc-label.bw tr td h2, 
table.leadercalc-label.bw tr td h3 { color: #000000; }
.leadercalc-top10.new_box,
table.leadercalc-top10 { width : 400px; margin-bottom : 1em; }
table.leadercalc-top10 tr td:first-child { width : 300px; }
table.leadercalc-top10 caption { text-align : left; font-family: 'Open Sans'; font-size: 110%; font-weight : bold; color: #004400; }
table.leadercalc-top10 tr.even { background-color: #f8f8f8; }

.leadercalc-note { background-color: #99cc33; width: 450px; margin: 0 auto 10px auto; }
#gff-leadercalc-labels-form .leadercalc-label-overlay,
#gff-leadercalc-labels-form .leadercalc-sample { max-width: 450px; overflow: hidden; }
#gff-leadercalc-labels-form .form-item .form-item { float: none; margin: 0; padding: 0; min-height: 0; }
.page-leadercalc-print-labels .leadercalc-label-overlay { display: none; }
body.local.page-leadercalc-print-labels { border: none; }
.leadercalc-close { position : absolute; font-size: 200%; right : 10px; margin : 10px; }
h2.gff_leacercalc_label_warning { color : red; position: absolute; text-align: center; margin: 100px; background: #ffffff; padding: 30px; opacity: 0.7; border: 2px solid red; transition: 1s; }
h2.gff_leacercalc_label_warning:hover { opacity: 0; transition: 1s; }

#content-sidebar { z-index: -100; }

/* Responsive */
/* Narrower than 900px - mainly phones */
@media all and (max-width: 900px) {
  table.sticky-header { margin-top: inherit; margin-left: inherit; }
}

@media print {
  h2.gff_leacercalc_label_warning,
  .leadercalc-close { display: none; }
}