.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_window{ h3{ background:#1b1b1b; color:white; } @include box-shadow(0px 0px 10px rgba(0,0,0,0.8)); position:fixed; top:20px; left:20px; right:20px; bottom:20px; background:white; .content{ padding:10px; position:absolute; top:50px; bottom:0px; left:0px; right:0px; overflow:auto; } } #sheet_show{ @extend .sheet_window; .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{ height: 300px; overflow : auto; 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%; td{ width :33%; vertical-align :top;} } #sheets{ tr{ &:hover{ background:#f2f2f2; } } } .field{ border:1px solid black; }