.person_form{ .error_field{ *{ color:red; } input{ border-color:red; } } .groups{ ol{ display:inline; padding-start:0px; padding:0px !important; width:auto !important; } label{ width:auto; } li{ display:inline-block; padding:0.1em 1em; padding-left:0; margin:0; input{ position:inherit; margin-right:0.2em; } } } } #sheet_show{ h3{ background:#1b1b1b; color:white; } position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:2000; background:white; .content{ padding:10px; position:absolute; top:50px; bottom:0px; left:0px; right:0px; overflow:auto; } .links{ text-align:right; position:absolute; top:0px; left:0px; right:0px; height:30px; padding:10px; } } .edit .links{ background:#FF6B00; } .show .links{ background : #a4bed6; } .new .links{ background : #95bc14; } #sheets_selecteds{ border : 1px solid #C5C5C5; } #cities{ height :200px; overflow :auto; border :1px solid #C5C5C5; } #sheet_years_search_years{ height :200px; overflow :auto; border :1px solid #C5C5C5;} .sheet_search{ width :100%; background:rgba(232,232,232,1); td{ width :33%; padding:0.5%; vertical-align :top;} } #sheets{ tr{ &:hover{ background:#f2f2f2; } } } .field{ border:1px solid black; }